/*
Theme Name: eStory Pro
Theme URI: https://themegrilldemos.com/estory-pro/
Author: ThemeGrill
Author URI: https://themegrill.com/
Description: eStory is the first FSE/block theme that provides a comprehensive solution for your blogging website. It is suitable for any kind of blog niches: personal, corporate, fashion, food, lifestyle, travel, news, affiliate, etc. Optimized for SEO and speed, and it is fast, light-weighted, GDPR compliant, translation & RTL ready. Grow your profit with advertisement spaces. Patterns available allow you to give unique look to your site as you need. eStory uses available Gutenberg blocks and makes the experience seamless. Responsive and clean design provides great readability on any screen size and hence engages your readers to your content. Import the exclusive demo site and publish your blog posts instantly. CHECK OUT THE DEMO SITES HERE: https://themegrilldemos.com/estory-pro/ | THE DOCUMENTATION: https://docs.themegrill.com/estory | CONTACT FOR SUPPORT: https://themegrill.com/contact/
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estory
Tags: full-site-editing, blog, news, block-patterns, one-column, custom-menu, editor-style, custom-colors, custom-logo, featured-images, full-width-template, rtl-language-support, template-editing, translation-ready, wide-blocks, threaded-comments
*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
.wp-block-post-author__avatar,
.wp-block-social-links,
.wp-block-post-excerpt__excerpt {
	margin: 0;
	padding: 0;
}

html,
body {
	overflow-x: hidden;
}

.no-margin-top {
	margin-top: 0 !important;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
	font-size: 1em;
}

.wp-block-post-title a {
	display: inline-block;
	position: relative;
}

.wp-block-post-title a:after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--wp--preset--color--primary);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}
.wp-block-post-title a:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.wp-site-blocks,
.wp-block-group.alignfull,
.wp-block-group.has-background {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks .alignfull {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
}

a {
	text-decoration: underline;
}
a:hover {
	text-decoration-style: dashed;
}

img {
	height: auto;
	max-width: 100%;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.wp-block-post-title a,
.wp-block-site-title a,
.wp-block-post-excerpt__more-text a,
.estory-sidebar-categories a,
.wp-block-query-pagination a,
.wp-block-post-terms a {
	text-decoration: none;
}
.wp-block-search__button:hover,
.wp-block-button__link:hover {
	box-shadow: 0px 0px;
}

.estory-post-loop.wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.estory-post-loop a.wp-block-post-excerpt__more-link {
	padding: 0.75em 2em;
	border-radius: var(--wp--custom--button-border-radius);
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--secondary);
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
	display: inline-block;
	font-size: 1rem;
	padding: 0.75em 2em;
	border: 1px solid var(--wp--preset--color--base);
	border-radius: var(--wp--custom--button-border-radius);
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination .wp-block-query-pagination-next.current,
.wp-block-query-pagination .wp-block-query-pagination-previous.current {
	background: #161616;
	color: var(--wp--preset--color--white);
}
.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover {
	background: #161616;
	color: var(--wp--preset--color--white);
}
@media screen and (max-width: 600px) {
	.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
		padding: 0.25em 0.8em;
	}
}

@media screen and (max-width: 600px) {
	.mobile-width {
		width: 100%;
	}
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
	padding: 0.8em;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border: none;
	background-color: var(--wp--preset--color--box);
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
	margin-right: 0.4em;
	margin-left: 0;
}
.wp-block-navigation .wp-block-navigation__submenu-container li {
	border-bottom: 1px solid #D3CDC3;
}
.wp-block-navigation .wp-block-navigation__submenu-container li:last-child {
	border-bottom: none;
}
@media screen and (max-width: 600px) {
	.wp-block-navigation .wp-block-navigation__submenu-container li {
		border-bottom: none;
	}
}

li .wp-block-navigation-item__content:hover {
	text-decoration: none;
}
li .wp-block-navigation-item__content .wp-block-navigation-item__label {
	border-bottom: 1px solid transparent;
	display: block;
}
li .wp-block-navigation-item__content .wp-block-navigation-item__label:hover {
	border-color: #161616;
}
li.current-menu-item .wp-block-navigation-item__label {
	border-color: #161616;
}

@media screen and (max-width: 600px) {
	.wp-block-navigation-item.has-child > a:after {
		content: ">";
		top: 0;
		transform: rotate(90deg);
		margin-left: 0.45em;
		display: inline-block;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 1rem;
		background-color: var(--wp--preset--color--box);
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		gap: 0.8em;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		gap: 0.8em;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		padding-top: 0.8em;
	}
}
@media screen and (min-width: 600px) {
	.wp-block-navigation .wp-block-navigation__submenu-container {
		box-shadow: 0px 5px 60px 0px #0000001A;
		left: 0;
		right: auto;
	}
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
		width: 216px;
	}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--box);
	color: var(--wp--preset--color--base);
}

.estory-post-loop .wp-block-post-date {
	font-size: 0.8125rem;
}
.estory-post-loop .wp-block-post {
	margin-top: 0;
	margin-bottom: 2em;
}

.estory-post-content.wp-block-column {
	margin-top: 0.5em;
}

.wp-block-post-date {
	color: var(--wp--preset--color--base);
}

.wp-block-post-terms__separator {
	color: var(--wp--preset--color--base);
}

.taxonomy-post_tag {
	flex-wrap: wrap;
}
.taxonomy-post_tag > a {
	color: var(--wp--preset--color--base);
}

.estory-post-meta.wp-block-group {
	margin-top: 0.625em;
	display: flex;
	align-items: center;
}
.estory-post-meta > div {
	display: flex;
	align-items: center;
}
.estory-post-meta > div:first-child::before {
	content: none;
}

.estory-post-loop .wp-block-post {
	margin-bottom: 2em;
}
.estory-post-loop .wp-block-post:last-child {
	margin-bottom: 0;
}
.estory-post-loop .wp-block-columns {
	margin-bottom: 0;
}
.estory-post-loop .wp-block-post-date {
	font-size: 0.8125rem;
}
.estory-post-loop .wp-block-post-excerpt__excerpt {
	-webkit-line-clamp: 2;
}
.estory-post-loop .wp-block-post-excerpt__more-text {
	margin-top: 1.25em;
	margin-bottom: 0;
}

.wp-block-query .wp-block-query-pagination {
	gap: 0;
}

hr.wp-block-separator.is-style-estory-vertical-separator {
	transform: rotate(90deg);
	width: 60px !important;
	margin: 60px 45px;
}

@media screen and (min-width: 768px) {
	.estory-post-content {
		padding-left: 2em;
	}
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--white);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
	padding: 0.75em 0px 0.75em 1.25em;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
	padding: 0.5em 2em;
}

.wp-block-search__button {
	cursor: pointer;
	background-color: #1F1717;
	color: #FFFFFF;
}

.wp-block-group .is-style-estory-dark-search input[type=search] {
	color: var(--wp--preset--color--heading);
}
.wp-block-group .is-style-estory-dark-search .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--box);
	border: 0 solid #949494;
}
.wp-block-group .is-style-estory-dark-search .wp-block-search__inside-wrapper .wp-block-search__input {
	background-color: var(--wp--preset--color--box);
}
.wp-block-group .is-style-estory-dark-search .wp-block-search__inside-wrapper .wp-block-search__button {
	border: 0 solid #ccc;
}

.wp-block-search_title {
	display: none;
}
@media screen and (min-width: 768px) {
	.wp-block-search_title {
		display: block;
	}
}

.estory-terms {
	margin-bottom: 0.625em;
}
.estory-terms a {
	text-decoration: none;
	display: inline-block;
	padding: 0.16em 0.9em;
	border-radius: var(--wp--custom--button-border-radius);
	border: 1px solid;
	font-size: 0.8125rem;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	border-color: #D3CDC3;
	color: var(--wp--preset--color--base);
}

.estory-sidebar .estory-terms a {
	margin-right: var(--wp--custom--spacing--extra-small);
	margin-bottom: var(--wp--custom--spacing--extra-small);
}

.is-style-estory-category-style1 a {
	padding: 5px 10px;
	border: none;
	margin: 0;
	border-radius: 0;
}

.post-navigation-link-previous.is-style-estory-post-navigation-style1 a {
	display: flex;
	text-decoration: none;
	flex-direction: column;
}
.post-navigation-link-previous.is-style-estory-post-navigation-style1 .post-navigation-link__label {
	order: 2;
	display: flex;
	align-items: center;
	gap: 10px;
}
.post-navigation-link-previous.is-style-estory-post-navigation-style1 .post-navigation-link__label::before {
	content: "";
	background-repeat: no-repeat;
	background-image: url(./assets/images/chevrons-left.svg);
	background-size: 22px;
	width: 20px;
	height: 20px;
	background-position: center;
	filter: invert(100%) sepia(0%) saturate(22%) hue-rotate(37deg) brightness(107%) contrast(107%);
}
.post-navigation-link-previous.is-style-estory-post-navigation-style1 .post-navigation-link__title {
	order: 1;
	font-size: 27px;
}

.post-navigation-link-next.is-style-estory-post-navigation-style1 a {
	display: flex;
	text-decoration: none;
	flex-direction: column;
}
.post-navigation-link-next.is-style-estory-post-navigation-style1 .post-navigation-link__label {
	order: 2;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: row-reverse;
}
.post-navigation-link-next.is-style-estory-post-navigation-style1 .post-navigation-link__label::before {
	content: "";
	background-repeat: no-repeat;
	background-image: url(./assets/images/chevrons-right.svg);
	background-size: 22px;
	width: 20px;
	height: 20px;
	background-position: center;
	filter: invert(100%) sepia(0%) saturate(22%) hue-rotate(37deg) brightness(107%) contrast(107%);
}
.post-navigation-link-next.is-style-estory-post-navigation-style1 .post-navigation-link__title {
	order: 1;
	font-size: 27px;
}

.is-style-estory-post-excerpt-style1 .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
	border: 1px solid var(--wp--preset--color--primary);
	box-shadow: 3px 3px var(--wp--preset--color--primary);
	transition: all 0.3s;
	color: var(--wp--preset--color--primary);
	border-radius: 0;
	background-color: var(--wp--preset--color--secondary);
}
.is-style-estory-post-excerpt-style1 .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:hover {
	box-shadow: 0px 0px;
}

.wp-block-group h3 {
	color: var(--wp--preset--color--heading);
}
.wp-block-group p {
	color: var(--wp--preset--color--base);
}

.wp-block-navigation-item__label {
	color: var(--wp--preset--color--heading);
}

.estory-copyright {
	color: var(--wp--preset--color--heading);
}

.is-style-estory-image-border-style1 {
	border: 1px solid var(--wp--preset--color--primary);
	padding: 12px;
	border-radius: 200px;
}

.is-style-estory-button-style1 .wp-block-button__link {
	border: 1px solid currentColor;
	box-shadow: 5px 5px currentColor;
	transition: all 0.3s;
}
.is-style-estory-button-style1 .wp-block-button__link:hover {
	box-shadow: 0px 0px;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.wp-block-navigation-item__content .block-editor-rich-text__editable {
	color: var(--wp--preset--color--heading);
}

.wp-block-search__button {
	color: var(--wp--preset--color--white);
}

.wp-block-post-title {
	word-break: break-word;
}

.taxonomy-category .wp-block-post-terms__separator {
	display: none;
}
.taxonomy-category.is-style-estory-category-style1 {
	display: flex;
	gap: 6px;
}
.taxonomy-category.is-style-estory-category-style1 a {
	background-color: var(--wp--preset--color--secondary);
}

.is-style-estory-pagination-style1.wp-block-query-pagination {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.is-style-estory-pagination-style1 .page-numbers {
	border-radius: 0;
}
.is-style-estory-pagination-style1 .wp-block-query-pagination-previous,
.is-style-estory-pagination-style1 .wp-block-query-pagination-next {
	border-radius: 0;
	margin: 0px 8px !important;
}
.is-style-estory-pagination-style1 .wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}
.is-style-estory-pagination-style1 .wp-block-query-pagination-numbers .current {
	border: 1px solid var(--wp--preset--color--primary);
	box-shadow: 3px 3px var(--wp--preset--color--primary);
	transition: all 0.3s;
	color: var(--wp--preset--color--button-text);
	margin-right: 0.3em;
}
.is-style-estory-pagination-style1 .wp-block-query-pagination-numbers .current:hover {
	box-shadow: 0px 0px;
}

.editor-styles-wrapper .page-numbers {
	color: var(--wp--preset--color--box);
}

.estory-comment .form-submit .wp-element-button {
	color: var(--wp--preset--color--button-text);
}
.estory-comment .comment-author {
	margin-bottom: 0.457em;
}
.estory-comment .comment-author .avatar {
	width: 50px;
	height: 50px;
	border-radius: 100px;
}
.estory-comment .comment-meta {
	margin-left: 0;
}
.estory-comment .fn,
.estory-comment .reply {
	font-size: 1rem;
}
.estory-comment .fn > a {
	color: var(--wp--preset--color--secondary);
}
.estory-comment .says {
	display: none;
}
.estory-comment .reply {
	font-style: italic;
	color: var(--wp--preset--color--secondary);
	margin-bottom: 0;
	margin-left: 3.55475em;
	margin-bottom: 2em;
}
.estory-comment .reply a {
	color: inherit;
}
.estory-comment .comment-metadata a {
	font-size: 0.625rem;
	color: #4F4D49;
}
.estory-comment .commentlist {
	margin-top: 2em;
	margin-bottom: 6em;
}
.estory-comment .commentlist .comment-content {
	margin-left: 56.876px;
}
.estory-comment .commentlist .comment-content p {
	font-size: 1.25rem;
	color: #4F4D49;
}
.estory-comment .commentlist .comment p {
	margin: 0.4em 0 0.8em 0;
}
.estory-comment .commentlist > li {
	border: 1px solid #D3CDC3;
	margin-bottom: 1.6em;
	padding: 3.2em;
}
.estory-comment .commentlist > li:last-child {
	margin-bottom: 0;
}

.is-style-estory-post-comment-style1.wp-block-post-comments textarea,
.is-style-estory-post-comment-style1.wp-block-post-comments input {
	background-color: var(--wp--preset--color--secondary);
	border: 2px solid var(--wp--preset--color--heading);
	border-radius: 8px;
}
.is-style-estory-post-comment-style1 textarea,
.is-style-estory-post-comment-style1 input {
	color: #FFFFFF;
}
.is-style-estory-post-comment-style1 input[type=submit] {
	border: 1px solid var(--wp--preset--color--primary);
	box-shadow: 5px 5px var(--wp--preset--color--primary);
	transition: all 0.3s;
	color: var(--wp--preset--color--primary);
	border-radius: 0;
}
.is-style-estory-post-comment-style1 input[type=submit]:hover {
	box-shadow: 0px 0px;
}
.is-style-estory-post-comment-style1 .comment-author a {
	color: var(--wp--preset--color--heading);
}
.is-style-estory-post-comment-style1 .comment-metadata a {
	color: var(--wp--preset--color--base);
}
.is-style-estory-post-comment-style1.estory-comment .reply a {
	color: var(--wp--preset--color--base);
}
.is-style-estory-post-comment-style1.estory-comment .depth-1 {
	border: 1px solid var(--wp--preset--color--secondary);
}
.is-style-estory-post-comment-style1.estory-comment .commentlist .comment-content p {
	color: var(--wp--preset--color--base);
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 4em;
}

.estory-contact .wp-block-group p:first-child {
	font-weight: 700;
}

.estory-footer .estory-copyright {
	margin: 0;
}
.estory-footer .estory-copyright > a {
	color: var(--wp--preset--color--primary);
}
.estory-footer .site-logo {
	margin-bottom: 1.25em;
	margin-top: 1.25em;
}
@media screen and (min-width: 600px) {
	.estory-footer .wp-block-navigation,
.estory-footer .site-logo {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.wp-block-separator.estory-footer-separator {
	margin-bottom: 1em;
}

.estory-sidebar-categories {
	padding-left: 0;
}
.estory-sidebar-categories li {
	list-style-type: none;
	margin-bottom: var(--wp--custom--spacing--small);
}
.estory-sidebar-categories li:last-child {
	margin-bottom: 0;
}
.estory-sidebar-categories a {
	color: inherit;
}

.estory-sidebar .wp-block-gallery {
	--gallery-block--gutter-size: .25em;
}
.estory-sidebar .wp-block-gallery > figure {
	height: 94.6px;
}