/*
Theme Name: BlogBrute
Theme URI: https://themeansar.com/free-themes/blogbrute-free-blog-magazine-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogbrute 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. Blogbrute 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. Blogbrute is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise/blogbrute/ and documentation at https://docs.themeansar.com/docs/blogarise/
Version: 0.3
Requires PHP: 7.4
Requires at least: 6.6
Tested up to: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogarise
Text Domain: blogbrute
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

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

Blogbrute 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.
*/

/* 1. Google Poppins Font Import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600;1,700&display=swap');

/* ==========================================================================
   2. ADITYA ZEN COLOR SYSTEM & NO BLACK SHADOWS
   ========================================================================== */
:root {
    /* --- BLACK PATTI & SHADOWS ZERO --- */
    --bo-color: transparent !important;
    --bxbr: none !important;
    --bxbra: 4px !important;
    --bxsh: none !important;
    --small-bxsh: none !important;
    --bxshover: none !important;
    --bstras: none !important;

    /* --- BRAND ACCENT COLORS --- */
    --pri-color: #e11d48 !important;      /* Official Crimson Red */
    --pri-hover: #be123c !important;      /* Deep Red Hover */
    --grady-color: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;

    /* --- TYPOGRAPHY COLORS --- */
    --head-color: #09090b !important;     /* Deep Zinc Black Headings */
    --text-color: #27272a !important;     /* Crisp Zinc Body Text */
    --text-muted: #71717a !important;     /* Muted Meta (Dates & Authors) */

    /* --- CANVAS & BACKGROUNDS (ALL PURE WHITE) --- */
    --wrap-color: #ffffff !important;     /* Pure White Canvas */
    --bg-color: #ffffff !important;       /* Pure White Cards */

    /* --- FONT FAMILIES --- */
    --headFont: 'Poppins', sans-serif !important;
    --bodyFont: 'Poppins', sans-serif !important;
}

/* Base Body, Wrapper & Canvas Pure White */
html, body, .wrapper, #page {
    font-family: var(--bodyFont) !important;
    color: var(--text-color) !important;
    background-color: #ffffff !important;
}

/* Main Post Headings stay BOLD */
h1, h2, h3, h4, h5, h6,
.bs-blog-post .title {
    font-family: var(--headFont) !important;
    color: var(--head-color) !important;
    font-weight: 800;
}

/* ==========================================================================
   3. DISABLE CARD HOVER JUMP ANIMATION (STRICT NO TRANSLATE-Y)
   ========================================================================== */
.bshre,
.bshre:hover,
.bs-blog-post,
.bs-blog-post:hover,
.bs-blog-post.three,
.bs-blog-post.three:hover,
.bs-blog-post.three.md:hover,
.missed .bs-blog-post:hover,
.bs-card-box:hover {
    transform: none !important;       /* <-- Upar uchhalne wala animation band */
    transition: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   4. HOMEMAIN SLIDER: RED FLOATING BOX (Title, Category, Meta All White)
   ========================================================================== */
.bs-slide .inner {
    background: var(--pri-color) !important; /* Official Crimson Red */
    border-radius: 6px !important;
    padding: 24px 28px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
}

.bs-slide .inner .title,
.bs-slide .inner .title a {
    color: #ffffff !important;
    text-shadow: none !important;
    font-size: 26px !important;
    line-height: 1.3 !important;
    margin: 10px 0 !important;
}

.bs-slide .inner .title a:hover {
    color: #ffe4e6 !important;
}

.bs-slide .inner .bs-blog-category a {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    margin: 0 4px !important;
}

.bs-slide .inner .bs-blog-meta,
.bs-slide .inner .bs-blog-meta a,
.bs-slide .inner .bs-blog-meta span,
.bs-slide .inner .bs-blog-meta time {
    color: #ffffff !important;
    opacity: 0.95 !important;
}

.bs-slide .inner .bs-blog-meta .auth img {
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: none !important;
}

/* ==========================================================================
   5. POST TITLES: MAX 2 LINES + ELLIPSIS (...)
   ========================================================================== */
.bs-blog-post .title,
.bs-blog-post .title a,
.list-blog .title,
.bs-posts-sec-post .title,
.trending-posts .title,
.small.col .title,
.small-post .title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: var(--headFont) !important;
    font-weight: 800;
    line-height: 1.3 !important;
}

