/*
Theme Name: Newstack
Theme URI: https://themeansar.com/free-themes/newstack-free-blog-magazine-elementor-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Newstack 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. Newstack 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. Newstack is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/newstack/ and documentation at https://docs.themeansar.com/docs/newsup/
Version: 2.8
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: newsup
Text Domain: newstack
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

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

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

/* =============================================
   রুট ভেরিয়েবল
   ============================================= */
:root {
    --bodyFont: 'Inter', sans-serif;
    --headFont: "Poppins", sans-serif;
}

/* =============================================
   বেসিক স্টাইল
   ============================================= */
a:focus {
    outline: 1px solid;
}

span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}

.mg-social li span.icon-soci { 
    float: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.mg-headwidget.center .heacent {
    margin-top: unset !important;
}

.mg-headwidget.center .logo-center, 
.mg-headwidget.center .navbar-header, 
.mg-headwidget.center .site-branding-text {
    float: none;
    text-align: center;
}

.mg-headwidget.center .navbar-brand {
    float: none;
    display: inline-block;
    margin: 8px auto 0 auto;
    font-weight: bold;
}

.mg-headwidget.center .heacent {
    margin-top: 40px;
    color: #fff;
}

.navbar-wp .dropdown-menu.searchinner .btn {
    border: medium none;
    border-radius: 0 4px 4px 0;
    height: 40px;
    line-height: 25px;
    padding: 5px 15px;
}

.mg-search-box .dropdown-toggle::after {
    display: none;
}

.m-header {
    display: none;
}

.desk-header {
    display: flex;
}

.mobilehomebtn {
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

.logo-auto {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.mg-blog-post.md {
    width: 49.8%;
    float: left;
    height: 236px;
}

.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}

.mb1px {
    margin-bottom: 1px;
}

.mg-blog-post.lg.mins {
    width: 100%;
    height: 222.5px;
    margin-bottom: 30px;
}

.mg-blog-post.lg.mins h4.title {
    font-size: 22px;
}

footer .site-description {
    letter-spacing: 1.2px; 
}

.mg-headwidget .site-branding-text .text-center {
    color: #fff;
    text-align: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { 
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.mg-social.info-right a:focus {
    outline: none;
}

.mg-nav-widget-area .navbar-brand {
    margin-right: 0;
}

.comment-detail .edit-link a, 
.comment-detail .reply a, 
pre.wp-block-code a {
    text-decoration: underline;
}

.mg-latest-news .mg-latest-news-slider {
    left: 185px;
}

div.mg-latest-news .bn_title span {
    border: none;
    top: unset;
    right: unset;
}

.wp-block-search .wp-block-search__label, 
.mg-widget .wp-block-group h2, 
.mg-sidebar .mg-widget .wtitle, 
.mg-sec-title h4, 
footer .mg-widget h6 {
    padding-right: 15px;
}

:is(.wp-block-search .wp-block-search__label, 
    .mg-widget .wp-block-group h2, 
    .mg-sidebar .mg-widget .wtitle, 
    .mg-sec-title h4, 
    footer .mg-widget h6)::before {
    display: none;
}

.mg-blog-category a {
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.mg-sidebar .mg-widget .wtitle {
    font-weight: 700;
}

.mg-posts-modul-6 .mg-sec-top-post .title {
    font-size: 24px;
    line-height: 1.5;
}

.mg-posts-sec-inner .mg-posts-sec-post, 
.mg-sidebar .mg-widget {
    box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    border-radius: 0;
    border: none;
}

.mg-sidebar .mg-widget.widget_search:not(:has(.wp-block-search__button-outside)) {
    padding-top: 0;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    align-items: center;
}

.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden) {
    padding-left: 0;
    padding-right: 0;
}

.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden) .wp-block-search__label {
    margin-left: 0;
}

.mg-posts-modul-6 .mg-post-thumb {
    margin-right: -5px;
}

.mg-tpt-tag-area, 
.mg-latest-news-sec {
    margin-top: 20px;
    padding: 0;
}

.mg-tpt-tag-area .mg-tpt-txnlst {
    padding: 2px 5px;
}

.mg-latest-news-sec {
    box-shadow: none;
}

.mg-latest-news-sec .mg-latest-news {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}

/* =============================================
   You Missed সেকশন
   ============================================= */
.missed-inner .link-div {
    z-index: 1;
}

.missed-inner .mg-blog-inner :is(.mg-blog-category, .title, .mg-blog-meta) {
    position: relative;
    z-index: 2;
}  

.missed-inner .mg-blog-inner {
    inset: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

/* =============================================
   অ্যানিমেশন
   ============================================= */
.mg-latest-news .bn_title .title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-right: 8px;
}

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

.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;
}

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

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.bn_title .title span::before {
    animation: zoom 2s linear 0.5s infinite;
}

.bn_title .title span::after {
    animation: zoom 2s linear 1s infinite;
}

@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 (min-width: 1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .navbar-wp .navbar-nav > li> a i {
        display: none;
    }	
    #menu-primary li.active.home {
        display: none;
    }
    .m-header {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }
    .desk-header {
        display: none;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .mg-fea-area .col-md-3 {
        display: flex;
    }
    .mg-fea-area .mg-blog-post.lg.mins {
        margin: 0 5px 30px 0;
    }
    .mg-fea-area .col-md-3.top-right-area {
        display: block;
    }
}

@media screen and (max-width: 767px) and (min-width: 240px) {
    .mg-headwidget .navbar-wp .navbar-nav > li> a {
        position: relative;
        border-bottom: 1px solid rgba(225, 225, 225, 0.4);
    }
}

@media (min-width: 240px) and (max-width: 576px) {
    .mg-fea-area .mg-blog-post.lg.mins,
    .mg-fea-area .mg-posts-sec {
        margin-bottom: 20px;
    }
    .mg-fea-area .mr-bot60 {
        margin-bottom: 50px;
    }
}

/* =============================================
   কাস্টম ফুটার স্টাইল (শুধু ফুটারের জন্য)
   ============================================= */

/* ফুটার মূল */
.custom-footer{
    background:#0b1220;
    color:#d8d8d8;
    padding:35px 0 15px;
    margin-top:20px;
}
.custom-footer .footer-overlay {
    background: rgba(0, 0, 0, 0.3);
}

/* ডিভাইডার */
.footer-divider{
    border-top:1px solid rgba(255,255,255,.06);
    margin:18px 0;
}

/* ===== ১. লোগো এলাকা ===== */
.footer-top {
    padding-bottom: 10px;
}

.footer-logo {
    margin-bottom: 10px;
}

.footer-site-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

.footer-site-title a {
    color: #ffffff;
    text-decoration: none;
}

.footer-site-title a:hover {
    color: #FF3726;
}

.footer-site-description p {
    font-size: 16px;
    color: #aaa;
    margin: 0;
}

/* ===== ২. ফুটার মেনু ===== */
.footer-menu-area{
    padding:5px 0;
}

.footer-widget-title{
    font-size:17px;
    font-weight:700;
    color:#fff;
    margin-bottom:14px;
    padding-bottom:8px;
}

.footer-widget-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #FF3726;
}

.footer-menu-list,
.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-list li,
.footer-contact-list li{
    margin-bottom:6px;
    line-height:1.6;
}

.footer-menu-list li a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-menu-list li a:hover {
    color: #FF3726;
    padding-left: 5px;
}

.footer-contact-list li {
    color: #ccc;
    font-size: 14px;
}

.footer-contact-list li i {
    width: 20px;
    color: #FF3726;
}

.footer-contact-list li a {
    color: #ccc;
    text-decoration: none;
}

.footer-contact-list li a:hover {
    color: #FF3726;
}

/* =============================================
   সোশ্যাল মিডিয়া আইকন - পাশাপাশি (Horizontal)
   ============================================= */

/* ফুটারের সোশ্যাল আইকন লিস্ট - পাশাপাশি করার জন্য */
footer.custom-footer .footer-social-area ul.footer-social-icons,
.footer-social-area .footer-social-icons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    flex-wrap: wrap !important;
    width: auto !important;
}

