/**
Theme Name: Blog Feeds
Theme URI: https://ascendoor.com/themes/blog-feeds/
Author: Ascendoor
Author URI: https://ascendoor.com/
Version: 1.0.1
Requires PHP: 7.4
Tested up to: 6.7
Requires at least: 5.0
Template: zenith-blog
Text Domain: blog-feeds
Description: Blog Feeds ( child of Zenith Blog ) is a versatile and responsive template designed for bloggers and writers. It's suitable for various blog categories, including personal, lifestyle, wellness, culinary, beauty, fashion, and travel. The template offers extensive customization options, including Google fonts, multiple layouts, and the ability to show or hide sections. You can easily arrange homepage sections to fit your preferences. Explore the theme documentation here: https://docs.ascendoor.com/docs/blog-feeds/ and take a preview at: https://demos.ascendoor.com/blog-feeds/
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.

Blog Feeds 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
--------------------------------------------------------------*/
:root {
	--primary-color: #606c38;
}

/*--------------------------------------------------------------
# Fix Header
--------------------------------------------------------------*/
@media (min-width: 992px) {
	.ascendoor-header-image .bottom-header-part:not(.fix-header) .main-navigation ul ul a {
		color: var(--clr-foreground);
	}
	.ascendoor-header-image .bottom-header-part:not(.fix-header) .main-navigation ul ul a:focus, .ascendoor-header-image .bottom-header-part:not(.fix-header) .main-navigation ul ul a:hover {
		color: var(--theme-color);
	}
}

@media (min-width: 992px) {
	.ascendoor-header-image .bottom-header-part:not(.fix-header) .main-navigation a {
		color: #fff;
	}
}

.ascendoor-header-image .bottom-header-part:not(.fix-header) #site-navigation button.menu-toggle .hamburger svg path {
	stroke: #fff;
}

.ascendoor-header-image .bottom-header-part:not(.fix-header) #site-navigation button.menu-toggle .btn-label {
	color: #fff;
}

.ascendoor-header-image .bottom-header-part:not(.fix-header) #site-navigation button.menu-toggle.open .hamburger svg path {
	stroke: var(--clr-foreground);
}

.ascendoor-header-image .bottom-header-part:not(.fix-header) #site-navigation button.menu-toggle.open .btn-label {
	color: var(--clr-foreground);
}

header .bottom-header-outer-wrapper.ascendoor-header-image .bottom-header-part:not(.fix-header) {
	position: relative;
	z-index: 1;
}

header .bottom-header-outer-wrapper.ascendoor-header-image .bottom-header-part:not(.fix-header) .bottom-header-wrapper .site-branding .site-description {
	color: var(--white);
}

header .bottom-header-outer-wrapper .bottom-header-part.fix-header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 15;
	background-color: var(--clr-background);
	border-block-end: 1px solid var(--clr-sub-border);
}

@media (min-width: 601px) {
	body.admin-bar header.site-header .bottom-header-part.fix-header {
		top: 32px;
	}
}

/*--------------------------------------------------------------
# Banner Section
--------------------------------------------------------------*/
.banner-section.banner-style-1 .banner-section-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-inline: -5px;
}

.banner-section.banner-style-1 .banner-section-wrapper > * {
	padding-inline: 5px;
}

.banner-section.banner-style-1 .banner-section-wrapper .slider-part {
	width: 60%;
}

@media (max-width: 768px) {
	.banner-section.banner-style-1 .banner-section-wrapper .slider-part {
		width: 100%;
	}
}

.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider {
	border-radius: var(--border-radius-normal);
	overflow: hidden;
}

.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider .blog-post-single {
	min-height: 554px;
}

@media (max-width: 1024px) {
	.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider .blog-post-single {
		min-height: 460px;
	}
}

.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider .blog-post-single .mag-post-title {
	font-size: var(--font-size-md);
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part {
	width: 40%;
}

@media (max-width: 768px) {
	.banner-section.banner-style-1 .banner-section-wrapper .tab-part {
		width: 100%;
		margin-top: 30px;
	}
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper {
	overflow: hidden;
	border-radius: var(--border-radius-normal);
	border: 1px solid var(--clr-sub-border);
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tabs-head .banner-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-block-end: 1px solid var(--clr-sub-border);
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tabs-head .banner-tabs li {
	width: 100%;
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tabs-head .banner-tabs li a {
	display: flex;
	justify-content: center;
	padding: 0.439rem 1rem;
	color: var(--clr-foreground);
	text-decoration: none;
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tabs-head .banner-tabs li a:not(.inactive) {
	color: #fff;
	background-color: var(--primary-color);
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container {
	display: grid;
	gap: 10px;
	padding: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 375px) {
	.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container .blog-post-single {
	padding: 10px;
	background-color: transparent;
}

@media (max-width: 480px) {
	.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container .blog-post-single {
		min-height: 190px;
	}
}

.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container .blog-post-single .mag-post-title {
	font-size: var(--font-size-sm);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/*--------------------------------------------------------------
# Grid List Section
--------------------------------------------------------------*/
.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 600px) {
	.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper .blog-post-single.small-list-design .blog-img {
	width: 40%;
}

@media (max-width: 480px) {
	.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper .blog-post-single.small-list-design .mag-post-category,
	.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper .blog-post-single.small-list-design .mag-post-excerpt {
		display: none;
	}
}


/*--------------------------------------------------------------
# Archive Pagination
--------------------------------------------------------------*/
nav.navigation.pagination .nav-links {
	justify-content: center;
}