/*
Theme Name: Blog News
Theme URI: https://codeworkweb.com/wordpress-themes/blog-news/
Template: xews-lite
Text Domain: blog-news
Author: Code Work Web
Author URI: https://codeworkweb.com/
Description: Discover the ideal solution for your blog, magazine, or news website with our feature-rich online magazine theme. This theme is packed with effective features that will help your website stand out from the competition and take your online publication to new heights. Get free support at https://codeworkweb.com/contact/ and Check demo at https://demo.codeworkweb.com/xews/
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,sticky-post,rtl-language-support,custom-colors,news,blog
Version: 1.0.2
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.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.

News Magazine is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
.site-main .inner-content-wrapp article,
.site-main .widget {
    background: #fff;
    padding: 30px;
    box-shadow: 0 1px 3px rgb(0 0 0/15%);
}

article:not(:first-child) {
    margin-top: 35px;
}

body.blog-list .wrapp-inner {
    padding-right: 0;
}

.widget.widget_block {
    margin-bottom: 35px;
}

.xews-archive-navigation {
    margin: 25px 0;
}

ul.wp-block-categories-list.wp-block-categories li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
}

ul.wp-block-categories-list.wp-block-categories li:last-child {
    border: none;
}

ul.wp-block-categories-list.wp-block-categories {
    margin: 0;
    padding: 0;
}

.widget-area .wp-block-categories a {
    padding: 12px 0;
}

.blog-list.sidebar-right .img-wrapp a.post-thumbnail img,
.blog-list.sidebar-left .img-wrapp a.post-thumbnail img {
    min-height: 250px;
}

.blog-list article:not(:first-child),
.blog-list-alternate article:not(:first-child),
body.blog-list .wrapp-inner {
    border: none;
}

/**
* Dark mode
*/
[data-theme="dark"] body.custom-background {
    background-color: var(--theme-darkmode-bg-color);
}

[data-theme="dark"] .site-main .inner-content-wrapp article,
[data-theme="dark"] .site-main .widget {
    background: #1d3140;
}

/**
* element designs
*/
.code-wrapp.module1 .blog-outer-wrapp.col-3 {
    background: #fff;
}

.code-wrapp.module2.layout-1 .blog-outer-wrapp.col-1 {
    background: #fff;
    padding: 30px !important;
}

.code-wrapp.module2.layout-1 .blog-inner-wrapp img {
    object-fit: cover;
    min-height: 150px;
}

/**
* News Ticker
*
*/
ul.xews-news-ticker-content {
    width: 88%;
    margin: 0;
    padding: 0;
}

ul.xews-news-ticker-content li a {
    text-decoration: none;
}


.xews-ticker-wrapper ul {
    visibility: hidden;
}

.xews-ticker-wrapper ul.slick-initialized {
    visibility: visible;
}

.xews-news-ticker-content {
    margin: 0;
    padding: 0;
}

.xews-news-ticker-content li a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
}


.xews-ticker-wrapper .inner-wrapper.cww-flex {
    justify-content: flex-start;
}

.xews-ticker-wrapper ul {
    width: 80%;
    position: relative;
}

.ticker-label.layout-two:after {
    content: '';
    position: absolute;
    right: -15px;
    border: 8px solid transparent;
    top: 50%;
    transform: translateY(-50%)
}

.ticker-label {
    position: relative;
}

.xews-ticker-wrapper span.xews-news-ticker-date {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.xews-ticker-wrapper .slick-prev.slick-arrow,
.xews-ticker-wrapper .slick-next.slick-arrow {
    position: absolute;
    font-size: 0;
    background: transparent;
    border: 1px solid #ccc;
    padding: 7px 10px;
    border-radius: 0;
    z-index: 99999;
    transform: none;
    height: auto;
    width: auto;
}

.side-menu-active .xews-ticker-wrapper .slick-prev.slick-arrow,
.side-menu-active .xews-ticker-wrapper .slick-next.slick-arrow,
.side-menu-active .xews-header-container.menu-fixed-triggered {
    z-index: 1;
}

.xews-ticker-wrapper .slick-arrow.slick-prev {
    top: 0;
    left: 88%;
}

.xews-ticker-wrapper .slick-arrow.slick-next {
    right: 10px;
    top: 0;
}

.xews-ticker-wrapper .slick-arrow.slick-next:hover,
.xews-ticker-wrapper .slick-arrow.slick-prev:hover {
    cursor: pointer;
    border-color: var(--theme-color);
    background: var(--theme-color);
}

.xews-ticker-wrapper .slick-arrow.slick-next:hover:before,
.xews-ticker-wrapper .slick-arrow.slick-prev:hover:before {
    color: #fff
}

.xews-ticker-wrapper .slick-prev:before,
.xews-ticker-wrapper .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f053";
    font-size: 12px;
    color: #ccc;
}

.xews-ticker-wrapper .slick-next:before {
    content: "\f054";
}

.xews-ticker-wrapper span.label-icon {
    margin-right: 5px;
}

.ticker-label.layout-two:after {
    border-left-color: var(--theme-color);
}

.top-header.xews-header-container {
    background-color: #1d3140;
}

/**
*/
.site-main aside.widget-area.secondary {
    margin-top: 35px;
}

/**
* Dark mode
*/
[data-theme="dark"] .code-wrapp.module2.layout-1 .blog-outer-wrapp.col-1 {
    background: #1d2d37;
}

[data-theme="dark"] .code-wrapp.module2.layout-1 .blog-outer-wrapp.col-1:not(:last-child) {
    border-color: #1d2d37;
}

[data-theme="dark"] .code-wrapp.module1 .blog-outer-wrapp.col-3 {
    background: #142028;
}

[data-theme="dark"] .bottom-header.xews-header-container {
    background-color: #1f3241;
}

[data-theme="dark"] .site-title a,
[data-theme="dark"] .main-navigation .menu-primary-menu-container ul li a,
[data-theme="dark"] .menu-primary-menu-container>ul>li .sub-menu li:hover>a,
[data-theme="dark"] .menu-primary-menu-container>ul>li .sub-menu li:focus-within>a,
[data-theme="dark"] button.xews-dark-mode-toggle {
    color: #fff;
}

[data-theme="dark"] .main-navigation .menu-primary-menu-container ul li .sub-menu a {
    color: #333;
}

/**
* Header
*/
.main-header.xews-header-container {
    display: none;
}

.xews-ticker-wrapper {
    width: 70%;
}

.bottom-header.xews-header-container {
    background-color: #fff;
}

.main-navigation .menu-primary-menu-container ul li a {
    color: #333;
}

button.xews-dark-mode-toggle {
    color: #333;
}

@media only screen and (max-width: 750px) {
    .xews-ticker-wrapper {
        margin-bottom: 10px;
    }

}

@media only screen and (max-width: 768px) {
    .xews-ticker-wrapper {
        width: 70%;
    }

    .xews-ticker-wrapper {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .xews-ticker-wrapper {
        width: 80%;
    }
}

@media only screen and (max-width: 600px) {
    .top-header.xews-header-container {
        background-color: #1d3140;
        padding-top: 60px;
    }

    .top-header.xews-header-container {
        padding-top: 60px;
    }
}