footer.custom-footer .footer-social-area ul.footer-social-icons li,
.footer-social-area .footer-social-icons li {
    display: inline-flex !important;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
}

footer.custom-footer .footer-social-area ul.footer-social-icons li::marker,
.footer-social-area .footer-social-icons li::marker {
    content: none !important;
}

footer.custom-footer .footer-social-area ul.footer-social-icons li a,
.footer-social-area .footer-social-icons li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

footer.custom-footer .footer-social-area ul.footer-social-icons li a:hover,
.footer-social-area .footer-social-icons li a:hover {
    transform: translateY(-3px) !important;
    opacity: 0.8 !important;
}

/* সোশ্যাল আইকনের কালার */
.footer-social-area .footer-social-icons .facebook {
    background: #3b5998 !important;
}

.footer-social-area .footer-social-icons .x-twitter {
    background: #000000 !important;
}

.footer-social-area .footer-social-icons .youtube {
    background: #cd201f !important;
}

.footer-social-area .footer-social-icons .instagram {
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%) !important;
}

.footer-social-area .footer-social-icons .linkedin {
    background: #0e76a8 !important;
}

.footer-social-area .footer-social-icons .pinterest {
    background: #bd081c !important;
}

.footer-social-area .footer-social-icons .telegram {
    background: #0088cc !important;
}

