/**
Theme Name: Abel
Theme URI: https://creativthemes.com/downloads/abel
Author: creativthemes
Author URI: https://creativthemes.com
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.1
Template: saira
Text Domain: abel
Description: Abel is a simple and clean blog theme that can be used to build your blog site like food blog, travel blog, lifestyle blog, technology blog, etc. It is a child theme of Saira.
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
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#top-bar,
.main-navigation ul.nav-menu > li > a > i,
.main-navigation ul.nav-menu > li > a > i.wpmi-icon:not(.wpmi-label-1).wpmi-position-before,
.main-navigation ul ul li > a > i,
.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-gallery .featured-image:before,
#featured-classes .featured-classes-item,
#featured-team .slick-arrow,
#featured-testimonial .slick-dots li.slick-active button,
.video-button i,
.blog-posts-wrapper .date a,
.widget_tag_cloud .tagcloud a,
#colophon .widget_search form.search-form button.search-submit,
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus {
    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,
.section-title,
.entry-title a:hover,
.entry-title a:focus,
.video-button a:hover i,
.video-button a:focus i,
.blog-posts-wrapper .sticky .post-item .entry-title a:hover,
.blog-posts-wrapper .sticky .post-item .entry-title a:focus,
#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,
#featured-gallery .featured-gallery-item {
    border-color: #6ca12b;
}

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

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.main-navigation ul.nav-menu > li > a {
    text-transform: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.main-navigation a {
    font-family: 'Karla', sans-serif;
}

body {
    font-family: 'Lato', sans-serif;
}

/*--------------------------------------------------------------
# Wrapper and Font Sizes
--------------------------------------------------------------*/
.wrapper.section-gap,
.blog-posts-wrapper {
    max-width: 100%;
}
.entry-title {
    font-size: 18px;
}
#secondary .widget-title {
    font-size: 20px;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
    .blog-posts-wrapper .section-content {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
	.blog-posts-wrapper article {
        width: 50%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .site-branding {
        min-height: auto;
        display: block;
        float: none;
        text-align: center;
    }
    .main-navigation {
        float: none;
        text-align: center;
        border-top: 1px solid #eee;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 20px;
    }
    .main-navigation ul ul {
        transition: none;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul li:hover > ul, 
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
    }
    .main-navigation ul ul li:hover > ul, 
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .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;
    }
}