/*
Theme Name: Blogza
Theme URI: https://themeansar.com/free-themes/blogza-free-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogza is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blogza is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Blogza is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus/blogza/ and documentation at https://docs.themeansar.com/docs/blogus/
Version: 0.7
Requires PHP: 7.4
Requires at least: 5.4
Tested up to: 6.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogus
Text Domain: blogza
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Blogza WordPress Theme is child theme of Blogus, Copyright 2023 Themeansar
Blogza is distributed under the terms of the GNU General Public License v3

Blogza is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
*:focus {
    outline: 1px solid;
}
.navbar-toggler.x:focus,
button:focus {
    border: 1px solid;
    outline: 2px dotted #000;
}
button:focus:not(:focus-visible) {
    outline: 2px dotted #000;
}
p a {
    text-decoration: underline;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Roboto', sans-serif;
}
.site-title { 
    font-family: 'Roboto', sans-serif;
}
.navbar-wp .navbar-nav > li> a { 
    font-family: 'Roboto', sans-serif;
}
body { 
    font-family: 'Roboto', sans-serif;
}
footer .site-branding-text .site-title-footer a{
    font-family: 'Roboto', sans-serif;
}

.article_content a, .bs-blog-post single a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}
 
/* -------bs-head three---- */
.bs-headthree .bs-header-main{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: scroll;
}
.bs-headthree .bs-header-main .inner{
	display: flex;
	padding: 15px 0;
	margin: 0;
	height: auto;
    min-height: 150px;
	align-items: center;
	text-align: center;
}
.bs-headthree .navbar-brand {
	margin-right: unset;
}
.bs-menu-full {
	position: relative;
}
.bs-headthree .navbar-brand .custom-logo{
    object-fit: cover;
    max-width: 100%;
    height: auto;
}
/* header Six */
.bs-headthree.six{
    margin-bottom: 50px;
}
.bs-headthree.six .bs-social {
	padding: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.bs-headthree.six .navbar-wp {
    margin: 0;
    z-index: 999;
    transition: all 1s ease-out;
	padding: 0;
	height: auto;
	min-height: 58px;
	border-radius: 0;
	margin-bottom: 30px;
    border: 1px solid;
}
.bs-headthree.six .navbar-wp .navbar-nav > li> a {
    padding: 0px;
}
.right-nav a{
    box-shadow: none;
}
.bs-blog-post .bs-blog-thumb .bs-blog-category{
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
}
.bs-blog-post .small{
    padding: 0;
}
.bs-blog-post{
    box-shadow: none;
}
.bs-blog-post:hover{
    box-shadow: none;
}
.bs-blog-meta .bs-author .auth img{
    box-shadow: none;
}
.desk-header{
    padding: 0;
}
.site-branding-text .site-title{
    font-size: inherit;
}
.site-branding-text .site-title a{
    font-size: 60px;
}
.bs-masonry-columns.c2 {
    column-gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bs-blog-post .bs-blog-meta a{
    font-weight: 500;
}
.bs-masonry-columns.c3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 2rem;
    padding: 0;
}
.bs-blog-thumb.lg{
    height: auto;
}
.bs-blog-post .bs-blog-thumb img{
    min-height: 300px;
    transition: all 0.5s;
}
.bs-blog-post .bs-blog-thumb:hover img{
    transform: scale(1.05);
}
.bs-blog-post.single .bs-blog-thumb:hover img{
    transform: scale(1);    
}
.bs-social li a i{
    width: 35px;
    height: 35px;
    font-size: 20px;
}
.right-nav a{
    width: 35px;
    height: 35px;
    font-size: 20px;
}
.menu-link-description {
    font-size: 11px;
    padding: 2px 4px;
    margin: 0 3px;
    line-height: 10px;
    position: absolute;
    border-radius: 1px;
    line-height: normal;
    top: 0;
    margin: 0 3px;
    font-weight: 700;
    display: inline-table;
    word-break: keep-all;
    overflow-wrap: unset;
    width: max-content;
    z-index: 9;
}
.menu-link-description:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    left: 3px;
    bottom: -4px;
}

.bs-breadcrumb-section{
	display:none;
}

.comments-area{
	display:none;
}

