/*
Theme Name: Newstack 02
Theme URI: https://themeansar.com/free-themes/newstack-free-blog-magazine-elementor-wordpress-theme/
Template: newsup
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/
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
Version: 2.6.1771443118
Updated: 2026-02-18 16:31:58

*/

:root {
    --headfont: "Poppins", sans-serif;
    --bodyfont: 'Inter', sans-serif;
}
.mg-blog-category a {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-transform: capitalize;
    padding: 5px 10px;
}
.mg-blog-post-box .mg-header {
    padding-right: 20px;
    padding-left: 20px;
}
.mg-latest-news-sec {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.mg-latest-news .bn_title .title {
    position: relative;
    display: inline-flex;
    padding-right: 8px;
    gap: 12px;
    align-items: center;
}
.mg-latest-news .mg-latest-news-slider {
    left: 185px;
}
.mg-posts-modul-6 .mg-post-thumb {
    margin-right: -5px;
}
.mg-posts-modul-6 .mg-sec-top-post .title {
    font-size: 24px;
    line-height: 1.5;
}
.mg-sidebar .mg-widget .wtitle {
    font-weight: 700;
}
.mg-social li span.icon-soci {
    float: unset;
}
.screen-reader-text:focus {
    font-size: 0.875rem;
    top: 5px;
    line-height: normal;
    display: block;
    width: auto;
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    left: 5px;
    height: auto;
    z-index: 100000;
    background-color: #f1f1f1;
    font-weight: 700;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    clip-path: none;
    clip: auto !important;
    padding: 15px 23px 14px;
}
span.time {
    font-size: 14px;
    line-height: 35px;
    margin-left: 5px;
    font-weight: 600;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 4px;
}
.mg-headwidget.center .heacent {
    margin-top: unset !important;
    margin-top: 40px;
    color: #fff;
}
.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;
    font-weight: bold;
    margin: 8px auto 0;
}
.desk-header {
    display: flex;
}
.logo-auto {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.mg-blog-post.md {
    float: left;
    width: 49.8%;
    height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mb1px {
    margin-bottom: 1px;
}
.mg-blog-post.lg.mins {
    margin-bottom: 30px;
    width: 100%;
    height: 222.5px;
}
.mg-blog-post.lg.mins h4.title {
    font-size: 22px;
}
footer .site-description {
    letter-spacing: 1.2px;
}
.mg-headwidget .site-branding-text .text-center {
    text-align: center;
    color: #fff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    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;
}
div.mg-latest-news .bn_title span {
    top: unset;
    border: none;
    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-posts-sec-inner .mg-posts-sec-post, .mg-sidebar .mg-widget {
    -moz-box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    -webkit-box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    -o-box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.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-right: 0;
    padding-left: 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-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 .mg-latest-news {
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}
.bn_title .title::before {
    font-size: 16px;
    position: relative;
    z-index: 2;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\e0b7";
}
.bn_title .title::after {
    position: absolute;
    top: 50%;
    width: 35px;
    left: 26px;
    height: 35px;
    z-index: 1;
    border: 2px solid #fff;
    -moz-transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
    -o-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: "";
    animation: zoom 2s linear infinite;
}
.bn_title .title span::before, .bn_title .title span::after {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    z-index: 1;
    border: 2px solid #fff;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -41px;
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: "";
}
.bn_title .title span::before {
    animation: zoom 2s linear 0.5s infinite;
}
.bn_title .title span::after {
    animation: zoom 2s linear 1s infinite;
}
@media (max-width: 991px) {
.navbar-wp .navbar-nav > li> a i {
    display: none;
}
#menu-primary li.active.home {
    display: none;
}
.m-header {
    display: flex;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    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;
}
}
@media (min-width: 1200px) {
.mg-blog-post.md .bottom h4 {
    overflow: hidden;
    max-height: 65px;
}
}