﻿/*
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
-----------------