/**
 * Theme Name:     Newsup Child
 * Author:         Themeansar
 * Template:       newsup
 * Text Domain:	   newsup-child
 * Description:    Newsup 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. Newsup 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. Newsup 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/
 */
/*-- Variables CSS --*/
:root {
	--color-primary: #676767;
	--color-white: #ffffff;
	--color-black: #000000;
}

.mg-headwidget .navbar-wp,
.mg-headwidget .mg-head-detail,
footer .overlay{
	background-color: var(--color-primary);
}
.mg-head-detail .info-left li span.time,
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover, 
.mg-headwidget .navbar-wp .navbar-nav > li > a:focus, 
.mg-headwidget .navbar-wp .navbar-nav > .active > a, 
.mg-headwidget .navbar-wp .navbar-nav > .active > a:hover, 
.mg-headwidget .navbar-wp .navbar-nav > .active > a:focus,
.mg-latest-news .bn_title,
a.newsup-categories.category-color-1,
.post-form,
.mg-sec-title h4,
footer .mg-footer-copyright{
    background-color: var(--color-black);
}
.navigation.pagination .nav-links .page-numbers:hover, .navigation.pagination .nav-links .page-numbers:focus, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current:hover, .navigation.pagination .nav-links .page-numbers.current:focus, .single-nav-links a.current, .single-nav-links span.current, .single-nav-links a:hover, .single-nav-links span:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-theme, .more_btn, .more-link, .owl-carousel .owl-controls .owl-buttons div:hover, .woocommerce-product-gallery .flex-direction-nav .flex-prev:hover, .woocommerce-product-gallery .flex-direction-nav .flex-next:hover{
	background-color: var(--color-black);
	border-color: var(--color-black);
}
input[type="submit"], input[type="reset"], button{
	background-color: var(--color-black);
	border-color: var(--color-black);
}
.mg-sec-title{
	border-color: var(--color-black);
}
.navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a.bg-light:hover {
	background-color: var(--color-black) !important;
}
.mg-latest-news .bn_title span,
.mg-sec-title h4::before{
    border-color: transparent transparent transparent var(--color-black);
}
.mg-search-box .btn {
   background-color: var(--color-primary);
	border-color: var(--color-black);
}
.ta_upscr,
input[type="submit"]:hover, input[type="reset"]:hover, button:hover, input[type="submit"]:focus, input[type="reset"]:focus, button:focus {
    background-color: var(--color-primary);
	border-color: var(--color-primary);
}
.mg-blog-post .bottom h4:hover, .mg-blog-post .bottom h4 a:hover, .mg-posts-modul-6 .mg-sec-top-post .title a:hover, .mg-blog-meta a:hover, .mg-posts-sec .small-post-content h5 a:hover, .featured_cat_slider a:hover, .nav-next a:hover, .nav-next a:focus, .nav-previous a:hover, .nav-previous a:focus, p.logged-in-as a, a.post-edit-link {
    color: var(--color-primary);
}
.mg-blog-inner h4 a:hover{
	color:inherit;
}
.form-control:focus,
.form-control:hover{
    border-color: var(--color-primary);
}
.mg-headwidget .navbar-wp .navbar-nav > li> a {
   color: var(--color-white);
}
footer .mg-footer-copyright p, footer .mg-footer-copyright a {
    color: var(--color-white);
}
.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-bottom-color: var(--color-black);
}
a:focus,
a:focus-visible,
.mg-search-box a:focus{
    border: 0;
    outline: none;
}

.mg-latest-news .mg-latest-news-slider a span,
.mg-latest-news .mg-latest-news-slider a::before, .mg-latest-news .mg-latest-news-slider a::after{
  color: var(--color-black);
}

form#commentform input, textarea {
    border-color: #808080 !important;
    border-width: 1px;
}
.single-post .mg-blog-post-box > .img-fluid {
    margin: 0 auto;
    display: block;
}

.wc-post-language-category {
    display: block;
}
.wc-post-language-category .wc-language-list {
    list-style-type: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 15px;
}
.wc-post-language-category .wc-language-list .language-value {
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    line-height: 2.3;
    color: #fff;
    cursor: pointer;
}
.wc-post-language-category .wc-language-list .language-value.active,
.wc-post-language-category .wc-language-list .language-value:hover {
     color: #ff4545;
}
.wc-post-main-content {
    padding: 20px;
    margin-bottom: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.wc-post-main-content .wc-post-featured-image {
display: inline-block;
    float: left;
    width: 22%;
    padding: 0 15px 10px;
    margin-right: 15px;
}
.wc-post-main-content .wc-post-content ol.wp-block-list {
    padding-left: 15px;
}
.mg-headwidget .navbar-wp .navbar-nav{
	align-items: center;
}
.mg-headwidget .navbar-wp .navbar-nav li.active.home{
	    flex-shrink: 1;
	margin-right: 2px;
}
.mg-headwidget .navbar-wp .navbar-nav li.active.home a.homebtn {
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
	    padding: 6px;
}
.mg-headwidget .navbar-wp .navbar-nav li.menu-item a {
    padding: 10px 12px;
    font-size: 12px;
}
.mg-headwidget .navbar-wp .navbar-nav li.active.home a.homebtn span {
    font-size: 14px;
}
@media screen and (max-width: 1350px){
.mg-headwidget .navbar-wp .navbar-nav li.menu-item a {
    padding: 10px 10px;
    font-size: 10px;
}
}
@media screen and (max-width: 1280px){
.wc-post-main-content .wc-post-featured-image {
    width: 35%;
}
}
@media screen and (max-width: 767px){
.wc-post-main-content .wc-post-featured-image {
    width: 50%;
}
}
@media screen and (max-width: 575px){
    .wc-post-main-content .wc-post-featured-image {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }
}