/**
Theme Name: Lite Blog
Theme URI: https://ascendoor.com/themes/lite-blog/
Author: Ascendoor
Author URI: https://ascendoor.com/
Version: 1.0.0
Requires PHP: 7.4
Tested up to: 6.8
Requires at least: 5.0
Template: majestic-blog
Text Domain: lite-blog
Description: Lite Blog ( child theme of Majestic Blog ) is a clean, modern WordPress theme designed for both personal and professional bloggers. With a fully responsive layout, it looks great on all devices. The theme is SEO-friendly and translation-ready, helping you reach a global audience with ease. Regular updates ensure your site stays secure, and our dedicated support team is always ready to assist. With its elegant design and user-friendly features, Lite Blog lets you focus on sharing your stories and growing your blog effortlessly. Check out the theme documentation at: https://docs.ascendoor.com/docs/lite-blog/ and see the demo at: https://demos.ascendoor.com/lite-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.

Lite 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/
*/

:root {
	--primary-color: #d82958;
}

/* Banner Section
--------------------------------------------- */
.banner-section.banner-style-2 .section-wrapper .slick-button {
	transition: opacity 0.3s ease;
}

.banner-section.banner-style-2 .section-wrapper .slick-button .slick-arrow {
	opacity: 0;
}

@media (min-width: 600px) {
	.banner-section.banner-style-2 .section-wrapper .slick-button {
		margin-inline: -10px;
	}
}

@media (min-width: 600px) {
	.banner-section.banner-style-2 .section-wrapper .slick-button .slick-slide {
		margin-inline: 10px;
	}
}

.banner-section.banner-style-2 .section-wrapper .slick-button .slick-slide .blog-post-container .blog-post-inner {
	min-height: 550px;
}

@media (max-width: 768px) {
	.banner-section.banner-style-2 .section-wrapper .slick-button .slick-slide .blog-post-container .blog-post-inner {
		min-height: 400px;
	}
}

.banner-section.banner-style-2 .section-wrapper .slick-button:focus-within .slick-arrow, .banner-section.banner-style-2 .section-wrapper .slick-button:hover .slick-arrow {
	opacity: 1;
}

.banner-section.banner-style-2 .section-wrapper .slick-button:focus-within .slick-arrow.fa-chevron-left, .banner-section.banner-style-2 .section-wrapper .slick-button:hover .slick-arrow.fa-chevron-left {
	left: 20px;
}

.banner-section.banner-style-2 .section-wrapper .slick-button:focus-within .slick-arrow.fa-chevron-right, .banner-section.banner-style-2 .section-wrapper .slick-button:hover .slick-arrow.fa-chevron-right {
	right: 20px;
}

/* Categories Section
--------------------------------------------- */
.categories-section.categories-style-2 .categories-inner {
	background: var(--bg-clr-light);
	border-radius: var(--radius);
	border: 1px solid var(--border-clr);
	display: flex;
	align-items: center;
	padding: 6px;
	transition: all 0.3s ease;
}

.categories-section.categories-style-2 .categories-inner.no-image {
	min-height: 92px;
}

.categories-section.categories-style-2 .categories-inner .categories-image {
	line-height: 0;
	overflow: hidden;
	border-radius: var(--radius);
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	box-shadow: 1px 0px 8px 2px #5a595969;
}

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

@media (max-width: 425px) {
	.categories-section.categories-style-2 .categories-inner .categories-image img {
		height: 320px;
	}
}

.categories-section.categories-style-2 .categories-inner .categories-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.categories-section.categories-style-2 .categories-inner .categories-content .categories-details {
	padding: 10px 15px 7px;
}

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

.categories-section.categories-style-2 .categories-inner .categories-content .categories-details .categories-title a {
	color: var(--clr-text);
	font-family: var(--font-heading);
	text-decoration: none;
}

.categories-section.categories-style-2 .categories-inner .categories-content .categories-details span {
	color: var(--clr-text);
	font-size: var(--font-small);
}

.categories-section.categories-style-2 .categories-inner.no-image .categories-details .categories-title a {
	color: var(--clr-text);
}

