/*
Theme Name: Newstack
Theme URI: https://themeansar.com/free-themes/newstack-free-blog-magazine-elementor-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Newstack 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. Newstack 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. Newstack is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/newstack/ and documentation at https://docs.themeansar.com/docs/newsup/
Version: 2.6
Requires PHP: 7.4
Requires at least: 6.6
Tested up to: 6.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newstack
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

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

Newstack 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{
	--bodyFont: 'Inter', sans-serif;
	--headFont: "Poppins", sans-serif;
}
a:focus {
    outline: 1px solid;
}

span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
.mg-social li span.icon-soci { 
    float: unset;
}
.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;
}
.logo-auto {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.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-blog-post.lg.mins {
	width: 100%;
	height: 222.5px;
	margin-bottom: 30px;
}
.mg-blog-post.lg.mins h4.title {
	font-size: 22px;
}
.mg-blog-post-box .mg-header {
    padding: 20px 20px;
}
footer .site-description {
    letter-spacing: 1.2px; 
}
.mg-headwidget .site-branding-text .text-center {
    color: #fff;
    text-align: center;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { 
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}
.mg-social.info-right a:focus{
    outline: none;
}
.mg-nav-widget-area .navbar-brand{
    margin-right: 0;
}
.comment-detail .edit-link a, 
.comment-detail .reply a, 
pre.wp-block-code a {
    text-decoration: underline;
}
.mg-latest-news .mg-latest-news-slider{
    left: 185px;
}
div.mg-latest-news .bn_title span {
    border: none;
    top: unset;
    right: unset;
}
.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2, .mg-sidebar .mg-widget .wtitle, .mg-sec-title h4, footer .mg-widget h6{
    padding-right: 15px;
}
:is(.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2, .mg-sidebar .mg-widget .wtitle, .mg-sec-title h4, footer .mg-widget h6)::before{
    display: none;
}
.mg-blog-category a{
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.mg-sidebar .mg-widget .wtitle{
    font-weight: 700;
}
.mg-posts-modul-6 .mg-sec-top-post .title{
    font-size: 24px;
    line-height: 1.5;
}
.mg-posts-sec-inner .mg-posts-sec-post, .mg-sidebar .mg-widget{
    box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    border-radius: 0;
    border: none;
}
.mg-sidebar .mg-widget.widget_search:not(:has(.wp-block-search__button-outside)){
    padding-top: 0;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    align-items: center;
}
.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden){
    padding-left: 0;
    padding-right: 0;
}
.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden) .wp-block-search__label{
    margin-left: 0;
}
.mg-posts-modul-6 .mg-post-thumb{
    margin-right: -5px;
}
.mg-tpt-tag-area, .mg-latest-news-sec{
    margin-top: 20px;
    padding: 0;
}
.mg-tpt-tag-area .mg-tpt-txnlst{
    padding: 2px 5px;
}
.mg-latest-news-sec{
    box-shadow: none;
}
.mg-latest-news-sec .mg-latest-news{
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}

/* Animation */
.mg-latest-news .bn_title .title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-right: 8px;
}
/* The icon */
.bn_title .title::before {
    display: none !important;
    content: none !important;
}

/* Ripple animation container (behind icon) */
.bn_title .title::after {
    content: "";
    position: absolute;
    left: 26px;       /* adjust position relative to icon */
    top: 50%;
    transform: translateY(-50%) translateX(0);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    animation: zoom 2s linear infinite;
    z-index: 1;
}
/* Additional ripples */
.bn_title .title span::before,
.bn_title .title span::after {
    content: "";
    position: absolute;
    right: -41px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    z-index: 1;
}
.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;
}

.bn_title .title span::before {
    animation: zoom 2s linear 0.5s infinite;
}

.bn_title .title span::after {
    animation: zoom 2s linear 1s infinite;
}
@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

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

@media (min-width: 1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}
@media (max-width: 991px) {
	.navbar-wp .navbar-nav > li> a i {
    	display: none;
	}	
    #menu-primary li.active.home {
        display: none;
    }
    .m-header {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }
    .desk-header {
        display: none;
    }
}
@media (max-width: 767px) and (min-width: 576px) {
    .mg-fea-area .col-md-3 {
        display: flex;
    }
    .mg-fea-area .mg-blog-post.lg.mins {
        margin: 0 5px 30px 0;
    }
    .mg-fea-area .col-md-3.top-right-area{
        display: block;
    }
}
@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);
    }
}
@media (min-width: 240px) and (max-width: 576px){
    .mg-fea-area .mg-blog-post.lg.mins,.mg-fea-area  .mg-posts-sec {
        margin-bottom:20px;
    }

    .mg-fea-area .mr-bot60 {
        margin-bottom: 50px;
    }
}

/* Desktop Home icon - Newstack exact selector */
@media (min-width: 992px){

    .navbar-wp .navbar-nav > li.menu-item > a[title="Home"]{
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .navbar-wp .navbar-nav > li.menu-item > a[title="Home"]::before{
        content: "\f015";
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 20px;
        color: #fff;
        display: inline-block;
        line-height: 30px;
    }
}


/* Perfectly center all social icons */
.mg-social li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px;
    height:40px;
}

.mg-social .icon-soci{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:40px !important;
    background:transparent !important;
}

