/**
Theme Name: Charm Blog
Theme URI: https://ascendoor.com/themes/charm-blog/
Author: Ascendoor
Author URI: https://ascendoor.com/
Version: 1.0.1
Requires PHP: 7.4
Tested up to: 6.6
Requires at least: 5.0
Template: magnific-blog
Text Domain: charm-blog
Description: Charm Blog ( child of magnific blog ) is designed specifically for professional bloggers, offering a sleek and minimalistic design that is responsive and SEO-friendly. The theme aims to simplify the technical aspects of blogging, providing a clean and user-friendly interface. With its high-quality and responsive blog layout, along with attractive typography, writers can concentrate solely on creating content. Enjoy a hassle-free blogging experience with the perfect combination of aesthetics and functionality. Explore the theme documentation here: https://docs.ascendoor.com/docs/charm-blog/ and take a preview at: https://demos.ascendoor.com/charm-blog/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, footer-widgets, full-width-template, left-sidebar, right-sidebar, news, blog

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

Charm Blog is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Header CSS */

:root {
	--primary-color: #6638aa;
}
.magnific-blog-top-header .magnific-blog-top-header-wrapper .site-branding .site-identity .site-title {
	font-size: var(--font-xlarge);
}

.magnific-blog-top-header .magnific-blog-top-header-wrapper .header-social-icon .header-social-icon-container .social-links li {
	width: 30px;
	height: 30px;
	display: flex;
	border-radius: 6px;
	align-items: center;
	justify-content: center;
	background-color: #00000017;
}

.charm-blog-top-header .charm-blog-top-header-wrapper .header-social-icon .header-social-icon-container .social-links li a {
	line-height: 0;
}

.navigation-outer-wrapper {
	background: var(--primary-color);
	min-height: 55px;
}

.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation li a {
	font-size: calc(var(--font-small) + 2px);
}
@media (min-width: 992px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation li a {
		color: #fff;
	}
}
@media (max-width: 991px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .main-navigation button.menu-toggle .ham-icon {
		background-color: #fff;
	}
}

.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .navigation-right-part .magnific-blog-header-search .header-search-wrap .search-icon {
	border-radius: 6px;
	background: #c5c5c54f;
}

@media (min-width: 992px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation li:hover > a, .navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation li.focus > a {
		color: #fff;
	}
}

@media (min-width: 992px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .navigation-area ul.menu li.menu-item-has-children ul.sub-menu li a {
		color: var(--clr-text);
	}
}

.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper {
	align-items: center;
}

.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation li a {
	padding-block: 6px;
	padding-inline: 12px;
}

@media (min-width: 992px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current_page_item > a, .navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current-menu-item > a, .navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current_page_ancestor > a, .navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current-menu-ancestor > a {
		color: #fff;
	}
}

.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current_page_item > a::before, 
.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current-menu-item > a::before, 
.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current_page_ancestor > a::before, 
.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .current-menu-ancestor > a::before {
	content: '';
	background: #c5c5c54f;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	position: absolute;
}

.navigation-outer-wrapper .charm-blog-navigation .charm-blog-navigation-container .nav-wrapper .main-navigation li a {
	padding-block: 6px;
	padding-inline: 12px;
}

.navigation-outer-wrapper::before, .navigation-outer-wrapper::after {
	display: none;
}

.banner-style-1 .slick-button .slick-arrow.fa-angle-left, .banner-style-3 .slick-button .slick-arrow.fa-angle-left, .banner-style-4 .slick-button .slick-arrow.fa-angle-left {
	top: 40px;
	inset-inline-start: 20px;
}

.banner-style-1 .slick-button .slick-arrow.fa-angle-right, .banner-style-3 .slick-button .slick-arrow.fa-angle-right, .banner-style-4 .slick-button .slick-arrow.fa-angle-right {
	top: 40px;
	inset-inline-start: 75px;
}
/* End of Header CSS */


/* Banner CSS */
.banner-section.banner-style-4 .banner-container-wrapper .editors-choice .title-heading {
	padding-bottom: 18px;
}

.banner-section.banner-style-4 .banner-container-wrapper .editors-choice .title-heading .main-title {
	line-height: 1.1;
	font-size: calc(var(--font-large) + 4px);
}

.banner-section.banner-style-4 .banner-container-wrapper .banner-slider-part .banner-wrapper .blog-post-container .blog-post-inner {
	min-height: 688px;
}

.banner-section.banner-style-4 .banner-container-wrapper .editors-choice .post-wrapper .blog-post-container .blog-post-inner {
	min-height: 304px;
}

.slick-button .slick-arrow {
	border-radius: 6px;
	opacity: 0.8;
}

/* End of Banner CSS */


/* Categories CSS */
.categories-section.categories-style-1 .categories-inner {
	position: relative;
	margin-inline: 10px;
	margin-bottom: 20px;
}

