/*
Theme Name: 	   NewsOnline
Text Domain: 	   newsonline
Template: 			newsmash
Version:            0.1
Tested up to:       7.0
Requires at least:  4.7
Requires PHP:       7.0
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Description:        NewsOnline is a responsive WordPress theme for news and magazine-style websites. It provides a clean layout focused on readability and structured content presentation. The theme includes basic customization options, custom widgets, and support for multiple post formats such as articles, images, videos, and galleries. It is designed to perform efficiently and adapt to different screen sizes, ensuring consistent display across desktop and mobile devices.
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.
 */
 
 :root {
    --dt-main-rgb: 70, 78, 252;
    --dt-black-color: #0a1233;
}

/* Header 8 */

.dt_header.header--eight .dt_header-topbar {
    background: var(--dt-main-color);
}

.dt_header.header--eight .dt_header-topbar .dt-current-date span {
    background-color: var(--dt-black-color);
}

.dt_header.header--eight .dt_mobilenav-topbar {
    background: #151515;
    border-bottom: 1px solid #ffffff1a;
}

.dt_header.header--eight .dt_header-topbar .dt_header-wrap .dt-user-login a {
    background-color: rgba(255, 255, 255, 0.3);
}

.dt_header.header--eight .dt_header-topbar .dt_header-wrap .dt-user-login a:focus {
    outline: 1px dashed;
}

.dt_header.header--eight .dt_header-topbar .dt_header-wrap .dt-user-login a:hover,
.dt_header.header--eight .dt_header-topbar .dt_header-wrap .dt-user-login a:focus,
.dt_header.header--eight .dt_mobilenav-topbar-content {
    color: #fff;
}

@media (min-width: 62em) {
    .dt_header.header--eight .site--logo {
        min-height: 13.7rem;
    }
}

.dt_header.header--eight .site--logo {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dt_header.header--eight .dt_navbar-menu.is--sticky.on {
    width: 100%;
    margin: 0;
}

.header--eight + .mainfeatured_section,
.header--eight + .hero-carousel {
    margin-top: 2.8rem;
}

.dt_header.header--eight .dt_mobilenav,
.dt_header.header--eight .dt_header-navwrapperinner {
    background: #000;
}

.dt_header.header--eight .dt_navbar-menu {
    gap: 1.6rem;
    justify-content: space-between;
    padding: 1.5rem 0;
}

.dt_header.header--eight .dt_navbar-wrapper.is--sticky.on,
.dt_header.header--eight .dt_navbar-wrapper {
    background: #151515;
    border-top: 1px solid #ffffff1a;
}

.dt_header.header--eight .dt_navbar-menu .dt_navbar-nav {
    text-align: center;
}

.dt_header.header--eight .dt_switcherdarkbtn.dt_navbar-switcherdarkbtn-item {
    position: relative;
    top: unset;
    right: unset;
    width: 3.4em;
    height: 1.8em;
    transform: none;
    z-index: unset;
}

.dt_header.header--eight .dt_switcherdarkbtn.dt_navbar-switcherdarkbtn-item .dt_switcherdarkbtn-left:before {
    top: 0.6rem;
    right: 2.9rem;
    transform: none;
}

.dt_header.header--eight .dt_switcherdarkbtn.dt_navbar-switcherdarkbtn-item .dt_switcherdarkbtn-left:after {
    width: 3.4em;
}

.dt_header.header--eight .dt_switcherdarkbtn.dt_navbar-switcherdarkbtn-item.active .dt_switcherdarkbtn-left:before {
    right: 0.9rem;
}

.header--eight .dt_navbar-menu .dt_navbar-list-right>li:not(:last-child) {
    margin-right: 1.8rem;
}

.header--eight .dt_navbar-menu .dt_navbar-cart-item .cart_count {
    top: -1rem;
    right: -1rem;
    background-color: var(--dt-main-color);
}

.header--eight .dt_navbar-menu .dt_navbar-cart-item .dt_navbar-cart-icon,
.header--eight .dt_navbar-menu .dt_navbar-search-item button.dt_navbar-search-toggle {
    background: transparent;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 0;
    box-shadow: none;
}

@media (min-width: 62em) {
    .header--eight .dt_navbar-search-item button.dt_navbar-search-toggle:focus,
    .header--eight .dt_navbar-cart-item:focus-within .dt_navbar-cart-icon {
        outline-offset: 7px;
        outline: 1px dashed;
    }
}

.header--eight .dt_navbar-nav .dt_navbar-mainmenu>.menu-item-has-children>a:after {
    color: currentcolor;    
}

.header--eight .dt_navbar-nav .dt_navbar-mainmenu>li>a {
    color: #fff;
}

.dt_header.header--eight .dt_navbar-menu .dt_navbar-left {
    max-width: 15%;
    flex-basis: 15%;
}

.dt_header.header--eight .dt_navbar-menu .dt_navbar-right {
    max-width: 15%;
    flex-basis: 15%;
}

.newsonline .dt_switcherdarkbtn:not(.dt_navbar-switcherdarkbtn-item) {
    display: none;
}

/* Menu Active Four */

.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li>a {
    margin: 0 1.2rem;
    padding: 4px 0;
    line-height: 1.25;
}

.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>.menu-item-has-children>a {
    padding-right: 1.8rem;
}

.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li>a:hover,
.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li.current-menu-item>a,
.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li.current_page_item>a,
.menu_active-four .dt_navbar-nav .dt_navbar-mainmenu>li.current-menu-ancestor>a {
    color: var(--dt-main-color);
}

/* Newsonline */

.newsonline .padding-30.rounded.bordered.dt-posts-module {
    border: none;
    padding: 0;
    border-radius: 0;
}

.newsonline .padding-30.rounded.bordered.dt-posts-module .post.post-list {
    margin-bottom: 0;
}

.newsonline .padding-30.rounded.bordered.dt-posts-module .post.post-list .thumb {
    max-width: 335px;
    flex-basis: 335px;
}

.newsonline .padding-30.rounded.bordered.dt-posts-module .post.post-list .thumb img {
    height: 260px;
}

@media only screen and (max-width: 767px) {
    .newsonline .padding-30.rounded.bordered.dt-posts-module .post.post-list .thumb {
        float: none;
        flex-basis: 100%;
        max-width: 550px;
    }
    .newsonline .padding-30.rounded.bordered.dt-posts-module .post.post-list .thumb img {
        height: 220px;
    }
}

.newsonline .post .category-badge a,
.newsonline .toptags-inner .title {
    border-radius: 0;
}