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

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

Newsmode 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.
*/
.wrapper.boxed {
    margin: 0 auto;
    box-shadow: 0 0 10px 0 #00000020;
    max-width: 1200px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
p a {
	text-decoration: underline;
}
a:focus {
	outline: 1px solid;
}
.navbar-toggler.x:focus, .m-header .navbar-toggler:focus, .desk-header .btn-bell:focus {
	outline: 1px solid #000; 
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, footer .site-title-footer, .mg-headwidget .navbar-wp .navbar-nav > li> a, .navbar-wp .dropdown-menu > li > a, .site-title { 
    font-family: "Be Vietnam Pro", sans-serif;
	letter-spacing: 0;
}
body{
	font-family: 'rubik', sans-serif;
}
.mg-headwidget .navbar-wp .navbar-nav > li> a, .navbar-wp .dropdown-menu > li > a{
	font-weight: 600;
}
.mg-sidebar .mg-widget .wtitle{
	font-weight: 700;
}
.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;
}
.burger-line{
	background-color: #fff;
}
.site-title{
	font-size: 46px;
}
.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;
}
.mg-latest-news-sec{
	box-shadow: none;
	margin-top: 30px;
}
.mg-head-detail .info-left li{
	font-size: 14px;
}
header .mg-social li span.icon-soci{
	width: auto;
	height: auto;
	line-height: 1;
}
header .mg-social li a:focus{
	outline: 1px solid ;
}
.mg-social li span.icon-soci i {
    font-size: 16px;
}
.mg-fea-area .recent-posts .mg-blog-post.lg.mins:first-of-type{
	margin-bottom: 30px;
}
.mg-blog-post.lg.mins{
	height: 232.5px;
	width: 100%;
}
.mg-blog-post.lg.mins .title{
	font-size: 22px;
}
.mg-headwidget .navbar-header .navbar-brand{
	margin-right: 0;
}
.mg-latest-news .mg-latest-news-slider{
	left: 170px;
}
.mg-breadcrumb-section{
	box-shadow: none;
}
.mg-breadcrumb-section{
	margin-top: 30px;
}
.mg-breadcrumb-section .overlay {
	height: 100%;
	position: relative;
	padding: 0;
	width: 100%;
}
.mg-blog-post-box h4.title{
	font-size: 26px;
}
.mg-breadcrumb-title{
	padding: 30px 15px;
}
.widget-post-list{
	margin-bottom: 20px;
}
.widget-post-list.owl-carousel .owl-controls{
	margin: 0;
}
.mg-sidebar .mg-widget .top-right-area .nav-tabs > li > a:hover{
	padding: 8px;
}
.mg-sidebar .mg-widget .mg-blog-post .bottom h4 {
    font-size: 22px;
}
.small-post {
	height: 105px;
	border-radius: 4px;
	margin: 2px 0px 2px 2px;
}
.widget-post-list .owl-item:nth-last-child(1) .small-post {
    margin-right: 2px;
}
.mg-blog-post.lg{
	height: 495px;
	border-radius: 4px;
}
.homemain .owl-wrapper-outer, .mg-sidebar .mg-widget{
	border-radius: 4px;
}
.small-post .title{
	 
    display: -webkit-box;
	line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.double-category-widget .small-list-post.mg-post-1 .small-post .title{
	font-size: 22px;
}
.site-branding-text a, .mg-footer-copyright a{text-decoration: none;}

/* update  */
.mg-head-detail {
    padding: 0px 0;
}
.mg-headwidget .mg-head-detail {
	border-bottom-width: 1px;
    border-bottom-style: solid;
}
.btn-bell:hover,.btn-bell:focus{
	box-shadow: none;
}
.mg-nav-widget-area .header-ads img {
    border-radius: 5px;
}
.top-right-area .mg-posts-sec-inner .small-list-post{
	gap: 0;
}
.top-right-area .mg-posts-sec-inner .small-list-post .small-post {
    margin-bottom: 0;
	padding: 10px 0;
	box-shadow: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	min-height: 109px;
	margin-right: 0;
}
.top-right-area .mg-posts-sec-inner .small-list-post .small-post:last-child {
    border-bottom: none;
}
.top-right-area .nav-tabs {
	gap: 5px;
	margin-bottom: 10px;
}
.top-right-area .nav-tabs .nav-link:focus{
	outline: none;
}
.top-right-area .nav-tabs > li > a,.top-right-area .nav-tabs .nav-link.active, .top-right-area .nav-tabs .nav-link.active:hover, .top-right-area .nav-tabs .nav-link.active:focus {
	border: none;	
	outline: none;
}
.mg-posts-sec-post{
	box-shadow: none;
	margin-bottom: 40px;
	border-radius: 4px;
}
.mg-latest-news .bn_title .title:after {
    content: '';
    width: 25%;
    position: absolute;
    background: #fff;
    height: 100%;
    z-index: -1;
    left: 100%;
}
.mg-head-detail .info-left{
	display: flex;
	align-items: center;
}
.mg-head-detail .info-right{
	display: flex;
	gap: 10px;
}
.btn-bell,.mg-search-box a {
    font-size: 18px;
}
.small-post img, .small-post .img-small-post a{
	height: 100% !important;
	width: 100%;
}
.mg-posts-sec-inner .small-list-post .mg-blog-category {
    margin-top: 0;
}
.double-category-widget .small-post {
    height: unset;
}
.double-category-widget .small-post .img-small-post{
	border-radius: 0px;
}
.small-post .img-small-post{
	border-radius: 50%;
}
/* Trending Post */
.trending-area .small-post .img-small-post{
	border-radius: 0;
}
.trending-area .small-post .img-small-post{
	width: 100px;
	height: 100px;
}
.trending-area .small-post {
	height: auto;
}
/* mg-blog-thumb */
/* .mg-blog-thumb{
	margin-bottom: 10px;
}
.mg-blog-thumb img{
	height: 150px;
    width: 100%;
    object-fit: cover;
}
.mg-blog-post-box h4.title{
	font-size: 20px;
}
.mg-blog-post-box .small{
	padding: 1px 20px;
} */
.top-right-area .nav-tabs > li > a { 
    border-radius: 4px;
    font-weight: 500;
}
@media (max-width: 1230px) {
	.wrapper.boxed{
		margin: 0 15px;
	}
}
@media (max-width: 991.98px) {
	.navbar-wp .navbar-nav > li> a i {
		display: none;
	}
	#menu-primary li.active.home {
		display: none;
	}
	.m-header {
		width: 100%;
		padding: 10px 15px;
		display: flex;
		justify-content: space-between;
	}
	.desk-header {
		display: none;
	}	
	.m-header .navbar-toggler{
		margin-top: 0;
		margin-bottom: 0;
	}
	.m-header .navbar-toggler:focus, .m-header .navbar-toggler:hover{
		background: transparent;
		border-color: transparent;
	}
}
@media screen and (max-width: 767px) {
	.mg-headwidget .navbar-wp .navbar-nav > li> a {
		position: relative;
		border-bottom: 1px solid rgba(225,225,225,0.4);
	}
	.mg-latest-news .mg-latest-news-slider {
		left: 0;
	}
	.mg-head-detail .info-left {
		justify-content: center;
		flex-wrap: wrap;
	}
	.mg-head-detail .info-right{
		justify-content: center;
	}
	.recent-posts .mg-blog-post.lg{
		height: 300px;
	}
	.mg-blog-post.lg{
		height: 395px;
	}
	.mg-head-detail {
		padding: 5px 0 10px;
	}
	.mg-head-detail .align-items-center{
		gap: 5px;
	}
}
@media screen and (max-width: 576px){
	.mg-fea-area .mg-blog-post.md {
		width: 100%;
		margin-bottom: 20px;
	}
	#homemain { 
		margin-bottom: 30px;
	}
	.recent-posts .mg-blog-post.lg{
		height: 200px;
	}
	.mg-blog-post.lg{
		height: 300px;
	}
	.widget_featured_post .mg-blog-post.lg {
		height: 400px;
	}
}
@media screen and (max-width:1199px ) and (min-width: 767px){
	.mg-fea-area .mg-blog-post.md {
		width: 49.7%;
	}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
	.mg-fea-area .col-md-6{
		margin-bottom: 20px;
	}
	.trending-posts{
		display: flex;
		gap: 20px;
	}
}