.categories-section.categories-style-1 .categories-inner .categories-image {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	line-height: 0;
	border-radius: var(--radius);
}

.categories-section.categories-style-1 .categories-inner .categories-image img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	transition: all 0.3s ease;
}

.categories-section.categories-style-1 .categories-inner .categories-details {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: start;
	width: 100%;
	background-color: var(--bg-clr-light);
	opacity: 0.8;
	max-width: 180px;
	padding: 10px;
	border-radius: 4px;
	margin: 10px;
	display: flex;
	flex-direction: column-reverse;
	transition: 0.3s ease;
}

.categories-section.categories-style-1 .categories-inner .categories-details .categories-title {
	position: relative;
	font-size: calc(var(--font-base) - 2px);
	font-weight: 600;
	line-height: 1.2;
}

.categories-section.categories-style-1 .categories-inner .categories-details .categories-title a {
	color: var(--clr-text);
	font-family: var(--font-heading);
	text-decoration: none;
	transition: 0.3s ease;
}

.categories-section.categories-style-1 .categories-inner .categories-details span {
	font-size: var(--font-normal);
	font-weight: 700;
	top: 50%;
	color: var(--clr-text);
	opacity: 0.8;
}

.categories-section.categories-style-1 .categories-inner:focus-within .categories-image img, .categories-section.categories-style-1 .categories-inner:hover .categories-image img {
	transform: scale(1.1);
}

.categories-section.categories-style-1 .categories-inner:focus-within .categories-details, .categories-section.categories-style-1 .categories-inner:hover .categories-details {
	opacity: 1;
}

.categories-section.categories-style-1 .categories-inner:focus-within .categories-details .categories-title a, .categories-section.categories-style-1 .categories-inner:hover .categories-details .categories-title a {
	color: var(--primary-color);
}

.categories-section.categories-style-1 .categories-inner.no-image {
	border: 1px solid var(--border-clr);
	border-radius: var(--radius);
}

.categories-section.categories-style-1 .categories-inner.no-image .categories-details {
	position: relative;
}
/* End of Categories CSS */

/* Author CSS */
.blog-author-section.author-style-2 .author-container .author-info {
	display: flex;
	gap: 20px;
}
@media (min-width: 768px) {
	.above-footer-widget-1 .blog-author-section.author-style-2 .author-container .author-info {
		display: block;
	}
}

.blog-author-section.author-style-2 .author-container .author-info .author-image img {
	width: 8rem;
	height: 8rem;
	border-radius: var(--radius);
}

.blog-author-section.author-style-2 .author-container .author-info .author-bio {
	align-self: center;
	padding-bottom: 10px;
	text-align: start;
}

.blog-author-section.author-style-2 .author-container .author-description {
	text-align: start;
}

.site-footer .blog-author-section.author-style-2 .author-container .author-description {
	color: #fff;
}

@media (min-width: 768px) {
	.above-footer-widget-1 .blog-author-section.author-style-2 .author-container .author-description {
		text-align: center;
	}
}

.blog-author-section.author-style-2 .author-container .social-links {
	justify-content: unset;
}


/* End of Author CSS */

/* Archive Section CSS */