/* ===== ৪. কপিরাইট এলাকা ===== */
.footer-bottom {
    padding: 10px 0;
}

.footer-copyright p {
    margin: 5px 0;
    color: #888;
    font-size: 14px;
}

.footer-copyright a {
    color: #FF3726;
    text-decoration: none;
}

.footer-copyright a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* কপিরাইট + এডিটর তথ্য এক রো-তে */
.footer-copyright-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-copyright-row > span {
    display: inline-block;
}

.footer-copyright-row .footer-editor-info::before {
    content: "|";
    margin-right: 10px;
    color: #555;
}

.footer-editor-info {
    font-size: 13px !important;
    color: #777 !important;
}

.footer-editor-info span {
    color: #aaa;
}

.footer-developer {
    font-size: 12px !important;
    color: #666 !important;
}

.footer-developer a {
    color: #FF3726;
}

/* =============================================
   রেসপন্সিভ - ফুটার + সোশ্যাল
   ============================================= */
@media (max-width: 991px) {
    .footer-menu-area .col-md-3 {
        margin-bottom: 30px;
    }
    .footer-site-title {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .custom-footer {
        padding: 30px 0 15px;
    }
    .footer-site-title {
        font-size: 24px;
    }
    .footer-site-description p {
        font-size: 14px;
    }
    .footer-widget-title {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .custom-footer {
        padding: 25px 0 15px;
    }
    .footer-site-title {
        font-size: 22px;
    }
    .footer-site-description p {
        font-size: 13px;
    }
    .footer-widget-title {
        font-size: 15px;
    }
    
    /* মোবাইলে সোশ্যাল আইকন */
    .footer-social-area .footer-social-icons {
        gap: 8px !important;
    }
    .footer-social-area .footer-social-icons li a {
        width: 35px !important;
        height: 35px !important;
        font-size: 15px !important;
    }
    
    .footer-copyright p {
        font-size: 12px;
    }
    .footer-copyright-row {
        flex-direction: column;
        gap: 4px;
    }
    .footer-copyright-row .footer-editor-info::before {
        content: "";
        margin-right: 0;
    }
    .footer-menu-area .col-sm-6 {
        margin-bottom: 20px;
    }
    .footer-contact-list li {
        font-size: 13px;
    }
}
/* =============================================
   ট্রেন্ডিং টপিক্স সাব-মেনু বার (main menu এর নিচে, breaking news এর উপরে)
   ============================================= */
.trending-topics-bar {
    background: #ffffff !important;
    box-shadow: 0 1px 0 #e4e4e4, 0 -1px 0 #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    width: 100%;
    z-index: 5;
}
.trending-topics-bar .container-fluid {
    width: 100%;
}
.trending-topics-bar .trending-topics-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    padding: 10px 0;
}
.trending-topics-bar .trending-topics-inner::-webkit-scrollbar {
    display: none;
}
.trending-topics-bar .trending-topics-label {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    color: #1a2b4c;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    padding-right: 14px;
    margin-right: 10px;
    border-right: 1px solid #e4e4e4;
}
.trending-topics-bar .trending-topics-label i {
    color: #21b573;
    font-size: 13px;
}
.trending-topics-bar ul.trending-topics-menu {
    list-style: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto;
}
.trending-topics-bar ul.trending-topics-menu > li {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    position: relative;
    padding: 0 14px;
    white-space: nowrap;
}
.trending-topics-bar ul.trending-topics-menu > li:not(:last-child)::after {
    content: "|";
    color: #d5d5d5;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
}
.trending-topics-bar ul.trending-topics-menu > li > a {
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap;
    padding: 0 !important;
    margin: 0;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: transparent !important;
    transition: color .2s ease;
}
.trending-topics-bar ul.trending-topics-menu > li > a:hover,
.trending-topics-bar ul.trending-topics-menu > li > a:focus {
    color: var(--pri-color, #FF3726) !important;
    background: transparent !important;
}
.trending-topics-bar ul.trending-topics-menu > li.current-menu-item > a,
.trending-topics-bar ul.trending-topics-menu > li.current_page_item > a {
    color: var(--pri-color, #FF3726) !important;
    font-weight: 700;
}
@media (max-width: 767px) {
    .trending-topics-bar .trending-topics-label {
        padding-right: 10px;
        margin-right: 6px;
        font-size: 13px;
    }
    .trending-topics-bar ul.trending-topics-menu > li {
        padding: 0 10px;
    }
    .trending-topics-bar ul.trending-topics-menu > li > a {
        font-size: 13px;
    }
}

/* =============================================
   মেইন মেনু বার মোবাইলেও PC-এর মতো (hamburger button বাদ)
   ============================================= */
@media (max-width: 991.98px) {
    /* hamburger button লুকিয়ে দিলাম */
    .mg-headwidget .navbar-toggler,
    .m-header .navbar-toggler {
        display: none !important;
    }
    /* Home আইকন + মেনু এক row-তে রাখার জন্য parent container flex করা হলো */
    .navbar-wp .container-fluid.flex-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }
    /* থিমের ডিফল্টে .m-header width:100% দেওয়া ছিল বলেই এটা আলাদা row নিচ্ছিল, সেটা override */
    .m-header {
        width: auto !important;
        flex: 0 0 auto !important;
        justify-content: flex-start !important;
        gap: 8px;
        padding-right: 8px !important;
        padding-left: 10px !important;
    }
    /* menu বরাবর সবসময় খোলা/visible থাকবে, JS toggle লাগবে না, আর home icon এর পাশেই বসবে */
    .mg-headwidget .navbar-collapse,
    #navbar-wp.collapse {
        display: flex !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0;
        height: auto !important;
        overflow: visible !important;
        visibility: visible !important;
    }
    .navbar-wp .navbar-collapse > div {
        width: 100%;
        min-width: 0;
    }
    /* menu আইটেমগুলো এক row-তে, PC এর মতো horizontal, height কম রাখতে padding কমানো হলো */
    .navbar-wp .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        width: 100%;
        margin: 0 !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .navbar-wp .navbar-nav::-webkit-scrollbar {
        display: none;
    }
    .navbar-wp .navbar-nav > li {
        flex: 0 0 auto !important;
        float: none !important;
        width: auto !important;
    }
    .navbar-wp .navbar-nav > li > a {
        white-space: nowrap;
        padding: 8px 13px !important;
        font-size: 15px;
        line-height: 1.3;
    }
    /* dropdown (যদি কোনো submenu থাকে) এখনো ঠিকঠাক কাজ করবে */
    .navbar-wp .navbar-nav .dropdown-menu {
        position: absolute;
    }
}

@media (max-width: 480px) {
    .navbar-wp .navbar-nav > li > a {
        padding: 7px 11px !important;
        font-size: 14px;
    }
}

/* =============================================
   হেডার ব্যাকগ্রাউন্ড ইমেজ — 1600x600 রেশিওতে perfect fit (কোনো অংশ কাটা যাবে না)
   ============================================= */
.mg-nav-widget-area-back {
    aspect-ratio: 1600 / 300;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
.mg-nav-widget-area-back .inner {
    height: 100%;
    display: flex;
    align-items: center;
}
.mg-nav-widget-area-back .mg-nav-widget-area {
    width: 100%;
}
/* লোগো/টাইটেল সরিয়ে দেওয়ায় খালি কলামের অতিরিক্ত স্পেস বাদ দেওয়া হলো */
.mg-nav-widget-area-back .navbar-header {
    display: none;
}

@media (max-width: 991.98px) {
    .mg-nav-widget-area-back {
        aspect-ratio: 1600 / 300;
    }
    .mg-nav-widget-area-back .inner {
        padding: 0 !important;
    }
}
.footer-widget{
    margin-bottom:8px !important;
}
/* ===== Footer Compact Fix ===== */

.footer-top{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.footer-menu-area{
    padding-top:5px !important;
    padding-bottom:5px !important;
}

.footer-widget{
    margin-bottom:12px !important;
}

.footer-widget-title{
    font-size:17px !important;
    margin-bottom:6px !important;
}

.footer-menu-list li,
.footer-contact-list li{
    margin-bottom:6px !important;
    line-height:1.5;
}

.footer-divider{
    margin:8px 0 !important;
}

.footer-bottom{
    padding-top:8px !important;
    padding-bottom:8px !important;
}

.footer-copyright p{
    margin:2px 0 !important;
}

.footer-social-area{
    margin:8px 0 !important;
}

@media(min-width:992px){

.footer-menu-area .row{
    display:flex;
    align-items:flex-start;
}

.footer-menu-area .row>div{
    display:flex;
}

.footer-widget{
    width:100%;
}

}
.footer-category-links{
    flex:1;
    display:flex;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scrollbar-width:none;
}

.footer-category-links::-webkit-scrollbar{
    display:none;
}

.footer-category-links a{
    flex:0 0 auto;
    font-size:13px;
}

.footer-category-links span{
    flex:0 0 auto;
    margin:0 4px;
}
.footer-category-links a{
    color:#d5d5d5;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
}

.footer-category-links span{
    color:#666;
    margin:0 8px;
}

.footer-category-links a:hover{
    color:#FF3726;
}
/* ==================================================
   FINAL FOOTER COMPACT V2
   ================================================== */

/* Footer */
.custom-footer{
    padding:12px 0 8px !important;
    margin-top:15px;
}

/* Divider */
.footer-divider{
    margin:10px 0 !important;
}

/* Footer Menu */
.footer-menu-area{
    padding:4px 0 !important;
}

.footer-category-social{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    flex-wrap:nowrap;
}

.footer-social-inline{
    flex:0 0 auto;
}

.footer-social-inline ul{
    display:flex;
    gap:3px;
}

.footer-social-inline li a{
    width:20px!important;
    height:20px!important;
    font-size:10px!important;
}

.footer-category-links{
    flex:1;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    text-align:left;
}

.footer-category-links::-webkit-scrollbar{
    display:none;
}

.footer-category-links a{
    font-size:13px !important;
    color:#d8d8d8;
    text-decoration:none;
}

.footer-category-links span{
    margin:0 6px;
    color:#666;
}

/* Social */
.footer-social-inline{
    flex-shrink:0;
}

.footer-social-inline .footer-social-icons{
    display:flex;
    flex-wrap:nowrap;
    gap:4px;
    margin:0;
    padding:0;
    list-style:none;
}

.footer-social-inline .footer-social-icons li{
    margin:0;
}

.footer-social-inline .footer-social-icons li a{
    width:22px !important;
    height:22px !important;
    font-size:11px !important;
    border-radius:50%;
}

/* Widgets */
.footer-widget{
    margin-bottom:4px !important;
}

.footer-widget-title{
    font-size:16px !important;
    margin-bottom:8px !important;
    padding-bottom:6px !important;
}

/* Links */
.footer-menu-list li,
.footer-contact-list li{
    margin-bottom:3px !important;
    line-height:1.45;
    font-size:13px;
}

/* Copyright */
.footer-bottom{
    padding:4px 0 !important;
}

.footer-copyright p{
    margin:2px 0 !important;
}

.footer-editor-info{
    font-size:12px !important;
}

.footer-developer{
    font-size:11px !important;
}

/* Desktop */
@media(min-width:992px){

.footer-menu-area .row{
    --bs-gutter-x:20px!important;
}
}

/* Mobile */
@media(max-width:767px){

.custom-footer{

padding:8px 0 4px!important;

}
.footer-category-social{
    gap:6px;
}

.footer-category-links{
    font-size:11px;
}

.footer-category-links a{
    font-size:11px !important;
}

.footer-social-inline .footer-social-icons{
    gap:3px;
}

.footer-social-inline .footer-social-icons li a{
    width:20px !important;
    height:20px !important;
    font-size:10px !important;
}

.footer-widget-title{
    font-size:15px !important;
}

.footer-menu-list li,
.footer-contact-list li{
    font-size:12px;
}

.footer-copyright-row{
    display:flex;
    flex-direction:row !important;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
}

.footer-editor-info::before{
    content:"|" !important;
    margin-right:6px;
}

}
.footer-category-links strong{
    color:#fff;
    font-size:14px;
    margin-right:10px;
    flex:0 0 auto;
}