/*
Theme Name: Blog Feeds 02
Theme URI: https://ascendoor.com/themes/blog-feeds/
Template: zenith-blog
Author: Ascendoor
Author URI: https://ascendoor.com/
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/
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
Version: 1.0.1.1769260466
Updated: 2026-01-24 13:14:26

*/

:root {
    --primary-color: #a3002b;
}
nav.navigation.pagination .nav-links {
    justify-content: center;
}
.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 .bottom-header-part.fix-header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 15;
    background-color: var(--clr-background);
    left: 0;
    border-block-end: 1px solid var(--clr-sub-border);
}
.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%;
}
.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider {
    overflow: hidden;
    -moz-border-radius: var(--border-radius-normal);
    -webkit-border-radius: var(--border-radius-normal);
    -o-border-radius: var(--border-radius-normal);
    border-radius: var(--border-radius-normal);
}
.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider .blog-post-single {
    min-height: 554px;
}
.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%;
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper {
    overflow: hidden;
    border: 1px solid var(--clr-sub-border);
    -moz-border-radius: var(--border-radius-normal);
    -webkit-border-radius: var(--border-radius-normal);
    -o-border-radius: var(--border-radius-normal);
    border-radius: var(--border-radius-normal);
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tabs-head .banner-tabs {
    display: flex;
    align-items: center;
    list-style: none;
    border-block-end: 1px solid var(--clr-sub-border);
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0;
    padding: 0;
}
.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;
    color: var(--clr-foreground);
    justify-content: center;
    text-decoration: none;
    padding: 0.439rem 1rem;
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tabs-head .banner-tabs li a:not(.inactive) {
    background-color: var(--primary-color);
    color: #fff;
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container .blog-post-single {
    background-color: transparent;
    padding: 10px;
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container .blog-post-single .mag-post-title {
    display: -webkit-box;
    font-size: var(--font-size-sm);
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper {
    grid-template-columns: repeat(2, 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: 1024px) {
.banner-section.banner-style-1 .banner-section-wrapper .slider-part .banner-slider .blog-post-single {
    min-height: 460px;
}
}
@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 .slider-part {
    width: 100%;
}
}
@media (max-width: 600px) {
.zenith-blog-grid-list-section.style-2 .zenith-blog-grid-list-section-wrapper {
    grid-template-columns: repeat(1, 1fr);
}
}
@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;
}
.banner-section.banner-style-1 .banner-section-wrapper .tab-part .tab-wrapper .banner-tab-container .blog-post-single {
    min-height: 190px;
}
}
@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));
}
}