.list-blog .title a,
.bs-posts-sec-post .title a,
.bs-card-box .title a,
.trending-posts .small-post .title a {
    color: var(--head-color) !important;
}

/* DARK OVERLAY CARDS ("You Missed") -> CRISP WHITE TEXT */
.bs-blog-post.three .title,
.bs-blog-post.three .title a,
.missed .title,
.missed .title a {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}

.bs-blog-post.three .title a:hover,
.missed .title a:hover {
    color: #fecdd3 !important;
}

/* ==========================================================================
   6. SEAMLESS WHITE FOOTER (NO DIVIDER, Logo Left | Social Right)
   ========================================================================== */
.bs-footer-widget-area,
.bs-footer-copyright {
    display: none !important;
}

footer.footer {
    background: #ffffff !important;
    padding: 20px 0 !important;
    margin: 0 !important;
    border-top: none !important;
    border: none !important;
    box-shadow: none !important;
}

footer.footer .overlay {
    background: transparent !important;
    padding: 0 !important;
}

.bs-footer-bottom-area {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.bs-footer-bottom-area .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.footer-logo {
    display: flex !important;
    align-items: center !important;
}

.footer-logo .site-logo,
.footer-logo .site-logo a.navbar-brand {
    width: 52px !important;
    height: 52px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-logo .site-logo a.navbar-brand img,
.footer-logo .custom-logo {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid #e4e4e7 !important;
    box-shadow: none !important;
    display: block !important;
}

.bs-footer-bottom-area .bs-social {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ==========================================================================
   7. SIDEBAR WIDGETS & RECENT POSTS
   ========================================================================== */
.widget_block h2,
.bs-widget-title .title,
.bs-widget .title {
    color: #ffffff !important;
    background: var(--pri-color) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: -0.01em;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    margin-bottom: 14px !important;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title,
.wp-block-latest-posts li a,
.bs-widget ul li a,
.bs-recent-blog-post .small-post .title {
    font-weight: 500 !important;
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    color: #27272a !important;
    transition: color 0.2s ease;
    text-decoration: none !important;
}

.wp-block-latest-posts li a:hover,
.bs-widget ul li a:hover {
    color: var(--pri-color) !important;
}

.wp-block-latest-posts li,
.bs-widget ul li {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f4f4f5 !important;
    margin: 0 !important;
}

.wp-block-latest-posts li:last-child,
.bs-widget ul li:last-child {
    border-bottom: none !important;
}

/* ==========================================================================
   8. SHADOWS & CONTAINER REMOVAL
   ========================================================================== */
.bs-blog-meta .bs-author .auth img,
.bs-blog-meta .bs-author img,
.bs-author-pic img,
.avatar,
img.avatar {
    box-shadow: none !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 50% !important;
}

.bs-card-box,
.bs-blog-post,
.bs-sidebar .bs-widget,
.bs-widget,
.bs-breadcrumb-section .breadcrumb,
.trending-posts .small-post .img-small-post,
.trending-posts .small-post,
.bs-info-author-block,
.comments-area .comment-meta,
.mg-latest-news .bn_title .title,
.btn,
.btn-theme,
button,
input[type="submit"],
.navigation.pagination .nav-links a i,
.img-shadow {
    box-shadow: none !important;
    border: none !important;
}

.bs-widget a.btn,
.bs-widget button,
.wp-block-button__link,
.btn-theme {
    box-shadow: none !important;
    border: none !important;
    background: var(--pri-color) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

.bs-breadcrumb-section .breadcrumb {
    background: transparent !important;
    padding: 10px 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.bs-card-box {
    background: #ffffff !important;
    border: 1px solid #f4f4f5 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* Form Inputs */
input, button, select, textarea {
    font-family: var(--bodyFont) !important;
}

/* Paragraph Drop Cap "A" */
p::first-letter,
article p::first-letter,
.has-drop-cap:not(:focus)::first-letter {
    font-family: 'Poppins', sans-serif !important;
}

/* Links Hover */
a:hover {
    color: var(--pri-color) !important;
}

/* Text Selection */
::selection {
    background-color: var(--pri-color) !important;
    color: #ffffff !important;
}

/* Font Awesome Protection */
.fa, .fas, .far, .fab,
[class*="fa-"], [class^="fa-"],
.bs-blog-date::before,
.comments-link::before,
.cat-links::before,
.tag-links::before,
.msearch i, .subscribe-btn i {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
}
.fab, .fa-brands, .bs-social i {
    font-family: 'Font Awesome 6 Brands', 'Font Awesome 5 Brands' !important;
}

.screen-reader-text {
	clip: unset;
}

a:focus {
    outline: none !important;
}

.trending-posts .img-small-post .post-small-img {
    object-fit: cover;
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.trending-posts .img-small-post {
    margin-right: 0;
    width: auto;
}

.trending-posts {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: transparent;
}

.trending-posts .small-post {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 0;
    padding: 10px 0px;
    overflow: visible;
    background: transparent;
}

.trending-posts .small-post .img-small-post {
    border: 1px solid #f4f4f5 !important;
    box-shadow: none !important;
    border-radius: 4px;
}

.trending-posts .small-post-content {
    grid-column: span 2;
}

.trending-posts .bs-blog-category {
    justify-content: flex-start;
}

.bs-blog-category a:not(.bs-blog-post.three .bs-blog-category a) {
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 0;
    color: var(--pri-color);
}

.bs-default .navbar-wp {
    box-shadow: none;
    border: none;
    border-radius: 0;
    border-top: 1px solid #e4e4e7;
    border-bottom: 1px solid #e4e4e7;
}

/* Top Stories Badge & Ticker */
.mg-latest-news .bn_title .title {
    line-height: 1.3;
    padding: 8px 18px;
    font-size: 20px;
    box-shadow: none !important;
    border-radius: 4px !important;
    background: var(--pri-color) !important;
    border: none !important;
    color: #ffffff !important;
}

.mg-latest-news {
    height: 50px;
}

/* Animation */
.mg-latest-news .bn_title .title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.mg-latest-news .bn_title .title::before {
    content: "\e0b7";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.mg-latest-news .bn_title .title::after {
    content: "";
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%) translateX(0);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    animation: zoom 2s linear infinite;
    z-index: 1;
}

.mg-latest-news .bn_title::before,
.mg-latest-news .bn_title::after {
    content: "";
    position: absolute;
    left: 29px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    z-index: 1;
}

.mg-latest-news .bn_title::before {
    animation: zoom 2s linear 0.5s infinite;
}

.mg-latest-news .bn_title::after {
    animation: zoom 2s linear 1s infinite;
}

.bs-default .navbar-brand {
    height: auto;
}

/* Header Action Buttons (Search & Bell) */
.msearch, .subscribe-btn {
    background: var(--pri-color) !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.msearch:hover, .subscribe-btn:hover {
    background: var(--pri-hover) !important;
}

@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

@media screen and (max-width: 991px){
    .bs-default .navbar-wp{
        padding: 20px 0;
        border-top: none;
    }
}

@media screen and (max-width: 767px){
    .trending-posts .small-post {
        grid-template-columns: repeat(4, 1fr);
    }
    .trending-posts .small-post-content {
        grid-column: span 3;
    }
    .mg-latest-news .bn_title .title{
        font-size: 0;
        gap: 0;
    }
}