/*
Theme Name: Newscraft Blog
Theme URI: https://superbthemes.com/child-theme/newscraft-blog/
Description: Newscraft Blog is a responsive WordPress theme designed for bloggers and newspapers. Its elegant and minimalist look makes it suitable for affiliate marketers and writers who wish to write about their interests in soccer, football, sports, casino, clothing, food, or lifestyle freely. This multipurpose theme is fast and optimized for search engines (SEO-friendly), and features a sidebar that can be used for widgets, monetization through AdSense or affiliate links, and more. Installing and setting up the theme is simple for any author, with a user-friendly interface that makes it easy to get started. If you are using it as a newspaper, magazine or personal writing/journalist portfolio, it's great for business purposes as your website can rank well on search engines such as Yahoo, Bing, or Google.
Author: superbthemescom
Author URI: https://superbthemes.com/
Tested up to: 7.1
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.en.html
Template: draftly
Version: 1.0
Tags: theme-options, threaded-comments, translation-ready, sticky-post, footer-widgets, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, right-sidebar, one-column, two-columns, blog, news, entertainment
Text Domain: newscraft-blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


:root {
	--ab-bg: #fbfaf8;
	--ab-panel: #f4f2ee;
	--ab-line: #e8e5df;
	--ab-line-soft: #efece7;
	--ab-ink: #16181a;
	--ab-slate: #bc4a12;
	--ab-slate-dark: #983a0d;
	--ab-text: #635f59;
	--ab-muted: #928d85;
	--ab-faint: #a29e96;
	--ab-font-body: 'Questrial', 'Century Gothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', helvetica, arial, sans-serif;
	--ab-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', helvetica, arial, sans-serif;
	--ab-font-mono: 'PT Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
	--ab-font-eyebrow: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', helvetica, arial, sans-serif;
}

html {
	overflow-x: clip;
	scroll-behavior: smooth;
}

html,
body {
	font-family: var(--ab-font-body);
}

.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.screen-reader-text:focus {
	width: auto !important;
	height: auto !important;
	padding: 14px 22px !important;
	margin: 0 !important;
	overflow: visible !important;
	clip: auto;
	clip-path: none;
	white-space: normal;
	left: 8px;
	top: 8px;
	z-index: 100000;
	background: #fff;
	color: var(--ab-ink);
	border-radius: 3px;
	box-shadow: 0 6px 24px rgba(22, 24, 26, 0.16);
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	*,
	::before,
	::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

body {
	background-color: var(--ab-bg);
	color: #44403a;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.012em;
}

code,
kbd,
pre,
samp,
tt,
var {
	font-family: var(--ab-font-mono);
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	font-family: var(--ab-font-heading);
	color: var(--ab-ink);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

article h1 {
	font-size: 32px;
}

article h2 {
	font-size: 27px;
}

article h3 {
	font-size: 23px;
}

article h4 {
	font-size: 20px;
}

article h5 {
	font-size: 18px;
}

article h6 {
	font-size: 16px;
}

hr {
	background-color: var(--ab-line);
}

tr {
	border-bottom: 1px solid var(--ab-line);
}

blockquote {
	background: var(--ab-panel);
	border-left: 3px solid var(--ab-slate);
	padding: 1.1em 1.4em;
	border-radius: 0 3px 3px 0;
}

::selection {
	background: rgba(188, 74, 18, 0.16);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--ab-slate);
	outline-offset: 2px;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
	background: #fff;
	color: #57534c;
	border: 1px solid #e2dfd9;
	border-radius: 8px;
	padding: 13px 15px;
	font-size: 15px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
	color: #33302b;
	border-color: var(--ab-slate);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(188, 74, 18, 0.12);
}

form label,
.comment-form label {
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #57534c;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	background: var(--ab-slate);
	color: #fff;
	font-family: var(--ab-font-eyebrow);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: none;
	line-height: 1.5;
	padding: 13px 24px;
	border: 0;
	border-radius: 8px;
	transition: background 0.2s ease;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	background: var(--ab-slate-dark);
	opacity: 1;
}

.search-form .search-submit {
	padding: 15px 22px;
	border-radius: 0 8px 8px 0;
}

.top-nav-wrapper {
	background: var(--ab-bg);
}

.primary-menu .pmenu {
	background: transparent;
}

.logofont,
.logo-container .logofont {
	font-family: var(--ab-font-heading);
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.01em;
	color: var(--ab-ink);
}

.logo-container .logofont {
	margin-top: 13px;
}

.main-navigation ul li a,
.super-menu .toggle-mobile-menu,
.toggle-mobile-menu:before,
.mobile-menu-active .smenu-hide {
	color: #44403a;
	font-weight: 500;
}

.main-navigation ul li a {
	font-family: var(--ab-font-heading);
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.4;
	padding: 17px 13px;
	font-weight:600;
}

.main-navigation ul li:hover > a,
.main-navigation ul li > a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
	color: var(--ab-ink);
}

.main-navigation .pmenu > li > a,
.main-navigation .pmenu > ul > li > a {
	display: inline-block;
}

.pmenu > li.current-menu-item > a,
.pmenu > li.current_page_item > a,
.pmenu > ul > li.current_page_item > a {
	text-decoration: underline;
	text-underline-offset: 7px;
	text-decoration-thickness: 2px;
	text-decoration-color: var(--ab-slate);
}

.main-navigation .pmenu > li > a,
.main-navigation .pmenu > ul > li > a {
	transition: color 0.2s ease;
}

.main-navigation .pmenu > li:hover > a,
.main-navigation .pmenu > li > a:hover,
.main-navigation .pmenu > ul > li > a:hover {
	color: var(--ab-slate);
	text-decoration: underline;
	text-underline-offset: 7px;
	text-decoration-thickness: 2px;
	text-decoration-color: var(--ab-slate);
}

.pmenu > li.menu-item-has-children > a,
.pmenu > li.page_item_has_children > a,
.pmenu > ul > li.page_item_has_children > a {
	padding-right: 4px;
}

.main-navigation ul li .sub-arrow,
.main-navigation ul ul li .sub-arrow {
	position: static;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1;
	font-size: 13px;
	color: var(--ab-muted);
	text-align: center;
	padding: 4px 12px 4px 3px;
	margin: 0;
	vertical-align: -1px;
	cursor: pointer;
}

.main-navigation ul li:hover > .sub-arrow,
.main-navigation ul li .sub-arrow:hover {
	color: var(--ab-ink);
}

.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
	background: #fff;
	border: 1px solid var(--ab-line);
	border-radius: 6px;
	padding: 6px;
	box-shadow: 0 16px 40px rgba(22, 24, 26, 0.1);
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
	border-bottom: 0;
	width: 100%;
}

.site-header ul ul {
	min-width: 230px;
}

.site-header ul ul li a {
	padding: 10px 12px;
	border-radius: 4px;
	opacity: 1;
	color: #44403a;
	font-size: 14px;
	font-weight: 400;
}

.site-header ul ul li a:hover,
.site-header ul ul li:hover > a {
	background: var(--ab-panel);
	color: var(--ab-ink);
}

.site-header ul ul ul {
	top: 0;
	left: calc(100% - 4px);
}

.main-navigation ul ul li .sub-arrow {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding: 6px;
}

.main-navigation ul ul li .sub-arrow i {
	display: block;
	transform: rotate(-90deg);
}

.pmenu ul li.menu-item-has-children > a,
.pmenu ul li.page_item_has_children > a {
	padding-right: 34px;
}

.super-menu,
#smobile-menu {
	background: #fff;
}

.bottom-header-wrapper img {
	border-radius: 4px;
}

.bottom-header-title {
	font-family: var(--ab-font-heading);
	font-weight: 700;
	letter-spacing: -0.015em;
}

.bottom-header-paragraph {
	font-family: var(--ab-font-body);
}

.readmore-header a {
	background: var(--ab-slate);
	font-family: var(--ab-font-eyebrow);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.01em;
	text-transform: none;
	padding: 13px 26px;
	border-radius: 999px;
	transition: background 0.2s ease;
}

.readmore-header a:hover {
	background: var(--ab-slate-dark);
}

div#content.site-content {
	margin-top: 44px;
	margin-bottom: 30px;
}

.featured-content {
	width: 72%;
	margin-right: 4%;
}

.featured-sidebar {
	width: 24%;
}

body.no-sidebar .featured-content {
	width: 100%;
	margin-right: 0;
}

.all-blog-articles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 44px;
	align-items: start;
}

.all-blog-articles > header,
.all-blog-articles > .page-header,
.all-blog-articles > .pag-wrapper,
.all-blog-articles > .no-results {
	grid-column: 1 / -1;
}

.blog .all-blog-articles > header {
	display: contents;
}

.all-blog-articles.masonry-active {
	grid-auto-rows: 8px;
}

@supports (grid-template-rows: masonry) {
	.all-blog-articles {
		grid-template-rows: masonry;
	}
}

article.blogposts-list {
	display: block;
	margin-bottom: 76px;
	overflow: visible;
}

article.fbox,
.single article.fbox,
.page article.fbox,
.archive article.fbox,
.search-results article.fbox,
.blog article.fbox {
	background: transparent;
}

.featured-img-box {
	display: block;
}

.blogposts-list .featured-img-box .featured-thumbnail {
	float: none;
	display: block;
	width: 100%;
	min-width: 0;
	height: auto;
	aspect-ratio: 4 / 3;
	border-radius: 6px;
	overflow: hidden;
}

.featured-thumbnail-inner {
	border-radius: 6px;
	transition: transform 0.5s ease;
}

article.blogposts-list:hover .featured-thumbnail-inner,
article.blogposts-list:focus-within .featured-thumbnail-inner {
	transform: scale(1.035);
}

article.blogposts-list .content-wrapper {
	padding: 20px 0 0;
	float: none;
}

article.blogposts-list .entry-meta {
	display: block;
	width: auto;
	margin: 0 0 10px;
	padding: 0;
}

article.blogposts-list .post-data-text {
	float: none;
	display: block;
	margin: 0;
}

article.blogposts-list .post-data-text,
article.blogposts-list .content-wrapper .post-data-text,
article.blogposts-list .content-wrapper .post-data-text * {
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ab-slate);
	text-decoration: none;
}

article.blogposts-list .content-wrapper .post-data-text a:hover,
article.blogposts-list .content-wrapper .post-data-text a:hover * {
	color: var(--ab-slate-dark);
}

.blogposts-list .content-wrapper h2.entry-title {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 1.3;
}

.blogposts-list .content-wrapper h2.entry-title a,
.blogposts-list .content-wrapper h2.entry-title a:active,
.blogposts-list .content-wrapper h2.entry-title a:focus {
	font-family: var(--ab-font-heading);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--ab-ink);
}

.blogposts-list .content-wrapper h2.entry-title a:hover {
	font-family: var(--ab-font-heading);
	font-weight: 700;
	font-size: 24px;
	color: var(--ab-slate);
}

article.blogposts-list .entry-content {
	font-family: var(--ab-font-body);
	margin-top: 0;
}

.blogposts-list .content-wrapper p {
	color: var(--ab-text);
	font-size: 15.5px;
	line-height: 1.75;
	letter-spacing: 0.015em;
	margin: 0;
}

.read-more-blogfeed {
	margin-top: 18px;
}

.read-more-blogfeed a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--ab-font-eyebrow);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: none;
	color: var(--ab-ink);
	background: transparent;
	margin-top: 0;
	padding: 9px 18px;
	border: 1px solid #ddd9d2;
	border-radius: 999px;
	text-decoration: none;
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.footer-column-three.footer-column-left,
.footer-column-three.footer-column-middle {
	padding-right:30px;
}

.read-more-blogfeed a:after {
	content: "\2192";
	font-size: 14px;
	line-height: 1;
	transition: transform 0.2s ease;
}

.read-more-blogfeed a:hover {
	background: var(--ab-slate);
	border-color: var(--ab-slate);
	color: #fff;
}

.read-more-blogfeed a:hover:after {
	transform: translateX(3px);
}

.pag-wrapper {
	float: none;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

ul.page-numbers {
	display: block;
	margin: 0;
}

.page-numbers li {
	margin: 0 4px 8px;
}

.page-numbers li a,
span.page-numbers.current,
span.page-numbers.dots {
	font-family: var(--ab-font-eyebrow);
	font-size: 13px;
	font-weight: 600;
	background: transparent;
	color: #57534c;
	border: 1px solid #e2dfd9;
	border-radius: 8px;
	padding: 10px 15px;
	margin: 0;
	float: none;
	opacity: 1;
	box-shadow: none;
}

.page-numbers li a:hover {
	border-color: var(--ab-slate);
	color: var(--ab-ink);
}

span.page-numbers.current {
	background: var(--ab-slate);
	border-color: var(--ab-slate);
	color: #fff;
}

span.page-numbers.dots {
	border: 0;
}

.page-numbers li a.next,
.page-numbers li a.prev {
	border: 0;
	background: transparent;
	color: var(--ab-slate);
	letter-spacing: 0.01em;
	text-transform: none;
	font-size: 13px;
	font-weight: 600;
	padding: 11px 4px;
	text-decoration: underline;
	text-decoration-color: #c9c5be;
	text-underline-offset: 6px;
}

.page-numbers li a.next:hover,
.page-numbers li a.prev:hover {
	color: var(--ab-ink);
	text-decoration-color: var(--ab-slate);
	border: 0;
}

.page-numbers li a.next:after {
	content: " \2192";
}

.page-numbers li a.prev:before {
	content: "\2190 ";
}

#secondary .widget,
#secondary .fbox,
#secondary .swidgets-wrap {
	background: transparent;
	padding: 0;
	margin: 0 0 36px;
}

#secondary .widget .wp-block-archives__label,
#secondary .widget .wp-block-categories__label,
#secondary .widget .wp-block-search__label,
footer .widget .wp-block-archives__label,
footer .widget .wp-block-categories__label,
footer .widget .wp-block-search__label {
	display: block;
	width: 100%;
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #7d786f;
	border-bottom: 1px solid var(--ab-line-soft);
	padding: 0 0 12px;
	margin: 0 0 14px;
}

select {
	background: #fff;
	border: 1px solid #e2dfd9;
	border-radius: 8px;
	padding: 11px 12px;
	color: #57534c;
	font-size: 14px;
	font-family: var(--ab-font-body);
}

.widget select {
	width: 100%;
	margin: 0;
}

#secondary .widget ul ul {
	padding-left: 14px;
}

#secondary .swidget {
	border-bottom: 0;
}

#secondary .sidebar-headline-wrapper {
	border-bottom: 1px solid var(--ab-line-soft);
	padding-bottom: 12px;
	margin-bottom: 6px;
}

#secondary h3,
#secondary .widget h2,
#secondary .widget-title,
#secondary .swidgets-wrap h3,
#secondary .widget h3 a,
#secondary .widget h4 {
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #7d786f;
	border-bottom: 0;
	padding-bottom: 0;
	margin: 0;
}

#secondary .widget {
	font-size: 14px;
	color: var(--ab-text);
}

#secondary .widget p {
	color: var(--ab-text);
	font-size: 14px;
	line-height: 1.7;
}

#secondary .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#secondary .widget ul li {
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px solid var(--ab-line-soft);
}

#secondary .widget li a {
	color: var(--ab-ink);
	font-family: var(--ab-font-heading);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.45;
}

#secondary .widget li a:hover {
	color: var(--ab-slate);
}

#secondary .widget li h3,
#secondary .widget li h3 a,
#secondary .widget li h4,
#secondary .widget li h4 a {
	font-family: var(--ab-font-heading);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.45;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ab-ink);
}

#secondary .widget time,
.widget time.rpwe-time.published,
footer .widget time {
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ab-faint);
	margin-top: 4px;
}

#secondary img.rpwe-thumb,
#secondary .spbrposts-li img,
#secondary .post-img img,
#secondary .wp-block-latest-posts__featured-image img {
	width: 52px;
	height: 52px;
	object-fit: cover;
	border-radius: 6px;
}

#secondary .widget .post-img,
#secondary li .wp-block-latest-posts__featured-image {
	float: left;
	margin-right: 14px;
	margin-bottom: 0;
}

time.wp-block-latest-posts__post-date {
	display: block;
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ab-faint);
	margin-top: 4px;
}

#secondary .widget ul.wp-block-social-links li,
footer .widget ul.wp-block-social-links li {
	border-bottom: 0;
	padding: 0;
}
.footer-column-three time.spbrposts-time.published a {
    font-size: 12px;
    opacity: 0.6;
}

#secondary .wp-block-social-links li.wp-social-link a:hover,
footer .wp-block-social-links li.wp-social-link a:hover {
	border-color: var(--ab-slate);
}

#secondary .widget input.search-field,
.featured-sidebar #main .search-field {
	background: #fff;
	border: 1px solid #e2dfd9;
	border-radius: 8px;
	padding: 12px 14px;
	margin: 0;
	height: auto;
	line-height: 1.5;
}

#secondary .widget input[type=submit],
#secondary .widget button {
	width: 100%;
	margin-top: 10px;
}



.single h1.entry-title,
.page h1.entry-title {
	text-align: left;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.3;
	color: var(--ab-ink);
	margin-bottom: 18px;
}

.single .blog-data-wrapper,
.page .blog-data-wrapper {
	text-align: left;
	margin-bottom: 14px;
}

.single .post-data-text,
.single .post-data-text *,
.page .post-data-text,
.page .post-data-text * {
	font-family: var(--ab-font-eyebrow);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ab-slate);
	text-decoration: none;
}

.site-main img.attachment-draftly-slider {
	width: 100%;
	border-radius: 4px;
}

.single article .entry-content,
.page article .entry-content {
	color: #44403a;
	font-size: 17px;
	line-height: 1.8;
}

.single .entry-content a,
.page .entry-content a,
.comment-content a {
	color: var(--ab-slate);
	text-underline-offset: 3px;
}

body.no-sidebar.single #main > *,
body.no-sidebar.page #main > * {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.comments-area {
	background: transparent;
}

.comments-area .comments-title,
.single h2.comments-title,
#comments h3#reply-title {
	font-family: var(--ab-font-heading);
	color: var(--ab-ink);
	text-align: left;
	font-size: 24px;
	font-weight: 700;
}

div#respond {
	text-align: left;
}

.comment-reply-title {
	color: var(--ab-ink);
}

.comments-area ol.comment-list > li,
.comments-area ol.comment-list .comment,
.comments-area ol.comment-list ol.children li {
	border-color: var(--ab-line);
}

.comments-area .comment-author {
	font-family: var(--ab-font-heading);
	font-weight: 600;
}

.comments-area .comment-author .fn a {
	color: var(--ab-ink);
	font-family: var(--ab-font-heading);
	font-weight: 600;
}

.comments-area .comment-meta .comment-metadata a {
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ab-faint);
}

.comments-area p.form-submit input {
	background: var(--ab-slate);
	color: #fff;
	border-radius: 8px;
}

.single .comments-area p.form-submit input,
.page .comments-area p.form-submit input {
	color: #fff;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: #fff;
	padding: 12px 14px;
}

.comments-area .reply a {
	color: var(--ab-slate);
}

.archive header.fbox.page-header {
	border-bottom: 1px solid var(--ab-line);
	padding-bottom: 18px;
	margin-bottom: 44px;
}

.archive .page-header h1 {
	text-align: left;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 0;
}

.archive-description {
	color: var(--ab-text);
	font-size: 15px;
	margin-top: 8px;
}

.search-results header.fbox.page-header {
	border-bottom: 1px solid var(--ab-line);
	padding-bottom: 18px;
	margin-bottom: 44px;
}

.search-results h1.page-title {
	text-align: left;
	font-size: 26px;
	font-weight: 700;
}

.search-results article.posts-entry {
	padding: 0;
	margin-bottom: 0;
}

.search-results .entry-header h2.entry-title {
	font-size: 22px;
	margin-bottom: 6px;
}

.search-results .entry-header h2.entry-title a {
	color: var(--ab-ink);
	text-decoration: none;
}

.search-results .entry-header .entry-meta {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}

.search-results .entry-header .entry-meta a,
.search-results .entry-header .entry-meta time {
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ab-slate);
	text-decoration: none;
}

.search-results .featured-thumbnail {
	min-width: 0;
	width: 100%;
	margin: 14px 0 4px;
}

.search-results .featured-thumbnail img {
	width: 100%;
	border-radius: 6px;
}

.search-results .entry-summary p {
	color: var(--ab-text);
	font-size: 15.5px;
	line-height: 1.75;
	letter-spacing: 0.015em;
	margin: 0;
}

.posts-entry .entry-footer {
	background: transparent;
	text-align: left;
	padding: 12px 0 0;
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ab-faint);
}

.posts-entry .entry-footer a {
	color: var(--ab-slate);
}

.entry-footer span:after {
	border-right: 1px solid #d9d5cd;
}

.error404 main#main,
.search-no-results section.fbox.no-results.not-found {
	background: transparent;
	border: 0;
}

.error404 h1,
.search-no-results h1 {
	font-family: var(--ab-font-heading);
	font-weight: 700;
}

.error404 .page-content p,
.search-no-results .page-content p {
	color: var(--ab-text);
}

.error404 input.search-submit,
.search-no-results input.search-submit {
	background: var(--ab-slate);
	border: 1px solid var(--ab-slate);
	color: #fff;
}

.error404 #main .search-form label,
.search-no-results #main .search-form label {
	border: 1px solid #e2dfd9;
	border-right: 0;
	background: #fff;
	border-radius: 8px 0 0 8px;
}

.error404 input.search-field,
.search-no-results input.search-field {
	border: 0;
	background: transparent;
}

.site-footer {
	background: var(--ab-panel);
	border-top: 1px solid var(--ab-line);
}

.footer-column-three {
	color: var(--ab-text);
	padding: 56px 0 42px;
}

.footer-column-three p,
.footer-column-three li,
.footer-column-three td,
.footer-column-three th,
.footer-column-three caption {
	color: var(--ab-text);
	font-size: 14px;
}

.footer-column-three h3,
.footer-column-three h4,
.footer-column-three h5,
.footer-column-three h6,
.footer-column-three h1,
.footer-column-three h2 {
	color: var(--ab-ink);
	font-family: var(--ab-font-eyebrow);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.footer-column-three h3:after {
	display: none;
}

.footer-column-three a,
.footer-column-three li a,
.footer-column-three .widget a {
	color: var(--ab-ink);
}

.footer-column-three a:hover,
.footer-column-three li a:hover,
.footer-column-three .widget a:hover {
	color: var(--ab-slate);
}

footer .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .widget ul li {
	padding: 12px 0;
	border-bottom: 1px solid var(--ab-line);
}

.footer-column-three .widget li a,
footer li.spbrposts-li h3.spbrposts-title,
footer .widget li h3,
footer .widget li h3 a {
	color: var(--ab-ink);
	font-family: var(--ab-font-heading);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.45;
	letter-spacing: 0;
	text-transform: none;
}

footer img.rpwe-thumb,
footer .spbrposts-li img,
footer .widget .post-img img,
footer .wp-block-latest-posts__featured-image img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 6px;
}
#secondary time.spbrposts-time.published a {
    font-size: 12px !important;
    opacity: 0.6;
}
footer li .wp-block-latest-posts__featured-image {
	float: left;
	margin-right: 12px;
	margin-bottom: 0;
}
#secondary .newsletter-example input {
    font-size: 13px;
    min-width: 160px;
}
#secondary .newsletter-example button {
    margin-top: 0px;
    border-radius: 3px;
}
.footer-column-three input.search-field {
	background: #fff;
	border: 1px solid #e2dfd9;
	border-right: 0;
	color: #57534c;
	padding: 12px 14px;
}

.footer-column-three input.search-submit {
	background: var(--ab-slate);
	border: 1px solid var(--ab-slate);
	color: #fff;
	padding: 12px 16px;
}

.site-info {
	color: #57534c;
	border-top: 1px solid var(--ab-line);
	font-family: var(--ab-font-eyebrow);
	font-size: 13px;
	letter-spacing: 0.01em;
	opacity: 1;
	padding: 22px 20px;
}

.site-info a,
.site-info .footer-info-right a {
	color: #57534c;
	text-decoration: underline;
	text-decoration-color: #c9c5be;
	text-underline-offset: 4px;
}

.site-info a:hover {
	color: var(--ab-ink);
	border-bottom: 0;
	text-decoration-color: var(--ab-slate);
}

@media (min-width: 1024px) {
	body.no-sidebar .all-blog-articles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 40px;
	}
}

@media (max-width: 1023px) {
	.super-menu {
		border-bottom: 1px solid var(--ab-line);
	}
	.super-menu .toggle-mobile-menu,
	.toggle-mobile-menu:before {
		font-size: 24px;
		color: var(--ab-ink);
	}
	#smobile-menu {
		background: #fff;
	}
	#smobile-menu.show {
		box-shadow: 0 0 48px rgba(22, 24, 26, 0.16);
	}
	#smobile-menu .primary-menu ul li ul.children,
	#smobile-menu .primary-menu ul li ul.sub-menu {
		background: transparent;
		border: 0;
		border-radius: 0;
		padding: 0;
		box-shadow: none;
	}
	#smobile-menu.show .main-navigation ul li {
		border-bottom: 1px solid var(--ab-line-soft);
	}
	#smobile-menu.show .main-navigation ul li a {
		display: block;
		font-size: 15px;
		padding: 13px 52px 13px 20px;
		color: #33302b;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li,
	#smobile-menu.show .main-navigation ul ul.children li {
		border-bottom: 0;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li a,
	#smobile-menu.show .main-navigation ul ul.children li a {
		font-size: 14px;
		color: #57534c;
		padding-left: 32px;
	}
	#smobile-menu .main-navigation ul li .sub-arrow,
	#smobile-menu .main-navigation ul ul li .sub-arrow {
		position: absolute;
		right: 0;
		top: 0;
		width: 46px;
		height: 46px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 0;
		font-size: 16px;
		transform: none;
	}
	#smobile-menu .main-navigation ul ul li .sub-arrow i {
		transform: none;
	}
}

@media (max-width: 992px) {
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin-right: 0;
	}
	#secondary {
		margin-top: 56px;
	}
	.all-blog-articles {
		column-gap: 32px;
	}
}

@media (max-width: 760px) {
	.all-blog-articles,
	body.no-sidebar .all-blog-articles {
		grid-template-columns: minmax(0, 1fr);
	}
	article.blogposts-list {
		margin-bottom: 60px;
	}
	.blogposts-list .featured-img-box .featured-thumbnail {
		aspect-ratio: 16 / 10;
	}
	div#content.site-content {
		margin-top: 28px;
	}
	.single h1.entry-title,
	.page h1.entry-title {
		font-size: 27px;
	}
	.blogposts-list .content-wrapper h2.entry-title,
	.blogposts-list .content-wrapper h2.entry-title a,
	.blogposts-list .content-wrapper h2.entry-title a:hover,
	.blogposts-list .content-wrapper h2.entry-title a:active,
	.blogposts-list .content-wrapper h2.entry-title a:focus {
		font-size: 22px;
	}
	.footer-column-three {
		padding: 40px 0 8px;
	}
	.footer-column-wrapper {
		padding-bottom: 24px;
	}
}