/**
Theme Name: Blog Plus
Theme URI: https://themepalace.com/downloads/blog-plus/
Author: themepalace
Author URI: https://themepalace.com
Version: 1.0.2
Requires PHP: 5.6
Tested up to: 6.5
Requires at least: 5.0
Template: blog-diary
Text Domain: blog-plus
Description: Blog Plus ( Child theme of blog diary ) is a new generation WordPress personal blog theme, that can give your readers an immersive browsing experience. Blog Plus theme is fully compatible with Gutenberg Content Editor. It is designed for the personal blog, blogger, journal, lifestyle, magazine, photography, editorial, traveler. This theme will help you create a simple and clean blog. If you are a blogger, then it’s a perfect choice for you if you don’t need to have any experiment to set up your WordPress personal blog. It’s super simple and easy to set up and you will get the high quality, responsive, well-crafted blog out of the box to make writers only focus on writing content.
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, 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.
*/

#top-navigation {
    background-color: #212121;
    position: relative;
}
#featured-slider article,
#latest-post .featured-image,
#must-read .featured-image,
.archive-blog-wrapper article.has-post-thumbnail .featured-image,
.widget_popular_post img, 
.widget_recent_post img, 
.widget_featured_post img {
    border-radius: 0;
}
#must-read .entry-container {
    position: relative;
    z-index: 1;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.archive-blog-wrapper article.has-post-thumbnail:nth-child(even) .featured-image {
    float: right;
}
.archive-blog-wrapper article.has-post-thumbnail:nth-child(even) .entry-container {
    float: left;
}
.load-more {
    margin-top: 50px;
    text-align: center;
}
.load-more  .btn {
    background-color: #865fc1;
}
.load-more .btn:hover,
.load-more .btn:focus {
    background-color: #212121;
}
#instagram .section-header {
    margin-bottom: 20px;
}
#instagram .col-4 {
    margin: 0 -5px;
}
#instagram article {
    padding: 0 5px;
    margin-bottom: 10px;
}
#instagram img {
    width: 100%;
    object-fit: cover;
}
#latest-post,
.archive-blog-wrapper,
#secondary .widget {
    border-radius: 0;
}
#latest-post .entry-container {
    text-align: center;
}
.load-more .btn:hover, 
.load-more .btn:focus {
    text-decoration: none;
}
#page-site-header {
    padding: 200px 50px;
    text-align: left;
}

#must-read .entry-container {
    text-align: center;
}

.section-title {
    text-align: center;
}

.btn{   
    border-radius: 0px;
}



#site-navigation {
    background-color: #865fc1;
}

#secondary .widget-title{
    background-color: #865fc1;
}




@media screen and (min-width: 767px) {
    #instagram .col-4 .hentry {
        width: 50%;
        float: left;
    }
    #featured-slider .entry-container {
        position: absolute;
        bottom: auto;
        padding: 50px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        text-align: center;
        max-width: 600px;
        margin: auto;
    }
}

@media screen and (min-width: 992px) {
    #instagram .col-4 .hentry {
        width: 25%;
    }
}

@media screen and (min-width: 1024px) {
    #top-navigation .main-navigation ul.nav-menu > li > a {
        color: #fff;
    }
    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a, 
    #top-navigation .main-navigation ul.nav-menu > li > a:hover, 
    #top-navigation .main-navigation ul.nav-menu > li > a:focus, 
    #top-navigation .main-navigation ul.nav-menu > li:hover > a {
        color: #b4b4b4;
        background-color: #000;
    }
    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a svg, 
    #top-navigation .main-navigation ul.nav-menu > li > a:hover svg, 
    #top-navigation .main-navigation ul.nav-menu > li:hover > a svg,
     #top-navigation .social-icons li a svg {
        fill: #b4b4b4;
    }
    .main-navigation form.search-form input {
        background-color: #333;
        color: #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, 
    .main-navigation ul.nav-menu .focus > a {
        color: #b4b4b4;
        background-color: #000;
    }

    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a svg, #top-navigation .main-navigation ul.nav-menu > li > a:hover svg, #top-navigation .main-navigation ul.nav-menu > li:hover > a svg, #top-navigation .social-icons li a svg {
            fill: #fff;
    }

    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a, #top-navigation .main-navigation ul.nav-menu > li > a:hover, #top-navigation .main-navigation ul.nav-menu > li > a:focus, #top-navigation .main-navigation ul.nav-menu > li:hover > a {
        color: #fff;
        background-color: #865fc1;
    }

    #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, .main-navigation ul.nav-menu .focus > a {
        color: #fff;
    }
}