/*
Theme Name: Clearsky
Theme URI: http://themes.iografica.it/downloads/clearsky/
Description: Clearsky is a multi-purpose responsive WordPress masonry theme based on Bootstrap 3 framework. It’s fully responsive, flexible, WooCommerce compatible, retina ready, Search Engine Optimized and comes with an advanced option panel in order to make your life easier and build your site very quickly.
Author: iografica
Author URI: http://themes.iografica.it/
Version: 1.08
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clearsky
Domain Path: /languages/
Tags: white, blue, one-column, two-columns, right-sidebar, responsive-layout, full-width-template, post-formats, sticky-post, theme-options, translation-ready, custom-background, featured-images, custom-menu, custom-header

Clearsky Theme, Copyright (C) 2014 iografica.it
Clearsky WordPress theme is licensed under the GPL.
This theme was built using _s.(http://underscores.me) and Bootstrap 3 framework (http://getbootstrap.com)

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  - General
2.0  - Typography
3.0  - Header
4.0  - Navigation
5.0  - Content
6.0  - Posts and pages
7.0  - Posts format
8.0  - Images
9.0  - Footer
10.0 - Widgets
11.0 - Slider
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	word-wrap: break-word;
	color: #777;
}
.container { 
	padding: 0 15px 15px 15px; 
	}
	
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}

/* Clearing */
.clear {
	clear: both;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
}
.panel h1.page-title{
	margin-top:0em;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:5px;
}
.grid .panel h1.page-title{
	margin-top:0em;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:5px;
}
a {
	text-decoration:none;
}

/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
.site-branding {
	padding-top:5em;
}
.site-header {
}
h2.site-description {
	font-weight:300;
}
.header-image {
}
/*--------------------------------------------------------------
4.0 Navigation
--------------------------------------------------------------*/
.site-navigation {
	background:#fff;
	-webkit-box-shadow: 0 0px 4px rgba(0,0,0, .1);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0, .1);
	box-shadow: 0 0px 4px rgba(0,0,0, .1);
	-webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​
.site-navigation .container{
	padding-bottom:10px!important;
}
.navbar-default {
	margin:0px;
	border:none;
	background:none;
}
.site-navigation {
    background:#fff;
	}
	
.site-navigation .navbar-nav>.open>a,
.site-navigation .navbar-nav>.open>a,
.site-navigation .nav>li>a, 
.site-navigation .nav>li, 
.site-navigation .dropdown-menu>li>a,
.site-navigation .open .dropdown-menu>li>a,
.site-navigation .dropdown-menu>li,
.site-navigation .navbar-nav .open .dropdown-menu>li>a,
.site-navigation a.navbar-brand
	{
	color: #666;
	}
.site-navigation .navbar-nav>.open>a,
.site-navigation .navbar-nav>.open>a,
.site-navigation .nav>li>a, 
.site-navigation .nav>li, 
.site-navigation .dropdown-menu>li>a,
.site-navigation .open .dropdown-menu>li>a,
.site-navigation .navbar-nav .open .dropdown-menu>li>a {
	background:none;
	}
.site-navigation .navbar-nav>.open>a:hover,
.site-navigation .nav>li>a:hover, 
.site-navigation .dropdown-menu>li>a:hover,
.site-navigation .open .dropdown-menu>li>a:hover,
.site-navigation .navbar-nav .open .dropdown-menu>.active>a,
.site-navigation a.navbar-brand:hover,
.site-navigation .navbar-nav>.active>a:hover,
.site-navigation .navbar-nav>.active>a{
	color:#428bca !important;
	background: none;
	}
	
 .site-navigation .dropdown-menu {
	background:#fff;
	}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
	background: none;
	} 
.dropdown-header {
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
	}
.dropdown-menu li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #666;
	white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{
	text-decoration: none;
	background-color: #f1f5f6;
}
.dropdown-menu ul { 
	list-style: none; 
	-webkit-box-shadow:0;
	box-shadow:0;}

.dropdown-menu{  
	-webkit-box-shadow: 0px 2px 2px 0px rgba(180, 180, 180, 0.5);
	-moz-box-shadow:    0px 2px 2px 0px rgba(180, 180, 180, 0.5);
	box-shadow:         0px 2px 2px 0px rgba(180, 180, 180, 0.5);
	border:none;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color: #f1f5f6;
	color: #666;
}

/*--------------------------------------------------------------
5.0 Content
--------------------------------------------------------------*/
.main-content {
	padding:1.5em 0;
	
}
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
6.0 Posts and pages
--------------------------------------------------------------*/
.breadcrumb{
	background:#fff;
	border:1px solid #eee;
}
.page-header {
	margin-top:0px;
}
.grid { 
	display:block !important;
	height:auto;
	width: 50%; 
	padding: 0px 10px 15px 10px;}

@media screen and (max-width: 768px) { 
	.grid { 
	width: 100% !important; 
    padding: 0px; }
	}
	
