/*
Theme Name: Shizzo
Author: Mohit Chawla
Description: Shizzo is a responsive theme based on bootstrap 3.30 with a simple, clean and modern look. Theme comes with a popular posts widget based on  number of comments.
Version: 4.1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, responsive-layout, custom-menu, sticky-post, threaded-comments, translation-ready
Text Domain: shizzo

Shizzo WordPress Theme © 2014 Mohit Chawla.

Shizzo is based on Blankslate - http://tidythemes.com/, (C)
2011-2014 TidyThemes

Shizzo is distributed under the terms of the GNU GPL
*/

.sticky{
	border-top: 4px solid #36bdf5;
	background-color: #eeeeee;
    padding: 10px;
}
.bypostauthor .comment-body:before {
    border-right: 20px solid #36bdf5;
}
.gallery-caption, .wp-caption {
	max-width: 100%;
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 10px;
}
.wp-caption-text {margin: 5px 0 0;}
.alignleft {
    float: left;
    margin: 4px 10px 5px 0;
}
.alignright {
    float: right;
    margin: 4px 0 5px 10px;
}
.aligncenter {
	margin-bottom: 12px;
}
@font-face {
font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'),
	url('fonts/fontawesome-webfont.woff') format('woff'),
	url('fonts/fontawesome-webfont.ttf') format('truetype'),
	url('fonts/fontawesome-webfont.svg') format('svg');
} 
/* Global */
body {
	background-color: #eeeeee;
    font-family: 'open sans', sans-serif;
    font-size: 14px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color: #3a3a3a;
}
/* links */
a, a:hover, a:focus{
	text-decoration: none;
}
a{
	color: #67cdf8;
}
a:hover{
	color: #36bdf5;
}
img{
	height: auto;
	max-width: 100%;
}
ul{padding-left: 15px}
.navbar-brand, .entry-title, .site-sidebar > li > h3, .comments-title{font-family: 'Oswald', sans-serif;}
/* header */

.navbar.navbar-default {background-color: #36bdf5; border: 0; border-radius: 0; }
.navbar-default .navbar-brand {color: #ffffff; font-size: 30px; }
.navbar-default .navbar-brand:hover{ color: #f4f4f4;}
.navbar-default .navbar-nav{ float: right;}
.navbar-default .navbar-nav > li > a {color: #ffffff; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
    color: #fff;
    background-color: #67cdf8;
}
.navbar-collapse{ padding-right: 0;}
/* content */
.site-content{
	background-color: #ffffff;
	padding: 20px;
	box-shadow: 5px 4px 0 #dddddd;
}
/* article */
.site-content article{
	border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.entry-title{
	margin-top: 0;
	-moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;
}
.entry-title a:hover, .entry-title a:focus{color: #999999; -moz-transition: all 0.25s ease;	-webkit-transition: all 0.25s ease;	-o-transition: all 0.25s ease;	transition: all 0.25s ease;}
.entry-meta{margin-bottom: 10px; }
.entry-meta > span, .entry-footer > span{ margin-right: 5px;}
.entry-meta, .entry-footer{font-size: 12px; }
.entry-meta, .entry-meta a:hover,.entry-footer, .entry-footer a:hover{ color: #333333;}
.entry-meta, .entry-meta a,.entry-footer, .entry-footer a{color: #999999;}
.entry-meta .fa, .entry-footer .fa{ margin-right: 3px;}
/* sidebar */
.site-sidebar, .site-sidebar ul{list-style-type: none; padding: 0;}
.widget-container {box-shadow:4px 4px 0 #dddddd; border-top: 4px solid #36bdf5;background-color: #ffffff; margin-bottom: 20px; padding: 10px 10px 10px 15px; }
.widget-title{ margin-top: 0}
.widget-container ul{ }
.widget-container ul li{ position: relative; border-bottom: 1px solid #eeeeee; padding: 8px 10px 8px 20px;}
.widget-container ul li:before {
position: absolute;
font-family: 'FontAwesome';
content: '\f0a9';
left: 0;
top: 8px;
} 
.widget-container ul li:hover:before{ color: #333333;}
.widget-container ul li:last-child{ border-bottom: 0;}
.widget-container ul li a{ color: #666666;}
.widget-container ul li a:hover, .widget-container ul li a:focus{color: #36bdf5;}
/* comments */
.comments{background-color: #eeeeee; padding: 10px 15px;}
.comments-title{ margin-top: 0;}
.comments ul{ list-style-type: none; padding-left: 0;}
.comments .comment {margin:15px 0; padding: 0 0 0 75px; position: relative; }
.comment-author img {top:0; left: 0; position: absolute; }
.comment-body{ background-color: #ffffff; border-top: 4px solid #36bdf5; box-shadow: 4px 4px 0 #dddddd; padding: 10px;}
.comment-body:before {border-bottom: 20px solid transparent; border-right: 20px solid #fff; border-top: 0 solid transparent; content: ""; left: 55px; position: absolute; top: 4px; }
cite {font-style: normal; }
.comment-meta.commentmetadata {font-size: 12px; }
.comment-body > p {margin-top: 12px; }
/* comment-form */
.comment-form input[type="text"], textarea{
	border: 1px solid transparent;
	box-shadow: 4px 4px 0 transparent;
	background-color: #dddddd;
	padding: 10px;
	max-width: 100%;
}
.comment-form input[type="text"]:focus, textarea:focus{-moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; box-shadow: 4px 4px 0 #999999;}
.comment-form input[type="text"]{
	height: 35px;
}
.comment-form-comment > label {
    vertical-align: top;
}
.comment-form label {
    font-weight: 400;
    min-width: 75px;
}
.comment-form textarea{
	height: 80px;
	resize: none;
}
.form-submit > input[type="submit"] {
    background-color: #36bdf5;
    border: 0 none;
    box-shadow: 4px 4px 0 #dddddd;
    color: #fff;
    padding: 10px;
}
.form-submit > input[type="submit"]:focus{
	position: relative;
	top: 4px;
	left: 4px;
	box-shadow: none;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/* Navigation links */
.navigation {
    margin-top: 26px;
}
.navigation > div{ display: inline-block; }
.nav-next{ float: right; }
.nav-previous > a, .nav-next > a {
    background-color: #f4f4f4;
    padding: 10px;
}
/* footer */
.site-footer {
    background-color: #333;
    border-top: 4px solid #999999;
    color: #f4f4f4;
    margin-top: 20px;
    padding: 30px 0;
    text-align: center;
}
/* media queries */
@media(max-width:767px){
	.nav.navbar-nav {float: none; }
	.navbar-default .navbar-toggle{ border-color: #ffffff; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: transparent;}
	.navbar-default .navbar-toggle .icon-bar{ background-color: #fff; }
	.site-sidebar{ margin-top: 20px;}
	.nav-previous > a, .nav-next > a {display: inline-block; }

}
@media(max-width:360px){
	.comments .comment{ padding-left: 0;}
	.comment-body:before{display: none;}
	.comments .children {padding-left: 20px; }
	.comment-author img {display: block; position: relative; left: 0; top: 0; margin-bottom: 10px;}
	.navigation > div{ display: block; }
	.nav-previous{ margin-bottom: 20px;}
	.nav-next{ float: none; }
}
.entry-meta {
    display: none;
}