/*
 Theme Name:     Al-Ustadz Luqman Ba'abduh
 Theme URI:      http://luqmanbaabduh.com/
 Description:    Template untuk situs luqmanbaabduh.com
 Author:         Al-Ustadz Luqman Ba'abduh
 Author URI:     http://luqmanbaabduh.com/
 Template:       twentyfourteen
 Version:        1.0.0
*/


/* Add Custom CSS after this line */

body {
    font-family: "Noto Sans";
    text-shadow: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.6
}

a,
p {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-shadow: none;
    letter-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.cat-links a {
    font-family: "Noto Sans";
}

.site-header,
#secondary,
.site:before {
    background-color: #000;
}


/*.featured-content,
.featured-content .entry-header,
.grid .featured-content .entry-header {
    background: #e9e9e9;
}*/

.cat-links a,
.cat-links {
    font-weight: normal;
}

.featured-content .cat-links,
.featured-content .cat-links a,
.widget a:hover,
a:hover,
.site-content .cat-links a,
.site-content .entry-title a:hover {
    color: #06883c !important;
}

.site-navigation .current_page_item>a,
.site-navigation .current_page_ancestor>a,
.site-navigation .current-menu-item>a,
.site-navigation .current-menu-ancestor>a {
    background-color: #06883c !important;
    color: #fff !important;
}

.primary-navigation li:hover>a {
    color: #fff;
}

.primary-navigation li:hover>a,
.primary-navigation li.focus>a {
    background-color: #06883c !important;
    color: #fff !important;
}

.featured-content .entry-title a {
    color: #111;
}

.grid .featured-content .entry-header {
    padding: 30px;
    color: #000;
    border: 0;
}

.grid .featured-content .entry-header:hover,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.slider-direction-nav a:hover {
    background-color: #06883c;
    color: #fff;
}

.grid .featured-content .entry-header:hover a,
.grid .featured-content .entry-header:hover .cat-links,
.entry-meta .tag-links a:hover {
    color: #fff !important;
}

.entry-meta .tag-links a {
    font-weight: normal;
    height: 20px;
    line-height: 21px;
    padding: 0 10px;
}

.entry-meta .tag-links a:hover:before {
    border-right-color: #06883c;
}

.paging-navigation .page-numbers.current {
    border-top-color: #06883c;
}

.site {
    margin: 0 auto;
}

.search-toggle,
.search-toggle:hover,
.search-toggle.active,
.entry-meta .tag-links a:hover,
.search-box {
    background-color: #06883c !important;
}

.entry-title,
.featured-content .entry-title {
    text-transform: none
}

.featured-content .post-thumbnail {
    /*display: none;*/
}

.grid .featured-content .hentry:hover {
    background-color: #555;
}

blockquote {
    display: inline-block;
    background-color: #f3f3f3;
    padding: 30px 30px 10px;
    border-left: 10px solid #ddd;
    font-size: 1.2em;
    line-height: 1.4
}

.featured-content .entry-title {
    font-size: 16px;
    font-weight: 500 !important
}

.archive-header,
.comments-area,
.image-navigation,
.page-header,
.page-content,
.post-navigation,
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content footer.entry-meta,
.comments-area,
.post-navigation,
.image-navigation {
    margin-right: 0;
    padding-right: 30px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
.post-navigation,
.image-navigation,
.comments-area {
    max-width: 100%;
}

#primary-sidebar .widget a:hover {
    color: #0A9D48 !important;
}

.site-content .format-link .entry-title,
.site-content .format-aside .entry-title,
.site-content .format-quote .entry-title {
    display: block;
}

.search-box .search-field {
    width: 100% !important;
    padding: 10px;
}

.slider-control-paging {
    display: none;
}

.slider .featured-content .entry-header {
    padding: 30px;
}

.slider .featured-content .entry-title a {
    color: #fff;
}

@media screen and (min-width: 0px) {
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .page-content,
    .post-navigation,
    .image-navigation,
    .comments-area,
    .site-content .entry-content,
    .site-content .entry-summary,
    .page-content,
    .site-content footer.entry-meta {
        padding-right: 30px !important;
        padding-left: 30px !important
    }
}

@media screen and (max-width: 673px) {
    .header-main {
        padding-left: 30px;
    }
    .content-sidebar,
    #secondary,
    .site-info {
        padding-right: 30px !important;
        padding-left: 30px !important
    }
}

@media screen and (max-width: 400px) {
    .home.list-view .content-area {
        padding-left: 30px;
        padding-right: 30px;
    }
    .home .site-content .entry-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}