/*
Theme Name: NewsCorn
Theme URI: https://themearile.com/newscorn-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: NewsCorn Magazine Theme for YANUS
Version: 4.3
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newscorn
*/

/*--------------------------------------------------
=>> Body Custom Background Css
--------------------------------------------------*/

body.custom-background .theme-bg-dark,
body.custom-background .theme-bg-default, 
body.custom-background .theme-blog.theme-bg-grey {
    background-color: transparent !important;
}

/*--------------------------------------------------------------
=>> Typography Css
--------------------------------------------------------------*/

.navbar.navbar-dark .nav .menu-item .nav-link {
    font-family: 'Source Sans Pro', sans-serif;
}
.navbar .nav .menu-item .dropdown-item {
    font-family: 'Source Sans Pro', sans-serif;
}

/*--------------------------------------------------------------
=>> YANUS Accent Color - Dunkelrot statt Orange
--------------------------------------------------------------*/

/* Alle orangen Elemente → Dunkelrot */
a {
    color: #8B0000;
}
a:hover {
    color: #5a0000;
}

/* Timer oben */
.time-area span,
.breaking-news-area,
.top-bar-area,
.header-top-bar {
    background-color: #8B0000 !important;
    border-color: #8B0000 !important;
    color: #ffffff !important;
}

/* Navbar Linie */
.navbar.navbar-dark {
    border-top: 3px solid #8B0000 !important;
    border-bottom: none !important;
    background-color: #1a1a1a !important;
}

/* Menü Links */
.navbar.navbar-dark .nav .menu-item .nav-link {
    color: #ffffff !important;
}
.navbar.navbar-dark .nav .menu-item .nav-link:hover {
    color: #8B0000 !important;
}

/* Kategorie Labels */
.entry-meta .cat-links .links-bg {
    background-color: #8B0000 !important;
    color: #ffffff !important;
}

/* Breadcrumb */
.page-breadcrumb a,
.breadcrumb-item a {
    color: #8B0000 !important;
}

/* Buttons */
.btn-primary,
.theme-btn {
    background-color: #8B0000 !important;
    border-color: #8B0000 !important;
    color: #ffffff !important;
}

/* Trending/Breaking News Bar */
.breaking-news-wrap,
.trending-news-wrap {
    background-color: #8B0000 !important;
    border-color: #8B0000 !important;
}

/* Scroll to top */
.scrollup,
#scroll-to-top {
    background-color: #1a1a1a !important;
}

/*--------------------------------------------------------------
=>> Logo and Banner
--------------------------------------------------------------*/

.logo-banner .site-title a { color: #ffffff; }

/*--------------------------------------------------------------
=>> Owl Slider Next - Prev Buttons
--------------------------------------------------------------*/

#news-slider-fluid.owl-carousel .owl-prev, 
#news-slider-fluid.owl-carousel .owl-next { 
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.1); 
    border: 1px solid #fff;
    opacity: 0.3;
    color: #fff; 
    font-size: 1.000rem; 
    line-height: 1.7;  
    padding: 0 !important;
    margin: 0px;
    -moz-border-radius: 1px; 
    -webkit-border-radius: 1px; 
    border-radius: 1px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#news-slider-fluid.owl-carousel .owl-prev { 
    right: 45px; 
} 
#news-slider-fluid.owl-carousel:hover .owl-prev,
#news-slider-fluid.owl-carousel:hover .owl-next { 
    opacity: 1; 
}
#news-slider-fluid.owl-carousel .owl-prev:hover, 
#news-slider-fluid.owl-carousel .owl-prev:focus, 
#news-slider-fluid.owl-carousel .owl-next:hover, 
#news-slider-fluid.owl-carousel .owl-next:focus { 
    background-color: rgba(0, 0, 0, 0.2); 
    color: #fff;
}

/*--------------------------------------------------------------
=>> Site Header
--------------------------------------------------------------*/

.site-header {
    background: #f6f6f6 !important;
    border-bottom: 3px solid #8B0000 !important;
}

/*--------------------------------------------------------------
=>> Blog Meta
--------------------------------------------------------------*/

.entry-meta > span { 
    margin: 0 0.875rem 0 0 !important;
}
.entry-meta > span i {
    margin-right: 0.350rem;
}
.entry-meta .avatar-default {
    margin-right: 0.350rem;
}

/* Category Colors */
.entry-meta .cat-links .links-bg:nth-child(1) {
    background: #8B0000;
    color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(2) {
    background: #1a2744;
    color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
    background: #2d6a4f;
    color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
    background: #6610f2;
    color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
    background: #0263D0;
    color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
    background: #333333;
    color: #fff;
}

/* Pagination */
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
    border: 1px solid #ebebeb;
}
.pagination a {
    background-color: #fff;
}
.pagination .current {
    background-color: #8B0000 !important;
    color: #fff !important;
}

/*--------------------------------------------------------------
=>> Sidebar Widgets
--------------------------------------------------------------*/

.sidebar.vrsn-three .widget {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.938rem 0.75rem;
    position: relative;
    -webkit-transition: all .1s;
    -ms-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}
.sidebar.vrsn-three .widget:hover {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
    border-top: 2px solid #8B0000;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;    
    transition: all .5s;
    transform: translateY(-5px);
}

/*--------------------------------------------------------------
=>> Theme Breadcrumb Area
--------------------------------------------------------------*/

#wrapper .page-breadcrumb { 
    background-color: #fff;
}

/*--------------------------------------------------------------
=>> Footer Section & Widgets
--------------------------------------------------------------*/

.site-footer-overlay::before {
    background: #1a1a1a;
}

.footer-sidebar .widget, 
.footer-sidebar .widget h1, 
.footer-sidebar .widget h2, 
.footer-sidebar .widget h3, 
.footer-sidebar .widget h4, 
.footer-sidebar .widget h5, 
.footer-sidebar .widget h6, 
.footer-sidebar .widget label {
    color: #cccccc !important;
}

.footer-sidebar .widget .wp-block-archives-list li a,
.footer-sidebar .widget .wp-block-categories-list li a,
.footer-sidebar .widget .wp-block-page-list li a, 
.footer-sidebar .widget ul.menu li.menu-item a,
.footer-sidebar .widget .wp-block-latest-posts li a {
    color: #cccccc !important;
}
.footer-sidebar .widget .wp-block-heading {
    color: #ffffff !important;
}
.site-footer .site-info {
    color: #999999;
}

/*--------------------------------------------------------------
=>> Responsive
--------------------------------------------------------------*/

@media (min-width: 200px) and (max-width: 991.98px) {
    #featured-news-slider.owl-carousel.three-three .post.overlay-news-area {
        margin-bottom: 0;
    }
}