﻿/*
Theme Name: BlazeBlog
Theme URI: http://www.gigagit.com/item/blazeblog-responsive-wordpress-blog-theme
Author: Harpreet Singh Rayat
Author URI: http://www.gigagit.com
Description: Blaze Blog Theme by Gigagit.com WordPress Themes. It is a clean and responsive blog theme built up using Twitter Bootstrap and set of FontAwesome Icons. Single level clickable touch friendly bootstrap dropdown menu for easy top navigation.
Version: 1.3.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-header, featured-images, blog, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: blazeblog
*/
/* -----------------------------------------
             TABLE OF CONTENTS
----------------------------------------- */
/* -----------------------------------------
1.0 LAYOUT
2.0 HEADER
    2.1 PAGE HEADER
    2.2 LOGO
3.0 GALLERY
4.0 POSTS & PAGES
    4.1 PAGINATION
    4.2 PAGE LINKS
    4.3 COMMENTS
5.0 SIDEBAR WIDGETS
6.0 FOOTER
    6.1 FOOTER WIDGETS
    6.2 COPYRIGHTS
    6.3 SOCIAL NAVIGATION
7.0 MEDIA QUERIES
----------------------------------------- */
/* -----------------------------------------
                1.0 LAYOUT
----------------------------------------- */
body {
    padding-top: 50px;
    font-family: 'Open Sans';
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
}

table {
    width: 100%;
}

    table, table td, table th {
        border: 1px solid #eeeeee;
        border-collapse: collapse;
        padding: 5px;
    }

.responsive-wrapper {
    width: 100%;
    padding-bottom: 56.4%;
    position: relative;
    margin: 0 0 10px 0;
}

    .responsive-wrapper iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.img-responsive {
    width: 100%;
}

.page-wrapper .avatar {
    border-radius: 50%;
}

.updated:not(.published) {
    display: none;
}

.alignnone {
    margin: 5px 0 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}

    .wp-caption.alignnone {
        margin: 5px 0 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .wp-caption p.wp-caption-text {
        font-size: 12px;
        font-style: italic;
        margin: 0;
        padding: 5px 0;
    }

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

    .screen-reader-text:focus {
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000; /* Above WP toolbar. */
    }

.admin-bar #header-wrapper {
    top: 32px;
}

#container {
    padding-top: 25px;
    padding-bottom: 25px;
}

/* -----------------------------------------
                2.0 HEADER
----------------------------------------- */
#header-wrapper {
    background-color: #222222;
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
}

.gg-dropmenu {
}

    .gg-dropmenu > .navbar {
        margin-bottom: 0;
        border: 1px solid #222222;
        border-radius: 0;
    }

#header-image {
    margin-bottom: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 999;
}

/* -----------------------------------------
                2.1 PAGE HEADER
----------------------------------------- */
header.page-header {
    margin: 0 0 25px 0;
    border: 0;
}

    header.page-header > .page-title {
        margin: 0;
        position: relative;
        padding-bottom: 8px;
        text-transform: capitalize;
    }

        header.page-header > .page-title:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -1px;
            border-radius: 5px;
            width: 5%;
        }

    header.page-header > .taxonomy-description,
    header.page-header > .taxonomy-description > p {
        margin: 5px 0 0;
    }

/* -----------------------------------------
                  2.2 LOGO
----------------------------------------- */
.site-logo {
    display: block;
    float: left;
    margin-top: -10px;
    margin-right: 5px;
}

.site-icon-logo {
    font-size: 24px;
    margin-right: 5px;
}

.site-icon-logo,
.site-title {
    display: block;
    float: left;
}

.site-description {
    margin-left: 5px;
    font-size: 11px;
    position: relative;
    display: block;
    float: left;
}

    .site-description:before {
        content: "|";
        margin-right: 5px;
        font-size: 18px;
    }

