/*
Theme Name: Newshike 02
Theme URI: https://themeansar.com/free-themes/newshike-free-wordpress-theme/
Template: newsup
Author: Themeansar
Author URI: https://themeansar.com
Description: Newshike 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. Newshike 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. Newshike is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/newshike/ 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: 0.3.1722451271
Updated: 2024-07-31 15:41:11

*/

.burger-line {
    background-color: #212121;
}
.site-title {
    font-size: 46px;
}
.mg-head-detail {
    padding-top: 0;
    padding-bottom: 0;
}
.mg-head-detail .info-left {
    display: flex;
    align-items: center;
}
.mg-head-detail .info-left li {
    font-size: 14px;
}
.mg-head-detail .info-left li span.time {
    display: none;
}
.mg-nav-widget-area-back .inner {
    border-bottom: 1px solid #efefef;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
.mg-latest-news-sec {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.mg-latest-news .mg-latest-news-slider {
    left: 170px;
}
.top-right-area .nav-tabs {
    margin-bottom: 10px;
    gap: 5px;
}
.top-right-area .mg-posts-sec-inner .small-list-post .small-post {
    margin-bottom: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 10px 0;
}
.mg-posts-sec-post {
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
}
.small-post {
    margin-top: 2px;
    margin-right: 20px;
    margin-left: 2px;
    height: 105px;
}
.mg-breadcrumb-section {
    margin-top: 30px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.mg-breadcrumb-section .overlay {
    padding-top: 0;
    padding-bottom: 0;
}
.mg-breadcrumb-title {
    padding: 30px 15px;
}
.mg-social li span.icon-soci i {
    font-size: 16px;
}
.wrapper.boxed {
    -moz-box-shadow: 0 0 10px 0 #00020;
    -webkit-box-shadow: 0 0 10px 0 #00020;
    -o-box-shadow: 0 0 10px 0 #00020;
    box-shadow: 0 0 10px 0 #00020;
    max-width: 1200px;
    margin: 0 auto;
}
p a {
    text-decoration: underline;
}
.navbar-toggler.x:focus {
    outline: 1px solid #000;
}
.desk-header {
    display: flex;
}
.mg-blog-post.md {
    float: left;
    width: 49.8%;
    height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mg-posts-sec-inner .mg-posts-sec-post .col-12.col-md-6 {
    padding-left: 0;
}
.mb1px {
    margin-bottom: 1px;
}
header .mg-social li span.icon-soci {
    width: auto;
    height: auto;
}
.mg-blog-post.lg.mins {
    width: 100%;
    height: 222.5px;
}
.mg-blog-post.lg.mins .title {
    font-size: 22px;
}
.mg-headwidget .navbar-header .navbar-brand {
    margin-right: 0;
}
.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;
}
.widget-post-list .owl-item:nth-last-child(1) .small-post {
    margin-right: 2px;
}
.small-post .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.site-branding-text a, .mg-footer-copyright a {
    text-decoration: none;
}
.mg-headwidget .mg-head-detail {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.btn-bell:hover, .btn-bell:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.mg-nav-widget-area .header-ads img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.top-right-area .mg-posts-sec-inner .small-list-post .small-post:last-child {
    border-bottom: none;
}
.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-head-detail .info-right {
    display: flex;
}
.btn-bell, .mg-search-box a {
    font-size: 18px;
}
@media (max-width: 1230px) {
.wrapper.boxed {
    margin: 0 15px;
}
}
@media screen and (max-width: 1199px) and (min-width: 767px) {
.mg-fea-area .mg-blog-post.md {
    width: 49.7%;
}
}
@media (max-width: 991.98px) {
.m-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
.m-header .navbar-toggler {
    margin-bottom: 0;
    margin-top: 0;
}
.m-header .navbar-toggler:focus {
    outline: 2px solid;
}
.navbar-wp .navbar-nav > li> a i {
    display: none;
}
#menu-primary li.active.home {
    display: none;
}
.m-header .navbar-toggler:focus, .m-header .navbar-toggler:hover {
    background-color: transparent;
    border-color: transparent;
}
}
@media screen and (max-width: 767px) {
.mg-headwidget .navbar-wp .navbar-nav > li> a {
    border-bottom: 1px solid rgba(225,225,225,0.4);
    position: relative;
}
.mg-latest-news .mg-latest-news-slider {
    left: 0;
}
.mg-head-detail .info-left {
    justify-content: center;
    flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
.mg-fea-area .col-md-6 {
    margin-bottom: 20px;
}
.trending-posts, .recent-posts {
    display: flex;
    gap: 20px;
}
}
@media screen and (max-width: 576px) {
.mg-fea-area .mg-blog-post.md {
    margin-bottom: 20px;
    width: 100%;
}
#homemain {
    margin-bottom: 30px;
}
}