/*
Theme Name: 	   NewsMemo
Text Domain: 	   newsmemo
Template: 			newsmunch
Version:            0.3
Tested up to:       6.9
Requires at least:  4.7
Requires PHP:       7.0
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/newsmemo-free/
Description:        NewsMemo is a fast, clean, Best Responsive News Magazine WordPress theme. NewsMemo 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. With its modern and clean design, NewsMemo offers a visually appealing layout that is easy to navigate, making it ideal for delivering content to your readers. This theme comes equipped with a range of customizable options, custom widgets, and color schemes, allowing you to tailor your website to your specific needs and branding. It also supports various post formats, making it easy to present a variety of content types, from articles and videos to images and galleries. NewsMemo is optimized for speed and SEO, ensuring that your website loads quickly and ranks well in search engine results. Its responsive design ensures that your content looks great on all devices, whether it's a desktop computer, tablet, or smartphone. NewsMemo demos https://preview.desertthemes.com/newsmunch/
Tags:               blog, e-commerce, entertainment, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --dt-main-rgb: 17, 81, 211;
    --dt-secondary-color: #202F5B;
    --dt-title-family: "Josefin Sans", sans-serif;
    --dt-base-family: "Josefin Sans", sans-serif;
}

/* Header 12 */

.header--twelve .dt_navbar-nav .dt_home-icon a:focus {
    outline: 1px dotted;
    outline-offset: -4px;
}

.header--twelve .dt_navbar-wrapper.is--sticky.on .dt_navbar-inner {
    display: none;
}

.header--twelve.menu_active-default .dt_navbar-nav .dt_home-icon a,
.header--twelve.menu_active-one .dt_navbar-nav .dt_home-icon a,
.header--twelve.menu_active-two .dt_navbar-nav .dt_home-icon a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_home-icon a {
    background-color: rgba(0, 0, 0, .1);
}

.header--twelve .dt_navbar-menu .dt_navbar-sidebar-item .dt_navbar-sidebar-toggle,
.header--twelve .dt_navbar-sidebar-toggle:hover .dt_navbar-sidebar-toggle-inner,
.header--twelve .dt_navbar-sidebar-toggle:focus .dt_navbar-sidebar-toggle-inner,
.header--twelve .dt_navbar-nav .dt_home-icon a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>.menu-item-has-children>a:after,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li:not(:hover, .focus, .active)>a {
    color: #fff;
}

@media (min-width: 62em) {
    .header--twelve sup.menu-badge {
        top: -1px;
    }
}

.header--twelve .dt_navbar-menus {
    background-color: var(--dt-main-color);
}

.header--twelve .dt_navbar-wrapper .dt_navbar-inner .dt-row .dt-col-md:first-child .dt_navbar-right > ul {
    padding-left: 0;
    padding-right: 1.2rem;
    justify-content: start;
}

.header--twelve .dt_navbar-wrapper .dt_navbar-inner .site--logo{
    text-align: center;
}

.header--twelve {
    background-color: #fff;
}

.dark .header--twelve {
    background-color: var(--dt-secondary-color);
}

.header--twelve .dt_header-navwrapper .dt_navbar-inner .dt-py-5 {
    padding-top: 6rem;
}

.header--twelve .dt_header-topbar + .dt_header-navwrapper .dt_navbar-inner .dt-py-5 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}

.header--twelve .dt_navbar-wrapper .dt_navbar-menu {
    justify-content: space-between;
}

.header--twelve .dt_navbar-menus .dt_navbar-menu .dt_navbar-nav {
    padding: 0 4.1rem;
    text-align: center;
    justify-content: center;
}

.header--twelve .dt_navbar-subscribe-item .dt-subscribe,
.header--twelve .dt_navbar-login-item .dt-user-login,
.header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon,
.header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle {
    width: 3.8rem;
    height: 3.8rem;
    box-shadow: none;
}

@media (min-width: 62em) {
    .header--twelve .dt_navbar-subscribe-item .dt-subscribe,
    .header--twelve .dt_navbar-login-item .dt-user-login,
    .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon,
    .header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle {
        background-color: transparent;
        border: solid 1px rgba(189, 189, 189, 0.4);
    }
    
    .header--twelve .dt_navbar-subscribe-item .dt-subscribe,
    .header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle {
        color: #fff;
        border: solid 1px rgba(255, 255, 255, 0.4);
    }

    .header--twelve .dt_navbar-login-item .dt-user-login,
    .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon {
        color: var(--dt-secondary-color);
    }
    
    body.dark .header--twelve .dt_navbar-login-item .dt-user-login,
    body.dark .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon {
        color: #fff;
    }
}


.header--twelve + .exclusive-wrapper {
    background-color: transparent;
    box-shadow: none;
}

.header--twelve + .exclusive-wrapper .exclusive-posts {
    padding: 1.2rem;
    margin-top: 30px;
    background: var(--dt-white-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.header--twelve + .exclusive-wrapper .exclusive-tags + .exclusive-posts {
    margin-top: 0;
}

/* Section title five */

.dt-section--title-five .widget-header {
    z-index: 0;
}

.dt-section--title-five .widget-header .widget-title,
.dt-section--title-five .widget .wp-block-search__label,
.dt-section--title-five .widget .wp-block-heading {
    font-size: 1.8rem;
    position: relative;
    font-weight: 700;
    letter-spacing: .25px;
    width: auto;
    display: inline-flex;
    color: #fff;
    background: var(--dt-main-color);
    padding: 7px 14px;
    text-align: start;
    line-height: 1.2;
    gap: 8px;
    align-items: center;
}

.dt-section--title-five .widget-header .widget-title::after,
.dt-section--title-five .widget .wp-block-search__label::after,
.dt-section--title-five .widget .wp-block-heading::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 10000%;
    top: 50%;
    left: 0;
    border: solid 0px rgba(189, 189, 189, 0.4);
    border-width: 1px 0;
    transform: translateY(-50%);
    z-index: -1;
}

.dt-section--title-five .widget-header .widget-title::before,
.dt-section--title-five .widget .wp-block-search__label::before,
.dt-section--title-five .widget .wp-block-heading::before {
    content: "\f061";
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: rotate(-45deg);
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
}

.main-banner-section.radius .featured-post-lg {
    overflow: hidden;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .main-banner-section.slider-4 .post_columns-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}