/*
Theme Name: Kafal
Theme URI: https://shubhampandey.in/kafal
Author: Shubham Pandey
Author URI: http://shubhampandey.in
Description: A Bootstrap Theme Based on Clean Blog Template from Start Bootstrap. A beautifully designed responsive blogging theme. Custom header with Parallax effect.
Version: 1.0.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kafal
Tags: blog, one-column, custom-header, custom-menu, editor-style, featured-image-header, featured-images, rtl-language-support, sticky-post, translation-ready,  custom-colors, threaded-comments, custom-background

Kafal WordPress Theme, Copyright 2017 Shubham Pandey
Kafal is distributed under the terms of the GNU GPL

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

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.

Kafal is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

Start Bootstrap - Clean Blog v3.3.7+1 (http://startbootstrap.com/template-overviews/clean-blog)
Copyright 2013-2017 Start Bootstrap
Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)

Bootstrap v3.3.7 (http://getbootstrap.com)
Copyright 2011-2017 Twitter, Inc.
Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

*/

body{
	word-wrap: break-word;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.8em;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.logged-in.admin-bar #top-nav{
	margin-top: 32px;
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-preview a{
	text-decoration: none;
}
.post-preview a:hover{
	text-decoration: none;
}
.post-preview .post-meta a:hover{
	text-decoration: none;
}
.site-footer{
	font-style: italic;
}
.site-footer a{
	color: #777;
}
.post-info{
	font-size: 0.8em;
	font-style: italic;
}
.post-info span:not(:last-child):after{
	content: "\00a0\00a0/\00a0\00a0";
}
.post-heading .meta.posted-on{
	font-weight: 800;
	margin-top: 0.8em;
}
.content-area .sticky{
	background: #eee;
	padding: 30px;
	border-radius: 20px;
}
#header-text .site-heading .subheading{
	font-weight: 800;
}
.intro-header .post-heading{
	padding-left: 15px;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
}
.read-more{
	color: #21759b;
}
#header-text{
	text-shadow: 1px 1px 1px #888;
}
#sidebar{
	clear: both;
}
.navigation.posts-navigation .nav-links{
	height: 5em;
}
.navigation.posts-navigation .nav-links div{
	display: inline;
}
.navigation.posts-navigation .nav-links div a{
	color: white;
	padding: 0.6em 1.2em;
	cursor: pointer;
	background-color: #5bc0de;
	font-weight: bold;
}
.navigation.posts-navigation .nav-links .nav-next a{
	float: right;
}
.navigation.posts-navigation .nav-links .nav-previous a{
	float: left;
}
.navigation.posts-navigation .nav-links div a:hover{
	background-color: #31b0d5;
	text-decoration: none;
}
.comment-list,
.comment-list ol,
.comment-list ol ol{
	list-style: none;
}
.comment-list .comment-content ol{
	list-style: initial;
}
.comment-list{
	padding: 0;
}
.comment-list .comment{
	border: 1px solid #ddd;
	border-right: 0px;
	border-bottom: 0px;
	padding: 1em;
	margin-top: 1em;
	background: white;
}
.comment-list ol.children{
	padding: 0;
}
.comment-meta{
	padding: 0em;
}
.comment-metadata{
	margin-top: -12px;
    margin-bottom: 15px;
    margin-left: 4em;
    font-size: 0.7em;
}
#main .comment-author.vcard img{
	display: inline;
	border-radius: 50%;
	width: 48px;
	height: 48px;
}
.comment-content{
	margin: 1em; 
}
.comment-body .reply{
	margin-left: 1em;
	margin-bottom: 1em;
}
.comment-body .reply a{
	color: #337ab7;
	font-size: 0.9em;
}
.comment-form .form-group{
	font-size: 0.9em;
	display: flex;
	flex-wrap: wrap;
}
.wp-caption,
.gallery-caption{
	border: 1px solid #ddd;
	padding: 0.3em;
	font-size: 0.7em;
	max-width: 100%;
}
.wp-caption-text{
	text-align: center;
}
.wp-caption img{
	margin: 0 auto;
}
/* ===== == = === 48em (768px) === = == ===== */

@media only screen and (max-width : 48em) {
	.logged-in.admin-bar #top-nav{
		margin-top: 46px;
	}
	.comment-form .form-group{
		display: block;
	}
}
/* WordPress Gallery 
------------------------------------------ */

.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
	max-width: 100%;
}

.gallery-item img {
	margin: 0 auto;
}
.gallery-icon{
	border: 1px #ddd solid;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}
.bypostauthor,
.byuser{
	background: #efe !important;
}
.page .entry-footer{
	padding: 0.5em;
}
#tinymce {
	margin-left: 1em;
	padding: 1em;
	width: 700px;
}
#submit{
	margin-right: 15px;
}
.post-navigation a{
	display: block;
	text-align: center;
}
blockquote {
	font-style: initial;
}
dd {
	margin: 0 0 1.5em 0;
}
table caption{
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}
aside a{
	color: #0085A1;
}
#wp-calendar,
#wp-calendar th{
	text-align: center;
}
.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	font-weight: 700;
	margin: -8px;
	height: 2.2em;
	align-items: center;
	display: flex;
	justify-content: center;
}
.site-heading hr.small.archive{
	position: relative;
	clip: auto;
}
.entry-content a{
	text-decoration: underline;
}