/*
Theme Name: Fashion News
Template: wp-newspaper
Author URI: https://wpmagplus.com
Author: wpmagplus
Description: Fashion News is a child theme of WP Newspaper. A Free WordPress Theme for Fashion News, Stories, 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: fashion-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.

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


body {
    font-family: Montserrat;
}

section.top-bar {
    padding: 25px 0;
    background: #87319f;
}
.site-title a{color: #fff;}

a{color: #b533db;}

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

header .search-top .search-field{width: 115px;}

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

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

.featured-blog-view-1 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
}

.featured-layout {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

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


.featured-blog-view-1 .featured-blog-items:first-child {
    grid-row-start: 1;
    grid-row-end: 3;
}

.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 span.category.lifestyle a {
    background-color: #b533db;
}

.featured-layout .news-snippet .category a {
    margin-left: 5px;
    background-color: #b533db;
    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-1 {
	    display: grid;
	    grid-template-columns: 1fr;
	}
}