/* -----------------------------------------
                3.0 GALLERY
----------------------------------------- */
.gallery {
    margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #686868;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* -----------------------------------------
              4.0 POSTS & PAGES
----------------------------------------- */
.bypostauthor > article .fn:after {
    content: "\f304";
    left: 3px;
    position: relative;
    top: 5px;
}

.sticky .posted-on,
.byline {
    display: none;
}

article.post > .entry-footer > span.sticky-post:before,
article.post > .entry-footer > span.entry-format a:before,
article.post > .entry-footer > span.byline > .author > a.url.fn:before,
article.post > .entry-footer > span > a:before,
.bypostauthor > article .fn:after,
.social-navigation a:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

article.post > .entry-footer > span.sticky-post,
article.post > .entry-footer > span a,
article.post > .entry-footer > span a.url.fn,
article.post > .entry-footer > span > a {
    margin-right: 3px;
    display: inline-block;
}

    article.post > .entry-footer > span.sticky-post:before,
    article.post > .entry-footer > span.entry-format > a:before,
    article.post > .entry-footer > span.byline > .author > a.url.fn:before,
    article.post > .entry-footer > span > a:before {
        font-size: 18px;
        margin-right: 5px;
        width: 14px;
    }

article.post, article.page {
    margin-bottom: 25px;
    padding-bottom: 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
}

    article.post > .entry-header {
    }

        article.post > .entry-header > .empty-entry-title,
        article.page > .entry-header > .empty-entry-title {
            margin: 0 0 25px 0;
        }

        article.post > .entry-header > .entry-title,
        article.page > .entry-header > .entry-title {
            margin: 25px 0 25px 0;
            position: relative;
            padding-bottom: 8px;
            text-transform: uppercase;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

            article.post > .entry-header > .entry-title:before,
            article.page > .entry-header > .entry-title:before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                border-radius: 5px;
                width: 5%;
            }

            article.post > .entry-header > .entry-title > a,
            article.page > .entry-header > .entry-title > a {
            }

    article.post > .entry-content {
        float: right;
    }

        article.post > .entry-content > .btn-read-more,
        article.page > .entry-content > .btn-read-more {
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        article.post > .entry-content > .entry-summary,
        article.post > .entry-content > .entry-caption {
            font-size: 12px;
            font-style: italic;
            margin: 0;
            padding: 0 0 5px 0;
        }

        article.post > .entry-content > .entry-attachment,
        article.post > .entry-content .wp-video {
            margin-bottom: 10px;
        }

    article.post > .entry-footer {
        float: left;
    }

        article.post > .entry-footer > span {
            margin: 0 0 1px 0;
            text-align: left;
            display: block;
            padding: 5px;
            font-size: 12px;
        }

        article.post > .entry-footer .avatar {
            height: auto;
            margin: 0;
            width: 16px;
            display: none;
        }

    article.post > .post-thumbnail,
    article.page > .post-thumbnail {
        padding: 0;
    }

    article.post > .entry-footer > span.sticky-post {
        display: block;
    }

        article.post > .entry-footer > span.sticky-post:before {
            content: "\f308";
        }

    article.post > .entry-footer > span.byline > .author > a.url.fn:before {
        content: "\f304";
    }

    article.post > .entry-footer > span.posted-on > a:before {
        content: "\f307";
    }

    article.post > .entry-footer > span.cat-links > a:before {
        content: "\f301";
    }

    article.post > .entry-footer > span.tags-links > a:before {
        content: "\f302";
    }

    article.post > .entry-footer > span.comments-link > a:before {
        content: "\f300";
    }

    article.post > .entry-footer > span.full-size-link > a:before {
        content: "\f474";
    }

    article.post > .entry-footer > span.edit-link > a:before {
        content: "\f411";
    }

    article.post > .entry-footer > span.entry-format.aside > a:before {
        content: "\f101";
    }

    article.post > .entry-footer > span.entry-format.image > a:before {
        content: "\f102";
    }

    article.post > .entry-footer > span.entry-format.video > a:before {
        content: "\f517";
    }

    article.post > .entry-footer > span.entry-format.quote > a:before {
        content: "\f106";
    }

    article.post > .entry-footer > span.entry-format.link > a:before {
        content: "\f107";
    }

    article.post > .entry-footer > span.entry-format.gallery > a:before {
        content: "\f103";
    }

    article.post > .entry-footer > span.entry-format.status > a:before {
        content: "\f105";
    }

    article.post > .entry-footer > span.entry-format.audio > a:before {
        content: "\f109";
    }

    article.post > .entry-footer > span.entry-format.chat > a:before {
        content: "\f108";
    }

    article.post > .entry-footer > span.entry-format.attachment > a:before {
        content: "\f416";
    }

.author-info {
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .author-info .author-avatar {
        margin: 5px 20px 20px 0;
        display: block;
        float: left;
    }

        .author-info .author-avatar img {
        }

    .author-info .author-title {
        margin: 5px 0;
    }

    .author-info .author-description .btn-author-link {
        display: table;
        margin: 10px 0;
    }

/* -----------------------------------------
               4.1 PAGINATION
----------------------------------------- */
.pagination {
    display: block;
    margin-top: 0;
}

.pagination, .post-navigation {
    padding: 15px;
    margin-bottom: 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .post-navigation a span {
        display: block;
    }

        .post-navigation a span.meta-nav {
            font-size: 12px;
            margin-bottom: 5px;
        }

        .post-navigation a span.post-title {
            font-size: 16px;
        }

    .post-navigation .nav-previous > a,
    .post-navigation .nav-next > a {
        display: block;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pagination .nav-links .page-numbers {
        padding: 5px 10px;
        display: inline-block;
    }

        .pagination .nav-links .page-numbers.current {
        }

/* -----------------------------------------
               4.2 PAGE LINKS
----------------------------------------- */
.page-links {
    padding: 15px 0;
    margin: 10px 0;
    font-size: 12px;
}

    .page-links > .page-links-title,
    .page-links > .page-number,
    .page-links > a > .page-number {
        padding: 2px 6px;
        display: inline-block;
        margin-right: 2px;
    }

    .page-links > .page-number,
    .page-links > a > .page-number {
        margin-right: 5px;
    }

/* -----------------------------------------
               4.3 COMMENTS
----------------------------------------- */
.comment-respond #submit {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    background-color: #ffffff;
    border-color: #adadad;
}

    .comment-respond #submit:hover {
        background-color: #cccccc;
    }

.comments-area {
    margin-bottom: 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .comments-area .media-list ul.children {
        padding-left: 0;
        padding-top: 15px;
        list-style: none;
        margin-top: 15px;
        margin-left: 55px;
    }

.comment-navigation {
    padding: 15px 0;
    margin: 15px 0;
}

    .comment-navigation .nav-next,
    .comment-navigation .nav-previous {
        display: inline-block;
    }

        .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
            content: "\002f";
            display: inline-block;
            padding: 0 15px;
        }

/* -----------------------------------------
             5.0 SIDEBAR WIDGETS
----------------------------------------- */
.sidebar .widget,
.content-bottom-widgets .widget {
    width: 100%;
    float: left;
    padding: 15px 15px 25px;
    position: relative;
}

.widget {
    margin-bottom: 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .widget:before,
    .widget:after {
        position: absolute;
        content: "";
        left: 45%;
        border-radius: 5px;
        width: 10%;
    }

    .widget::before {
        top: -1px;
    }

    .widget:after {
        bottom: -1px;
    }

    .widget .widget-title {
        margin: 5px 0 10px 0;
        position: relative;
        padding-bottom: 8px;
        text-transform: uppercase;
        font-size: 16px;
    }

    .widget ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .widget ul li {
            padding: 0;
            margin: 0;
        }

            .widget ul li:before {
                font-family: FontAwesome;
                content: "\f10c";
                font-size: 10px;
                float: left;
                display: inline-block;
                margin-right: 5px;
                margin-top: 9px;
            }

            .widget ul li > a {
                padding: 5px;
                display: block;
            }

            .widget ul li.recentcomments:before {
                margin-top: 4px;
            }

            .widget ul li.recentcomments {
                padding: 5px;
                display: block;
            }

                .widget ul li.recentcomments > span {
                    display: inline-block;
                }

                .widget ul li.recentcomments a {
                    border: 0;
                }

            .widget ul li.cat-item > a > span {
                float: right;
            }

    .widget .calendar_wrap > table {
        width: 100%;
    }

        .widget .calendar_wrap > table > caption {
            padding: 5px 15px;
        }

        .widget .calendar_wrap > table th,
        .widget .calendar_wrap > table td {
            text-align: center;
            padding: 5px;
        }

        .widget .calendar_wrap > table #prev {
            text-align: left;
        }

        .widget .calendar_wrap > table #next {
            text-align: right;
        }

    .widget .tagcloud > a {
        display: inline-block;
        padding: 5px 10px;
        position: relative;
        margin: 0 2px 5px 0;
    }

    .widget #searchbar {
        padding-top: 10px;
    }

    .widget.widget_rss ul li {
        padding-bottom: 10px;
    }

    .widget.widget_rss span.rss-date,
    .widget.widget_rss cite {
        font-size: 12px;
    }

/* -----------------------------------------
                6.0 FOOTER
----------------------------------------- */
/* -----------------------------------------
            6.1 FOOTER WIDGETS
----------------------------------------- */
#footer .widget {
    background-color: #333333;
    color: #aaaaaa;
    padding-top: 15px;
    padding-bottom: 25px;
}

    #footer .widget .widget-title {
        color: #999999;
        border-bottom: 1px solid #777777;
    }

    #footer .widget ul li:before {
        color: #999999;
    }

    #footer .widget a {
        color: #888888;
    }

    #footer .widget ul li > a,
    #footer .widget ul li.recentcomments {
        border-bottom: 1px solid #777777;
    }

        #footer .widget ul li.recentcomments a {
            border: 0;
        }

    #footer .widget .calendar_wrap > table th,
    #footer .widget .calendar_wrap > table td {
        text-align: center;
        border: 1px solid #222222;
        padding: 5px;
    }

    #footer .widget .calendar_wrap > table #prev {
        text-align: left;
    }

    #footer .widget .calendar_wrap > table #next {
        text-align: right;
    }

    #footer .widget.widget_rss {
        max-height: 300px;
        overflow: auto;
    }

        #footer .widget.widget_rss span.rss-date,
        #footer .widget.widget_rss cite {
            color: #888888;
        }