.categories-section.categories-style-2 .categories-inner.no-image .categories-details span {
	color: var(--clr-text);
}

.categories-section.categories-style-2 .categories-inner:focus-within, .categories-section.categories-style-2 .categories-inner:hover {
	box-shadow: 5px 5px 0px 0px var(--bg-shadow);
	transform: translateX(-5px) translateY(-5px);
}

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

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

/* Sticky Header
--------------------------------------------- */

.majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header {
	position: fixed;
	width: 100%;
	top: 0;
	inset-inline-start: 0;
	z-index: 15;
	background-color: var(--bg-clr-light);
}

.majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header .navigation-wrapper {
	grid-template-columns: 2fr 1fr;
}

@media (max-width: 991px) {
	.majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header .navigation-wrapper {
		padding-block: 10px;
	}
}

.majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header .navigation-wrapper .site-branding {
	display: none;
}

.majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header .navigation-wrapper .majestic-blog-navigation-container {
	grid-column: unset;
	justify-content: flex-start;
}

.majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header .navigation-wrapper .navigation-right-part {
	grid-row: unset;
}

@media (min-width: 782px) {
	body.admin-bar .majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header {
		top: 30px;
	}
}

@media (min-width: 601px) and (max-width: 782px) {
	body.admin-bar .majestic-blog-header .navigation-outer-wrapper .majestic-blog-navigation.sticky-header {
		top: 46px;
	}
}

/* Loader Css
--------------------------------------------- */
#loader.loader-1 .loader-container #preloader {
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid #0000;
	border-right-color: var(--clr-text);
	position: relative;
	animation: spin 1s infinite linear;
}

#loader.loader-1 .loader-container #preloader::before, #loader.loader-1 .loader-container #preloader::after {
	content: "";
	position: absolute;
	inset: -8px;
	border-radius: 50%;
	border: inherit;
	animation: inherit;
	animation-duration: 2s;
}

#loader.loader-1 .loader-container #preloader::after {
	animation-duration: 4s;
}

/* Archive Layout
--------------------------------------------- */
.blog-archive-layout.archive-list-layout {
	display: grid;
	gap: 30px;
}

.blog-archive-layout.archive-list-layout article {
	margin: 0;
	background-color: var(--bg-clr-light);
	border: 1px solid var(--border-clr);
	padding: 18px;
	border-radius: var(--radius);
	transition: all 0.3s ease-in-out;
}

.blog-archive-layout.archive-list-layout article:not(.has-post-thumbnail) .blog-post-container .blog-post-inner {
	gap: 0;
}

.blog-archive-layout.archive-list-layout article:not(.has-post-thumbnail) .blog-post-container .blog-post-inner .blog-post-image {
	width: 0;
}

.blog-archive-layout.archive-list-layout article:not(.has-post-thumbnail) .blog-post-container .blog-post-inner .blog-post-detail {
	width: 100%;
}

.blog-archive-layout.archive-list-layout article .blog-post-container {
	overflow: hidden;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner {
	border-radius: var(--radius);
	display: flex;
	row-gap: 6px;
	column-gap: 26px;
}

@media (max-width: 600px) {
	.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner {
		flex-direction: column;
	}
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-image {
	width: 40%;
	line-height: 0;
	aspect-ratio: 1/0.7;
}

@media (max-width: 600px) {
	.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-image {
		width: 100%;
	}
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius);
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail {
	align-self: center;
	width: 60%;
	padding: 0;
}

@media (max-width: 600px) {
	.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail {
		width: 100%;
	}
}

.blog-archive-layout.archive-list-layout article .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-archive-layout.archive-list-layout article .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-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:focus-within, .blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover {
	color: var(--primary-color);
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
	margin: 0;
	padding-block-end: 8px;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt {
	color: var(--clr-text);
}

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

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p:empty {
	padding-block-end: 0;
}

.blog-archive-layout.archive-list-layout article:focus-within, .blog-archive-layout.archive-list-layout article:hover {
	box-shadow: 5px 5px 0px 0px var(--bg-shadow);
	transform: translateX(-5px) translateY(-5px);
}