.read-more {
	display:table;
	margin:10px 0;
	text-decoration: none !important;
}
.read-more .glyphicon{
	color:#ccc ;
}
.panel {
	border:1px solid #eee;
}
.panel .page-header {
	margin-bottom:0em;
}
.panel .entry-content{
	margin-top:2em;
}
.panel .entry-content{
	padding-bottom:1.5em;
}
.panel .entry-content, .panel footer.entry-meta, .panel .page-header .entry-meta{
	padding-left:2em;
	padding-right:2em;
}
.panel h1.page-title {
	padding-left:0.8em;
	padding-right:0.8em;
}
.page-header .entry-meta{
	padding:1em 0;
	border-bottom:1px solid #eee;
}
.entry-meta{
	color:#aaa;
	font-size:0.9em;
}
.entry-meta .glyphicon{
	margin-left:5px;
}
/* Comments */
.comment .children {
	margin-left: 1.5em;
}
.comment .panel-heading {
	background: #fff;
}
.comment .panel-footer { 
	background: #f5f7f6;
}
.bypostauthor {
}
.pingback {
	padding:5px 10px;
	margin-bottom:10px;
	border-left:2px solid #428bca;
}

/*--------------------------------------------------------------
7.0 Posts format
--------------------------------------------------------------*/
.sticky { 
}
.format-standard .glyphicon.glyphicon-pushpin{
	background:#779ec3;
}
.format-standard{
	border-top:4px solid #779ec3;
}
.format-image {
	border-top:4px solid #6ca2a9;
}
.format-image .glyphicon.glyphicon-picture{
	background:#6ca2a9;
}
.format-video {
	border-top:4px solid #9b84a3;
}
.format-video .glyphicon.glyphicon-film{
	background:#9b84a3;
}
.format-audio{
	border-top:4px solid #cfbe7a;
}
.format-audio .glyphicon.glyphicon-music{
	background:#cfbe7a;
}
.format-aside{
	border-top:4px solid #b67c7c;
}
.format-link{
	border-top:4px solid #6bb0c0;
}
.format-status{
	border-top:4px solid #7cb68c;
}
.format-chat{
	border-top:4px solid #cebca5;
}
.format-quote{
	border-top:4px solid #666;
}
.post-format-icon {
	padding:0.8em;
	color:#fff;
	margin-top:-2px;
	margin-right:1em;
	position:relative;
	float:right;
}

/*--------------------------------------------------------------
8.0 Images
--------------------------------------------------------------*/

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
a img:hover {
    opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity::0.8;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  	filter: alpha(opacity=80);
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	background:#fff;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #dedede;
	border-radius: 4px;
	padding:10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none!important;
	height: auto;
	max-width: 90%;
	margin-bottom:5px;
}
.gallery a img:hover {
	border: none!important;
}
.gallery dd {
	margin: 0;
}

/* gallery caption */
#body .gallery .gallery-caption {
	line-height: 120%;
	font-size: 90%;
	text-align: center;
	margin: 5px 0 0;
}

/*--------------------------------------------------------------
9.0 Footer
--------------------------------------------------------------*/
.site-footer {
	background:#fff;
	padding:1.5em 0;
	-webkit-box-shadow: 0 0px 4px rgba(0,0,0, .1);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0, .1);
	box-shadow: 0 0px 4px rgba(0,0,0, .1);
}
footer.entry-meta {
	padding-top: 20px;
	margin: 10px 0 20px;
	border-top: 1px solid #eee;
}
footer.entry-meta .glyphicon{
	margin:0px 4px ;
}
.site-info {
	padding:10px 0;
	border-top:2px dotted #eee;
	line-height:2em;
}
.social-url a {
	margin:10px 5px;
    text-decoration: none;
    width: 42px;
}	


/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/

.widget { 
	margin-bottom: 2em; 
	}
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
.widget_search .search-form input[type="submit"] { display: none; }
.widget select {
	max-width: 100%;
}
.widget .nav>li>a {
	display:inline-block;
	padding:5px 0px;
	width:90%;
}
.widget .nav>li>a:hover {
	background:none;
}
.widget #wp-calendar {
	background:#fff;
	border:1px solid #eee;
}
.widget #wp-calendar caption {
	padding:10px;
}
.widget_tag_cloud a {
	display: inline-block;
	padding: 6px 8px;
	margin: 4px;
	font-size: 12px !important;
	border: 1px solid #dedede;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.widget_recent_comments li {
	display: inline-block;
	padding: 6px 8px;
	margin: 4px;
	border: 1px solid #dedede;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	color:#888;
	width:100%;
}
.widget_recent_comments li:before {
 	font-family: 'Glyphicons Halflings'; /* BYO icon font, mapped smartly */
 	content:"\e111";
 	color:#ccc;
 	padding-right:10px;
}
.widget_rss li {
	 margin-bottom:15px;
}
.widget_rss .rssSummary {
 	margin:5px 0;
}

/*--------------------------------------------------------------
10.0 Slider
--------------------------------------------------------------*/
.homeslider .slide .carousel-control{
	background-image: none !important;
	background-image: none !important;
	background-image: none !important;
	background-image: none !important;
	filter: none !important;
	background-repeat: no-repeat;
 }
.homeslider .slide .carousel-control .glyphicon-chevron-right {
	margin-right:-50px;
 }
.homeslider .slide .carousel-control .glyphicon-chevron-left {
	margin-left:-50px;
 }
.homeslider {
	margin-top:20px;
	display:block;
 }
 .homeslider .item img {
	padding:10px;
	background:#fff;
	border:1px solid #eee;
	display:block;
 }