/* -----------------------------------------
             6.2 COPYRIGHTS
----------------------------------------- */
#footer a:hover {
    color: #aaaaaa;
}

#footer {
    background-color: #222222;
    padding-top: 15px;
}

    #footer .footer-copyright {
        border-top: 1px solid #2e2e2e;
        background-color: #111111;
        padding: 5px 0;
        margin-top: 25px;
    }

        #footer .footer-copyright .site-copyright {
            font-size: 12px;
            padding: 10px 0;
            margin: 0;
        }

            #footer .footer-copyright .site-copyright .site-title {
                margin-right: 5px;
            }

            #footer .footer-copyright .site-copyright a {
                color: #888888;
            }

                #footer .footer-copyright .site-copyright a:hover {
                    color: #cccccc;
                }
    /* -----------------------------------------
             6.3 SOCIAL NAVIGATION
----------------------------------------- */
    #footer .social-navigation ul {
        list-style: none;
        margin: 0;
        float: right;
    }

    #footer .social-navigation li {
        float: left;
        margin: 0 10px 0 0;
    }

    #footer .social-navigation a {
        border: 1px solid #555555;
        border-radius: 50%;
        color: #555555;
        display: block;
        height: 35px;
        position: relative;
        width: 35px;
    }

        #footer .social-navigation a:before {
            height: 33px;
            line-height: 33px;
            text-align: center;
            width: 33px;
        }

        #footer .social-navigation a:hover:before,
        #footer .social-navigation a:focus:before {
            color: #007acc;
        }

        #footer .social-navigation li.add-new a {
            width: auto;
            height: auto;
            border-radius: 0;
            border: none;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #footer .social-navigation li.add-new a:hover {
            background-color: transparent;
            color: #ffffff;
        }

.social-navigation a[href*="codepen.io"]:before {
    content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
    content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
    content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
    content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
    content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
    content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
    content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
    content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
    content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
    content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
    content: "\f208";
}

.social-navigation a[href*="path.com"]:before {
    content: "\f219";
}

.social-navigation a[href*="pinterest.com"]:before {
    content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
    content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
    content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
    content: "\f222";
}

.social-navigation a[href*="skype.com"]:before {
    content: "\f220";
}

.social-navigation a[href*="stumbleupon.com"]:before {
    content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
    content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
    content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
    content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
    content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
    content: "\f213";
}

.social-navigation a[href^="mailto:"]:before {
    content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
    content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
    content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
    content: "\f413";
}

/* -----------------------------------------
             7.0 MEDIA QUERIES
----------------------------------------- */
@media (max-width: 768px) {
    #footer .social-navigation ul {
        float: left;
        padding: 0;
    }

    article.post > .entry-content {
        float: none;
    }

    article.post > .entry-footer {
        float: none;
    }
}

@media (max-width: 782px) {
    .admin-bar #header-wrapper {
        top: 46px;
    }
}

@media (max-width: 600px) {
    .admin-bar #header-wrapper {
        position: absolute;
    }
}