/*
Theme Name: Food News
Template: wp-newspaper
Author URI: https://wpmagplus.com
Author: wpmagplus
Description: Food News is a child theme of WP Newspaper. A Free WordPress Theme for Food News, Foodies, Receipe, Blogging, etc.
Requires at least: 5.0.0
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: food-news
Tags: right-sidebar, theme-options, featured-images, rtl-language-support, grid-layout, editor-style, custom-header, threaded-comments, custom-background, custom-colors, blog, footer-widgets, custom-logo, custom-menu

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.

Food News, Copyright 2022 WPMagPlus
Food News is distributed under the terms of the GNU GPL
*/


body {
    font-family: Montserrat;
}

section.top-bar {
    padding: 70px 0;
    background-color: #24262d;
}
.site-title a{color: #e5a81b;font-size: 100px;font-family: Oleo Script;}
header .logo .site-description {
    color: #ffffff;
}

a{color: #e5a81b;}

header .search-submit{background-color: #f0aa11;}
header .main-nav, .main-navigation .nav-menu {
    background-color: #e5a81b;
}
header .logo .site-title{line-height: normal;}

header .search-top .search-field{width: 115px;}
section.top-bar:before {
    background: #0a0a0a;
    opacity: 0.6;
}



.blog-news-title a {
    color: #333;
}

.featured-blog{margin-top: 75px;}

.featured-blog-view {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
.featured-blog-view .featured-blog-items:nth-child(2) {
    grid-row: span 2;
}
.featured-layout {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.featured-layout  .summary-excerpt {
    display: none;
}




.featured-layout .news-snippet {
    border-radius: 5px;
    min-height: 250px;
    background-color: #eee;
}

.featured-layout .news-snippet {
    border: none;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.news-snippet .featured-image {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}


.featured-layout .news-snippet .category-top {
    position: absolute;
    top: 10px;
    right: 10px;
}



span.category {
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 0;
}

.news-snippet .featured-image img {
    width: 100%;
    height: 100%;
}



.featured-layout .news-snippet .category a {
    margin-left: 5px;
    background-color: #e5a81b;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
}

.featured-layout .news-snippet .summary {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    padding: 15px;
    font-weight: 400;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
}

.featured-news-title a{color: #fff;}

.news-snippet .summary {
    width: 100%;
    float: left;
}

.featured-layout .info {
    margin: 5px 0;
}

.featured-layout .info ul {
    margin: 0;
    padding: 0;
}

.featured-layout .info ul li {
    display: inline-block;
    margin-right: 5px;
    padding: 0;
}

.featured-layout .info a {
    color: var(--white-color);
    font-size: 12px;
}



@media (max-width: 767px) {
    .featured-blog-view {
        display: grid;
        grid-template-columns: 1fr;
    }
}