.switch .slider::before{
    font-size: 20px;
}
.navbar-nav{
    justify-content: flex-start;
    row-gap: 1rem;
    column-gap: 1.5rem;
    padding: 1rem 0;
}
.list-blog.bs-blog-post{
    padding: 0;
    margin-bottom: 0;
}
.blog-post-list{
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.bs-blog-post .bs-header{
    padding: 20px 0;
}
.page-class .bs-card-box.padding-20{
    padding: 0;
    box-shadow: none;
}
img {
    max-width: 100%;
    display: block;
}
figure {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
}
figure>img {
    grid-row: 1 / -1;
    grid-column: 1;
}
figure a {
    color: black;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .bs-masonry-columns.c3 { 
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width: 991px){
    .bs-headthree .navbar-brand .custom-logo {
        width: 200px;
        height: auto;
    }
    .bs-headthree.six .navbar-wp .navbar-nav > li> a{
        padding: 13px 8px;
    }
    .navbar-nav{
        gap: 0;
        padding: 0;
    }
}
@media screen and (max-width: 767px){
    .bs-latest-heading span{
        display:none;
    }
    .bs-headthree .navbar-brand .custom-logo {
        width: 120px;
        height: auto;
    }
    .bs-masonry-columns.c3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .bs-masonry-columns.c2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .bs-blog-post .bs-blog-meta {
        justify-content: start;
    }
}
@media screen and (max-width: 480px) {
    .bs-headthree .bs-header-main .inner{
        min-height: 100px;
    }
}

/* ================================================
   ZARVEEK HEADER & MOBILE SIDEBAR
   ================================================ */

/* ----- Sticky Header ----- */
.zarveek-header {
    background: rgba(0, 0, 0, 0.90);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    transition: all 0.3s ease;
    z-index: 1050;
}

.zarveek-logo-wrap { height: 4rem; max-width:120px; }

/* Hamburger */
.zarveek-hamburger {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
}

.comments-link
{display:none}

.zarveek-hamburger:hover { color: #f59e0b; }

/* Logo */
.zarveek-logo-wrap .custom-logo {
    height: 2.25rem; /* mobile */
    width: auto;
    display: block;
}
@media (min-width: 768px) {
    .zarveek-logo-wrap .custom-logo { height: 4rem; } /* desktop */
}

/* B2B button */
.zarveek-b2b-btn {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid rgba(245, 158, 11, 0.60);
    border-radius: 50rem;
    padding: 6px 16px;
    background: rgba(0, 0, 0, 0.40);
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
}
.zarveek-b2b-btn:hover,
.zarveek-b2b-btn:focus {
    background: rgba(245, 158, 11, 0.20);
    color: #fff;
    outline: none;
    box-shadow: none;
}

/* B2B dropdown panel */
.zarveek-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
	list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 11rem;
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 6px;
    z-index: 1055;
}
.zarveek-drop-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.80);
    text-decoration: none;
    transition: color 0.2s;
}
.zarveek-drop-item:hover { color: #f59e0b; }

/* ----- Mobile Sidebar Overlay ----- */
.zarveek-backdrop {
    background: rgba(0, 0, 0, 0.90);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Drawer panel */
.zarveek-drawer {
    width: 85%;
    max-width: 24rem;
    background: #000;
    border-right: 1px solid rgba(255, 255, 255, 0.30);
    box-shadow: 6px 0 40px rgba(0, 0, 0, 0.80);
}

/* Drawer header row */
.zarveek-drawer-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

/* Close button */
.zarveek-close-btn {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
    cursor: pointer;
}
.zarveek-close-btn:hover { color: #f59e0b; }

/* Menu sections */
.zarveek-menu-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 8px;
    margin-bottom: 4px;
}

/* Top-level accordion buttons */
.zarveek-menu-btn {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.90);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 0;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s;
}
.zarveek-menu-btn:hover { color: #f59e0b; }

/* Sub-level button */
.zarveek-menu-btn--sub {
    color: rgba(255, 255, 255, 0.70);
    font-size: 0.8125rem;
    text-transform: none;
    letter-spacing: 0;
}

/* Chevron */
.zarveek-chevron {
    font-size: 0.625rem;
    transition: transform 0.3s ease, color 0.2s;
    flex-shrink: 0;
}
.zarveek-chevron--open {
    transform: rotate(180deg);
    color: #f59e0b;
}

/* Submenu wrapper */
.zarveek-submenu {
    margin-top: 6px;
    margin-left: 12px;
}

/* Sub-links — 1 level deep */
.zarveek-sub-link {
    color: rgba(255, 255, 255, 0.70);
    font-size: 0.8125rem;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.2s;
}
.zarveek-sub-link:hover { color: #f59e0b; }

/* Leaf links — 2 levels deep */
.zarveek-leaf-link {
    color: rgba(255, 255, 255, 0.50);
    font-size: 0.8125rem;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.2s;
}
.zarveek-leaf-link:hover { color: #f59e0b; }

/* B2B section heading */
.zarveek-b2b-heading {
    color: #f59e0b;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Drawer footer */
.zarveek-drawer-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.zarveek-copyright {
    color: rgba(255, 255, 255, 0.30);
    font-size: 0.625rem;
    letter-spacing: 0.12em;
    margin: 0;
    text-transform: uppercase;
}

h2{
	font-weight:600!important;
	font-size:24px!important;
	margin-bottom: 20px!important;
	position:relative;
	margin-top: 20px!important;
}

.small > h2:after{
    background: #fbbf24b3;
    position: absolute;
    left: 0px;
    bottom: -4px;
    width: 50px;
    height: 3px;
    content: '';
}

a:hover{
	color:white!important;
	font-weight:600;
	cursor:pointer;
}

h3{
	font-weight:500!important;
	font-size:20px!important;
	margin-bottom: 10px!important;
	margin-top: 10px!important;
}

h4{
	font-weight:500!important;
	font-size:18px!important;
	margin-bottom: 10px!important;
	margin-top: 10px!important;
}

img{
	border-radius: 10px;
	margin-bottom: 10px;
}

.small li {
	list-style: inside!important;
}

.highlight{
		background: #3c3c3c;
		font-weight:bold;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
	}

.post-share-icons > a.pinterest {display:none!important}

@media only screen and (max-width: 768px) {
  .zarveek-header.sticky-top {
    padding: 20px 0 30px;
  }
}

  .bs-blog-thumb.lg.back-img {
    margin: 15px 0;
  }

.btn{
	border-radius: 5px;
    background: #f59e0b94;
    font-size: 20px;
    color: #fff !important;
    padding: 12px 12px;
    margin: 4px 0;
    position: relative;
    overflow: hidden;
    line-height: normal;
    font-weight: 700;
    display: inline-block;
    box-shadow: none;
	text-decoration:none!important;
}