/*
Theme Name: WireNews
Theme URI: 
Author: Themeansar
Author URI: https://themeansar.com
Description: WireNews 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. NeWirenewss suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Wirenews is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/wirenews/ and documentation at https://docs.themeansar.com/docs/newsup/
Version: 0.2
Requires at least: 6.7
Requires PHP: 7.4
Tested up to: 6.8
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: wirenews
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

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

WireNews 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{
	--headFont: 'Josefin Sans', sans-serif;
	--bodyFont: 'Onest', sans-serif;
}
.wrapper.boxed {
    margin: 0 auto;
    box-shadow: 0 0 10px 0 #5a5a5a20;
    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 #ff001b; 
}
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: "Josefin Sans", sans-serif;
	letter-spacing: 0;
}
body{
	font-family: 'Onest', 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;
}
textarea{
	outline: 0;
}
.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;
}
.mg-head-detail .info-left li{
	font-size: 14px;
}
header .mg-social li span.icon-soci{
	width: auto;
	height: auto;
	line-height: 1;
	margin: 0 4px;
}
.mg-tpt-tag-area{
	margin-top: 10px;
}
header .mg-social li a:focus{
	outline: 1px solid ;
}
.mg-social li span.icon-soci i {
    font-size: 16px;
}
li.active.home {
    display: none;
}
.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;
}
.widget-post-list .owl-item:nth-last-child(1) .small-post {
    margin-right: 2px;
}
.mg-blog-post.lg{
	height: 505px;
	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;}
.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;
}
/* update  */
.mg-head-detail {
    padding: 5px 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;
}
.mg-nav-widget-area li{
	list-style: none;
}
.mg-nav-widget-area ul{
	padding: 0;
	margin-bottom: 0;
}
.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: 5px;
	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;
	margin-bottom: 0;
}
.top-right-area .nav-tabs {
	margin-bottom: 5px;
	gap: 2px;
}
.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;
	padding: 10px 0;
}
.mg-posts-sec-post, .mg-sidebar .mg-widget, .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a, .missed-inner, .mg-posts-sec-inner .small-list-post .small-post, .top-right-area .nav-tabs > li > a, .mg-sidebar .mg-widget .top-right-area .nav-tabs > li > a, .mg-breadcrumb-section .overlay, .mg-card-box, blockquote{
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
}
.mg-latest-news .bn_title .title:after {
    content: '';
    width: 25%;
    position: absolute;
    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: 15px;
}
.nav-item:nth-last-child(2){
	display: none;
}
.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%;
}
.mg-posts-modul-6 .mg-post-thumb { 
    box-shadow: 0 0 10px 0 #00000033;
    border-radius: 4px;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.2), 0 22px 27px -20px rgba(7,10,25,.2);
}
.info-left li span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
/* 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;
}
.top-right-area .nav-tabs > li > a {
    font-weight: 500;
	border-radius: 2px;
}
.recent-posts .mg-blog-post.lg{
	height: 238px;
}
.recent-posts .mg-blog-post.lg:first-child{
	margin-bottom: 30px;
}
.recent-posts .mg-blog-post .bottom h4{
	font-size: 22px;
}
.mg-posts-modul-6 .mg-sec-top-post .title{
	font-size: 26px;
}
.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2{
	font-size: 20px;
}
@media (min-width: 767px){
	.mg-fea-area .top-right-area{ 
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%; 
	}
}
@media (min-width: 991px){
	.mg-fea-area .top-right-area{ 
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%; 
	}
}
@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;
	}
	.mg-fea-area .mg-blog-post.lg {
    	margin-bottom: 50px;
	}
}
@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;
	}
	.mg-blog-post.lg{
		height: 395px;
	}
	.mg-head-detail {
		padding: 5px 0 10px;
	}
	.mg-head-detail .align-items-center{
		gap: 5px;
	}
	.mg-fea-area .mg-blog-post.lg {
    	margin-bottom: 20px;
	}
	.info-right{
		float: unset;
	}
}
@media screen and (max-width: 576px){
	.mg-fea-area .mg-blog-post.md {
		width: 100%;
		margin-bottom: 20px;
	}
	#homemain { 
		margin-bottom: 30px;
	}
	.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;
	}
}