.mg-social .icon-soci i{
    font-size:20px !important;
    line-height:1 !important;
    display:block !important;
}

/* Remove camera icon from posts */
.post-form,
.post-form i,
span.post-form {
    display: none !important;
}


/* ==============================
   News ticker logo separator
   ============================== */

/* Remove old arrows/icons */
.mg-latest-news-slider a::before,
.mg-latest-news-slider a::after{
    content:none !important;
    display:none !important;
}

/* Keep news items aligned */
.js-marquee a{
    display:inline-flex !important;
    align-items:center !important;
}

/* Add Altaleaa logo between news items */
.js-marquee a::after{
    content:"" !important;
    display:inline-block !important;

    width:30px;
    height:18px;

    margin:0 14px;

    background:url('/wp-content/uploads/2026/05/logo-ticker.png') center center no-repeat;
    background-size:contain;
}



/* Weather widget full width */
#ww_7699dbffd9bf8{
    width:100% !important;
    max-width:none !important;
}

#ww_7699dbffd9bf8 iframe{
    width:100% !important;
    max-width:none !important;
}

/* Widget container */
.mg-widget iframe,
.mg-widget #ww_7699dbffd9bf8{
    width:100% !important;
}



/* ==========================
   News image hover effects
   ========================== */

/* Header / slider background images */
.mg-blog-post{
    overflow:hidden !important;
    transition:all .4s ease;
}

.mg-blog-post:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.mg-blog-post.back-img{
    background-size:100% auto !important;
    transition:background-size .6s ease, transform .4s ease, filter .6s ease !important;
    background-position:center center !important;
}

.mg-blog-post.back-img:hover{
    background-size:110% auto !important;
    filter:brightness(1.08) contrast(1.05);
}

/* Middle post image zoom effect */
.mg-posts-sec-post .mg-post-thumb.back-img{
    overflow:hidden !important;
    transition:background-size .6s ease, filter .6s ease !important;
    background-size:100% auto !important;
    background-position:center center !important;
}

.mg-posts-sec-post:hover .mg-post-thumb.back-img{
    background-size:110% auto !important;
    filter:brightness(1.08) contrast(1.05);
}

/* Middle post card lift */
.mg-posts-sec-post{
    transition:transform .35s ease, box-shadow .35s ease !important;
}

.mg-posts-sec-post:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
}

/* Title hover */
.mg-posts-sec-post h4,
.mg-blog-post h4{
    transition:.3s ease;
}

.mg-posts-sec-post:hover h4,
.mg-blog-post:hover h4{
    color:#8b1e1e;
}

/* Category hover */
.newsup-categories{
    transition:.3s ease;
}

.mg-posts-sec-post:hover .newsup-categories,
.mg-blog-post:hover .newsup-categories{
    transform:translateY(-2px);
}

/* Better title readability on image cards */
.mg-blog-post h4,
.mg-blog-post .title{
    text-shadow:0 2px 8px rgba(0,0,0,.5);
}


/* You Missed section hover effects */
.missed-inner .mg-blog-post-3.back-img{
    overflow:hidden !important;
    background-size:100% auto !important;
    background-position:center center !important;
    transition:background-size .6s ease, transform .35s ease, filter .6s ease, box-shadow .35s ease !important;
}

.missed-inner .mg-blog-post-3.back-img:hover{
    background-size:110% auto !important;
    transform:translateY(-4px);
    filter:brightness(1.08) contrast(1.05);
    box-shadow:0 12px 28px rgba(0,0,0,.15);
}

.missed-inner .mg-blog-post-3 h4{
    transition:.3s ease;
}

.missed-inner .mg-blog-post-3:hover h4{
    color:#8b1e1e;
}

.missed-inner .mg-blog-post-3:hover .newsup-categories{
    transform:translateY(-2px);
}


/* Apply Hacen Tunisia to whole website */

body,
p,
span,
a,
li,
div,
input,
textarea,
button,
select {
    font-family: "Hacen Tunisia", sans-serif !important;
}

/* Headlines */

h1,
h2,
h3,
h4,
h5,
h6,
.mg-sec-title h4,
.mg-blog-post h4,
.mg-posts-sec-post h4,
.navbar-wp .navbar-nav > li > a,
.newsup-categories {
    font-family: "Hacen Tunisia", sans-serif !important;
}


/* Font size scale */
body{
    font-size:18px !important;
}

/* Menu */
.navbar-wp .navbar-nav > li > a{
    font-size:17px !important;
}

/* News ticker */
.mg-latest-news-slider a,
.mg-latest-news-slider span{
    font-size:17px !important;
}

/* Main slider titles */
.mg-blog-post h4.title,
.mg-blog-post .title{
    font-size:30px !important;
    line-height:1.3 !important;
}

/* Middle post titles */
.mg-posts-sec-post h4,
.mg-posts-sec-post .title{
    font-size:26px !important;
    line-height:1.4 !important;
}

/* Sidebar titles */
.mg-sidebar h5,
.mg-sidebar .title{
    font-size:20px !important;
    line-height:1.4 !important;
}

.newsup-categories,
.mg-blog-category a{
    font-size: 15px !important;
    padding: 8px 10px !important;
    font-weight: 100 !important;
}