/**
Theme Name: Better News Vibe
Theme URI: https://themepalace.com/downloads/better-news-vibe/
Author: themepalace
Author URI: https://themepalace.com
Version: 1.0.2
Requires PHP: 5.6
Tested up to: 6.0
Requires at least: 5.0
Template: news-vibe
Text Domain: better-news-vibe
Description: Better News Vibe theme is a complete magazine theme, a child theme of News Vibe. Better News Vibe theme is excellent for news, magazines, publishing, and review sites. Amazing, fast-loading modern magazine theme for personal or editorial use. The theme is highly customizable, it has a custom options panel with the WordPress live customizer. You can effortlessly adjust the website without having to look at the code. Browser Compatibility is one of the best features of Better News Vibe. The users who may use different browsers can access your website from all of them.
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, three-colums, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.
*/




li.home-icon {
    background-color: #e5383e;
}


.section-header,
.widget-header {
    background-color: #333;
    margin: 0 0 23px;
    padding: 10px 20px;
}
.section-title,
.widget-title,
#colophon .widget-title {
    margin: 0;
    color: #fff;
}
.section-header:after, 
.widget-header:after {
    display: none;
}
.section-header:before,
.widget-header:before {
    background-color: #e5383e;
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#top-navigation{
    border-bottom: 5px solid #e5383e;
}
#site-navigation {
    border-top: 5px solid #e5383e;
    border-bottom: 5px solid #e5383e;
}
#tags {
    margin-top: 15px;
}

#breaking-news {
    margin-top: 10px;
}

.breaking-news-slider article {
    margin-top: 0px;
}

#breaking-news .news-title:after {
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 15px solid #e5383e;
}

#breaking-news .news-title {
    padding: 14px 20px;
}

.breaking-news-item-wrapper .featured-image, .breaking-news-item-wrapper .featured-image img {
    height: auto;
    width: auto;
    display: none;
}

.tags-wrapper span {
    font-size: 18px;
    float: left;
    margin-right: 25px;
    font-weight: bold;
}
.tags-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tags-wrapper li {
   display: inline-block;
   margin-bottom: 10px;
}
#tags ul li a {
    padding: 5px 15px;
    border-radius: 2px;
    font-weight: 600;
    background-color: #ecebeb3d;
    color: #333;
}
#tags ul li a:hover {
    background-color: #e5383e;
    color: #fff;
}
.breaking-news-slider article {
    margin-top: 0px;
}
#breaking-news .slick-arrow {
    height: 50px;
}

#breaking-news .slick-next {
    right: -10px;
}
#breaking-news .slick-prev {
    right: 30px;
}
#featured-posts .footer-meta,
#latest-posts .min-read,
#posts-slider .footer-meta,
#popular-posts .min-read,
#most-viewed-posts .min-read  {
   visibility: hidden;
   opacity: 0;
}
#featured-posts article:hover .footer-meta,
#latest-posts .featured-image:hover span.min-read,
#posts-slider article:hover .footer-meta,
#popular-posts .featured-image:hover span.min-read,
#most-viewed-posts .featured-image:hover span.min-read {
   visibility: visible;
   opacity: 1;
}
.widget.widget_popular_news ul li {
    background-color: #ecebeb3d;
}
#main-posts-wrapper.left-sidebar #secondary-sidebar .widget_recent_news ul li,
#secondary .widget_recent_news ul li {
    display: table;
    width: 100%;
    position: relative;
    background-color: #ecebeb3d;
}
#main-posts-wrapper.left-sidebar #secondary-sidebar .widget_recent_news ul li img,
#secondary .widget_recent_news ul li img {
    width: 110px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: table-cell;
}
#main-posts-wrapper.left-sidebar #secondary-sidebar .widget_recent_news ul li .entry-container,
#secondary .widget_recent_news ul li .entry-container  {
    padding: 10px 10px 10px 130px;
    display: table-cell;
}


@media screen and (min-width: 1025px) {
    #masthead .home-icon > a svg.icon-home {
        fill: #fff;
    }
    #masthead .main-navigation ul.nav-menu li.current-menu-item > a, 
    #masthead .main-navigation ul.nav-menu > li > a:hover, 
    .main-navigation ul.nav-menu li:hover > a {
        background-color: #e5383e;
        color: #fff;
    }
    #featured-posts article:nth-child(1n) {
        width: 33.2%;
    }
    #featured-posts article:nth-child(2n) {
        width: 66.8%;
    }

    #top-navigation .main-navigation ul.nav-menu > li > a{
        color: #fff;
    }
}

@media screen and (min-width: 567px){
    #latest-posts .half-width, #latest-posts .full-width {
        width: 50%;
        float: right;
        padding: 0 15px;
    }
}