/*
Theme Name: News Way
Theme URI: https://themeansar.com/free-themes/newsway/
Author: Themeansar
Author URI: https://themeansar.com
Description: News Way 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. News Way 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. News Way is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demo.themeansar.com/newsup and documentation at https://docs.themeansar.com/docs/newsup/
Version: 2.1
Tested up to: 6.4.2
Requires PHP: 7.0
Requires at least: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newsway
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

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

News Way 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.
*/
span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
.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;
}
.mg-blog-post.md{
    width: 49.8%;
    float: left;
    height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mb1px {
    margin-bottom: 1px;
}
.trending-area .title {
    border-bottom: 2px solid #eee;
    width: 100%;
    display: flex;
    align-items: center;
    height: 41px;
}
.trending-area .title h4 {
    font-size: 18px;
    line-height: 1;
    margin: 0;
    padding: 0 10px;
    position: relative;
}
.trending-area .title h4::before {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -12px;
    height: 2px;
    content: "";
}
.trending-area .small-list-post img {
    border-radius: 50%;
}
.trending-area .img-small-post {
    position: relative;
}
.trending-area.mg-posts-sec-inner .small-list-post {
    counter-reset: tr_post;
}
.trending-area .img-small-post:before {
    counter-increment: tr_post;
    content:  counter(tr_post);
    position: absolute;
    margin: 0 auto;
    transform: translateY(0);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 600;
}
.trending-area.mg-posts-sec-inner .small-list-post li {
    margin-bottom: 6px;
}

.mg-tpt-tag-area {
    border-bottom: none;
}
#content.home {
    padding-top: 0px;
    padding-bottom: 0px;
}

.post-items ul:not(.post-categories) li a,.post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, .navigation.posts-navigation .nav-links a:hover,
.navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link, .mg-blog-post-box a,
.page-content a,
.entry-content a,
.entry-summary a, 
.widget_text a:not(.more-link):not(.button),
.comment-content a,
.theme-custom-block a, .comment-detail .edit-link a, 
.comment-detail .reply a, 
pre.wp-block-code a {
    text-decoration: underline;
}

.wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2::before {
    width: 0;
    position: absolute;
    right: -30px;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0px 30px;
    content: "";
}

.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2 {
    border-width: 0 0 2px 0;
    border-style: solid;
    margin: 0px -20px 20px -20px;
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
    padding: 0 8px 0 15px;
    position: relative;
    width: auto;
    height: 40px;
    display: inline-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);
    }
    .mg-nav-widget-area .text-center-xs {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .navbar-wp .navbar-nav > li> a i {
        display: none;
    }
}

@media (min-width: 1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {
    #menu-primary li.active.home {
        display: none;
    }
    .m-header {
        width: 100%;
        padding:10px 15px;
        display: flex;
        justify-content: space-between;
    } 
    .desk-header {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2 {
       font-size: 14px;
    }    
}

@media (min-width: 1200px) {
  .container-fluid {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 805px) and (min-width: 700px) {
    .mg-headwidget .text-center-xs{
        text-align: center;
    }
    .mg-headwidget .heacent {
       max-width: 75%;  
    }
    span.time {
        max-width: 35%;
       
    }

.wp-block-calendar th, .wp-block-calendar tbody td {
    border: 1px solid #f7f7f7;
}

.wp-block-calendar table caption
{
    color: #fff;
}