/* mg featured area */
.recent-posts {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
}
.recent-posts>.mg-blog-post:nth-child(1), .recent-posts>.mg-blog-post:nth-child(2) {
	height: 400px;
}
.recent-posts>.mg-blog-post:nth-child(1) {
	grid-column: 1 / span 3;
}
.recent-posts>.mg-blog-post:nth-child(2) {
	grid-column: 4 / span 3;
}
.recent-posts>.mg-blog-post:nth-child(3) {
	grid-column: 1 / span 2;
}
.recent-posts>.mg-blog-post:nth-child(4) {
	grid-column: 3 / span 2;
}
.recent-posts>.mg-blog-post:nth-child(5) {
	grid-column: 5 / span 2;
}
.recent-posts>.mg-blog-post:nth-child(3),.recent-posts>.mg-blog-post:nth-child(4),.recent-posts>.mg-blog-post:nth-child(5) {
	height: 275px;
}
.recent-posts>.mg-blog-post:nth-child(3) .bottom .title,.recent-posts>.mg-blog-post:nth-child(4) .bottom .title,.recent-posts>.mg-blog-post:nth-child(5) .bottom .title{
	font-size: 26px;
}

@media(max-width: 767px){
	.recent-posts {
		grid-template-columns: 1fr;
	}
	.recent-posts>.mg-blog-post:nth-child(1) {
		grid-column: auto
	}
	.recent-posts>.mg-blog-post:nth-child(2) {
		grid-column: auto
	}
	.recent-posts>.mg-blog-post:nth-child(3) {
		grid-column: auto
	}
	.recent-posts>.mg-blog-post:nth-child(4) {
		grid-column: auto
	}
	.recent-posts>.mg-blog-post:nth-child(5) {
		grid-column: auto
	}
}