/*
Theme Name: Newslay
Theme URI: https://themeansar.com/free-themes/newslay/
Author: Themeansar
Author URI: https://themeansar.com
Description: Newslay 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. Newslay 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. Newslay 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: 1.6
Requires PHP: 5.4
Tested up to: 6.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newslay
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

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

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

/* ============================================ Custom header css ======================================= */
/* ===== CGJ HEADER ===== */
.cgj-header-wrap{
    position:relative;
    z-index:9999;
    background:#fff;
}

/* TOPBAR */
.cgj-topbar{
    background:#F36F21;
    color:#fff;
    font-size:14px;
}
.cgj-top-flex{
    display:flex;
    justify-content:space-between;
    padding:6px 0;
}
.cgj-links a{
    color:#fff;
    margin-left:15px;
    text-decoration:none;
}

/* MAIN HEADER */
.cgj-main-header{
    background:#fff;
    border-bottom:1px solid #eee;
    transition:0.3s;
}
.cgj-main-header.sticky{
    position:fixed;
    top:0;
    width:100%;
    left:0;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

/* FLEX */
.cgj-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 0;
}

/* LOGO */
.cgj-logo img{
    width:70px;
    height:70px;
    object-fit:contain;
}

/* MENU */
.cgj-menu{
    list-style:none;
    display:flex;
    gap:22px;
    margin:0;
    padding:0;
}

.cgj-menu li{
    position:relative;
}

.cgj-menu li a{
    color:#1F7A3A;
    font-weight:600;
    text-decoration:none;
}

/* DROPDOWN */
.cgj-menu li ul{
    position:absolute;
    top:120%;
    left:0;
    background:#fff;
    min-width:220px;
    display:none;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    padding:10px 0;
    z-index:999;
}

.cgj-menu li:hover > ul{
    display:block;
}

.cgj-menu li ul li{
    padding:6px 15px;
}

.cgj-menu li ul li a{
    color:#333;
    font-weight:500;
}

/* SUB DROPDOWN */
.cgj-menu li ul li ul{
    left:100%;
    top:0;
}

/* MOBILE TOGGLE */
.cgj-toggle{
    display:none;
    flex-direction:column;
    cursor:pointer;
}
.cgj-toggle span{
    width:26px;
    height:3px;
    background:#1F7A3A;
    margin:3px 0;
}
/* ============================================ Custom header css end ======================================= */


/* ============================================ Responsive Part ======================================= */

@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-fea-area .trending-area {
        margin-bottom: 14px;
    }
    .mg-posts-sec {
        margin: 0px 0 20px 0;
    }
    .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;
    }   
	
	/* ===== MOBILE ===== */
@media(max-width:991px){

    .cgj-topbar{
        display:none;
    }

    .cgj-nav{
        position:absolute;
        left:0;
        top:100%;
        width:100%;
        background:#fff;
        display:none;
        padding:15px;
    }

    .cgj-nav.active{
        display:block;
    }

    .cgj-menu{
        flex-direction:column;
        gap:10px;
    }

    .cgj-menu li ul{
        position:relative;
        box-shadow:none;
        display:none;
    }

    .cgj-menu li.open > ul{
        display:block;
    }

    .cgj-toggle{
        display:flex;
    }

    .cgj-logo img{
        width:55px;
        height:55px;
    }
}
}
@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: 8px 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 screen and (max-width: 830px) and (min-width: 700px) {
    .mg-headwidget .text-center-xs{
        text-align: center;
    }
    .mg-headwidget .heacent {
       max-width: 75%;
    }
    span.time {
        max-width: 35%;
       
    }
}