.blog-archieve-layout.list-style-4.column-2 {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 600px) {
	.blog-archieve-layout.list-style-4.column-2 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.blog-archieve-layout.list-style-4.column-2 article:nth-child(1) {
	grid-column: span 2;
}

@media (max-width: 600px) {
	.blog-archieve-layout.list-style-4.column-2 article:nth-child(1) {
		grid-column: span 1;
	}
}

.blog-archieve-layout.list-style-4.column-3 {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 991px) {
	.blog-archieve-layout.list-style-4.column-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.blog-archieve-layout.list-style-4.column-3 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.blog-archieve-layout.list-style-4.column-3 article:nth-child(1) {
	grid-column: span 3;
}

@media (max-width: 991px) {
	.blog-archieve-layout.list-style-4.column-3 article:nth-child(1) {
		grid-column: span 2;
	}
}

@media (max-width: 600px) {
	.blog-archieve-layout.list-style-4.column-3 article:nth-child(1) {
		grid-column: span 1;
	}
}


.blog-archieve-layout.list-style-4 article:nth-child(1) {
	margin: 0;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container {
	overflow: hidden;
	border-radius: var(--radius);
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner {
	position: relative;
	min-height: 400px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(360deg, black, transparent);
	border-radius: var(--radius);
}

@media (min-width: 768px) {
	body.no-sidebar .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner {
		min-height: 540px;
	}
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
	border-radius: var(--radius);
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 200px;
	transition: all 0.3s ease;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-image:before {
	content: "";
	position: absolute;
	background: linear-gradient(360deg, black, transparent);
	top: 0;
	left: 0;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail {
	position: relative;
	padding: 25px;
}

@media (max-width: 600px) {
	.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail {
		padding: 15px;
	}
}

body.text-align-center .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail {
	text-align: center;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
	margin: 0;
	padding-block-end: 8px;
	display: block;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a {
	color: #fff;
	position: relative;
	line-height: 2;
	text-decoration: none;
	display: inline-block;
	font-size: var(--font-xsmall);
	background-color: var(--primary-color);
	border-radius: 12px;
	padding: 0 10px;
	opacity: 0.8;
	margin-inline-end: 4px;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a:hover {
	opacity: 1;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
	font-size: var(--font-large);
	line-height: 1.2;
	padding-block-end: 10px;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .entry-title a {
	color: #fff;
	font-family: var(--font-heading);
	text-decoration: none;
	transition: all 0.3s ease-in;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover {
	color: #fff;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt {
	color: #fff;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p {
	padding-block-end: 10px;
	font-size: var(--font-small);
	margin: 0;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p:empty {
	padding-block-end: 0;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

body.text-align-center .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button {
	justify-content: center;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a {
	color: var(--clr-text);
	text-decoration: none;
	font-size: var(--font-xsmall);
	transition: all 0.3s ease;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a:hover {
	color: var(--primary-color);
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a {
	color: #fff;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date {
	position: relative;
	margin-inline-end: 4px;
	padding-inline-start: 13px;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date a {
	color: #fff;
	text-decoration: none;
	font-size: var(--font-xsmall);
	transition: all 0.3s ease;
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date a:hover {
	color: var(--primary-color);
}

.blog-archieve-layout.list-style-4 article:nth-child(1) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background-color: var(--border-clr);
	position: absolute;
	inset-inline-start: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) {
	margin: 0;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2):not(.has-post-thumbnail) .blog-post-container .blog-post-inner .blog-post-detail {
	border: 1px solid var(--border-clr);
	padding: 20px;
	border-radius: var(--radius);
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-image {
	position: relative;
	line-height: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-image img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transform: scale(1);
	transition: all 0.3s ease;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail {
	padding: 10px 0 0;
}

body.text-align-center .blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail {
	text-align: center;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
	margin: 0;
	padding-block-end: 4px;
}

body.text-align-center .blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
	justify-content: center;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a {
	color: var(--primary-color);
	position: relative;
	line-height: 2;
	text-decoration: none;
	display: inline-block;
	font-size: var(--font-xsmall);
	font-weight: 700;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a::before {
	content: "/";
	margin-inline-end: 6px;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a:first-child::before {
	display: none;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
	font-size: calc(var(--font-normal) - 2px);
	line-height: 1.2;
	padding-block-end: 10px;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .entry-title a {
	color: var(--clr-text);
	font-family: var(--font-heading);
	text-decoration: none;
	transition: all 0.3s ease-in;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover {
	color: var(--primary-color);
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt {
	color: var(--clr-text);
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p {
	padding-block-end: 10px;
	font-size: var(--font-small);
	margin: 0;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p:empty {
	padding-block-end: 0;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

body.text-align-center .blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button {
	justify-content: center;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a {
	color: var(--clr-text);
	text-decoration: none;
	font-size: var(--font-xsmall);
	transition: all 0.3s ease;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-author a:hover {
	color: var(--primary-color);
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date {
	position: relative;
	margin-inline-end: 4px;
	padding-inline-start: 13px;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date a {
	color: var(--clr-text);
	text-decoration: none;
	font-size: var(--font-xsmall);
	transition: all 0.3s ease;
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date a:focus-within, .blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date a:hover {
	color: var(--primary-color);
}

.blog-archieve-layout.list-style-4 article:nth-child(n + 2) .blog-post-container .blog-post-inner .blog-post-detail .post-meta-button .post-meta .post-date::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background-color: var(--border-clr);
	position: absolute;
	inset-inline-start: 0px;
	top: 50%;
	transform: translateY(-50%);
}

/* End of Archive Section CSS */

.slick-button .slick-arrow {
	width: 40px;
	height: 40px;
}


.magnific-blog-top-header .magnific-blog-top-header-wrapper .header-social-icon .header-social-icon-container .social-links a {
	z-index: 20;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation ul ul a {
	padding: 12px 8px;
}

@media (min-width: 992px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation .navigation-area ul.menu li.menu-item-has-children ul.sub-menu li a {
		padding-inline: 8px;
		padding-block: 14px;
	}
}

@media (max-width: 991px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .nav-wrapper .main-navigation li a {
		padding-block: 12px;
	}
}

@media (max-width: 991px) {
	.navigation-outer-wrapper .magnific-blog-navigation .magnific-blog-navigation-container .main-navigation .navigation-area ul.menu {
		margin-top: 20px;
	}
}