/**
Theme Name: Blog Art
Theme URI: https://creativthemes.com/downloads/blog-art
Author: creativthemes
Author URI: https://creativthemes.com
Version: 1.1
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.1
Template: blog-mall
Text Domain: blog-art
Description: Blog Art is a clean and minimal blog for the users who want to create simple blog with amazing features. This theme is suitable for personal blogs, fashion, lifestyle blogs, craft galleries, photography sites and similar projects. This is a child theme of Blog Mall.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.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.
*/

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
#top-bar,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.menu-toggle:hover,
.menu-toggle:focus,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.tags-links a,
.reply a,
.btn,
.slick-prev,
.slick-next,
.slick-dots li button:hover,
.slick-dots li.slick-active button,
#featured-slider .featured-image,
#featured-gallery .featured-image:before,
.video-button i,
.widget_tag_cloud .tagcloud a,
#colophon .widget_search form.search-form button.search-submit,
.backtotop,
#featured-gallery .featured-image {
    background-color: #6ca12b;
}

.logged-in-as a:hover,
.logged-in-as a:focus,
a,
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a,
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
#secondary a:hover,
#secondary a:focus,
.page-header small,
.post-categories a,
.cat-links:before,
.entry-meta a:hover,
.entry-meta a:focus,
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time,
.entry-title a:hover,
.entry-title a:focus,
.video-button a:hover i,
.video-button a:focus i,
#colophon a:hover,
#colophon a:focus {
    color: #6ca12b;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.widget_search form.search-form input[type="search"]:focus,
.tags-links a,
.reply a,
.btn {
    border-color: #6ca12b;
}

#secondary ul li a:hover,
#secondary ul li a:focus {
    border-bottom-color: #6ca12b;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

body,
.main-navigation a {
    font-family: 'Lato', sans-serif;
}

/*--------------------------------------------------------------
# Title Fonts
--------------------------------------------------------------*/
#featured-posts .entry-title,
.blog-posts-wrapper .entry-title {
    font-size: 18px;
}
#featured-gallery .entry-title {
    font-size: 14px;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 767px) {
    #featured-slider .featured-image {
        position: relative;
        width: 100%;
        display: block;
        padding: 200px 0;
    }
    #featured-slider .entry-container {
        width: 100%;
        display: block;
        float: none;
        padding: 30px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        max-width: 600px;
        margin: 0 auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #featured-slider .slick-prev {
        left: 50px;
    }
    #featured-slider .slick-next {
        right: 50px;
        margin-left: 0;
        left: auto;
    }
    #featured-slider .entry-title {
        font-size: 26px;
    }
}

@media screen and (min-width: 1024px) {
    .main-navigation ul.nav-menu .current_page_item > a, 
    .main-navigation ul.nav-menu .current-menu-item > a, 
    .main-navigation ul.nav-menu .current_page_ancestor > a, 
    .main-navigation ul.nav-menu .current-menu-ancestor > a,
    .main-navigation ul.nav-menu > li:hover > a, 
    .main-navigation ul.nav-menu > li.focus > a {
        color: #6ca12b;
    }
    .main-navigation ul ul li:hover > a,
    .main-navigation ul ul li.focus > a {
        background-color: #6ca12b;
        color: #fff;
    }
    .site-branding {
        display: block;
        min-height: auto;
        float: none;
        text-align: center;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }
    .main-navigation {
        width: auto;
        float: none;
        text-align: center;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 25px;
    }
    #featured-slider .featured-image {
        padding: 250px 0;
    }
}