/*
Theme Name: Cocoon Clear
Theme URI: http://www.cocoondesign.biz/cocoonclear/
Author: Cocoon Design
Author URI: http://www.cocoondesign.biz/
Description: This fully responsive WordPress theme is based on mobile-first Bootstrap v3 framework. Site owners are able to switch within Cocoon Clear special design home page and normal WordPress blog based home page with just a few clicks. Cocoon Clear special design home page comes with a responsive carousel and 3 easy-to-customize HTML blocks. With the assistance of user-friendly theme settings panel, everyone can easily get the carousel and HTML blocks up within minutes, even without HTML/Javascript knowledges. Visit www.cocoondesign.biz/cocoonclear/ for more guides and tutorials.
Version: 1.0
Tags: dark, light, blue, red, green, purple, black, one-column, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: cocoon_clear_lang
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
/* Text meant only for screen readers */
.assistive-text {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
 
/* =Content
----------------------------------------------- */
 
.sticky {
}
.hentry {
    margin: 0 0 1.5em;
}
.entry-meta {
    clear: both;
}
.byline {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.taxonomy-description{
	font-size:1.2em;
	font-weight:300;
	color:#333;
}

a:link, a:visited{
	text-decoration: underline;
}
 
/* =Asides
----------------------------------------------- */
 
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
 
/* =Media
----------------------------------------------- */
 
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 1px solid #ccc;
    max-width: 100%;
	margin:20px 0;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom: 1.5em;
}
.wp-caption img {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: left;
	font-size:0.8em;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 1em;
}
.site-content .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-content .gallery dd {
    margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}
 
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}
 
/* =Page Navigation
----------------------------------------------- */
 
.site-content .site-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.site-content .nav-previous {
    float: right;
	text-align: right;
    width: 50%;
}
.site-content .nav-next {
    float: left;
    width: 50%;
}

.numeric-paging-navigation{
	text-align:center;
}

.numeric-paging-navigation ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.numeric-paging-navigation ul li{
	display: inline-block;
}

.numeric-paging-navigation ul li a{
	font-size:0.8em;
	width:40px;
	height:40px;
	text-decoration:none;
	padding: 5px 10px 1px 10px;
	margin:5px 5px 0px;
}

.more-link:link, .more-link:visited{
	font-weight:300;
	font-size:1.4em;
	text-decoration:none;
}

.cursor-pointer{
	cursor:pointer;
}
 
/* =Comments
----------------------------------------------- */

ol.commentlist{
	list-style-type: none;
	padding:0px;
	margin:0px;
}

ol.commentlist ul{
	list-style-type: none;
	padding-top:10px;
	padding-left:10px;
	margin:0px;
}

@media screen and (min-width: 768px){/*tablet and above*/
	ol.commentlist ul{
		padding-left:20px;
	}
}

.comment-author{
	line-height:1em;
}

.avatar-slot{
	width:50px;
	text-align:left;
	float:left;
}

.author-slot{
	padding-top:5px;
}

.commentlist .vcard img.avatar {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.comment-meta{
	font-size:0.7em;
}

.comment-meta a{
	text-decoration:none;
}

.comment-content{
	clear:both;
	padding:10px;
	font-size:0.9em;
	font-weight:300;
}

.comment-content hr{
	margin-top:0px;
	margin-bottom:10px;
}

.comment-content p{
	text-align: left;
}

.comment-reply {
	margin-bottom:20px;
}

.comment-reply a{
	font-size:0.8em;
	display:inline-block;
	padding:3px 10px 1px 10px;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


ul.children{
	background:url('images/blog/comment-depth-bg.png') repeat-y left, url('images/blog/comment-depth-head-bg.png') no-repeat top left;
}

ul.children  ul.children{
	background:url('images/blog/comment-depth-bg.png') repeat-y left, url('images/blog/comment-depth-head-bg.png') no-repeat top left;
}

ul.children  ul.children  ul.children  {
	background:url('images/blog/comment-depth-bg.png') repeat-y left, url('images/blog/comment-depth-head-bg.png') no-repeat top left;
}

ul.children  ul.children  ul.children  ul.children  {
	background:url('images/blog/comment-depth-bg.png') repeat-y left, url('images/blog/comment-depth-head-bg.png') no-repeat top left;
}


.form-allowed-tags{
	font-size:0.8em;
 }
 
.comment-respond{
	padding:10px 20px 10px 20px;
	margin-bottom:40px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
 }
 
.comment-respond h3{
	margin-bottom:0.3em;
 }
 
 a#cancel-comment-reply-link{
	font-size:0.8em;
	text-decoration:none;
 }
 
 p.comment-notes, p.logged-in-as{
	font-size:0.9em;
	font-weight:300;
 }
 
 p.nocomments{	
	font-size:1.5em;
	font-weight:300;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
 }
 
.bypostauthor {
}
 
/* =Widgets
----------------------------------------------- */
 
.widget {
	padding: 10px;
}

.widget_meta ul{
	list-style-type: none;
	margin:0;
	padding:0;
}

.widget_meta_cc a, .widget_meta a{
	display:block;
	width:100%;
	text-align:center;
	background:url("images/layout/nav-bg.png") repeat-x center;
	text-decoration:none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:3px;
	font-weight:300;
}

.widget_search .form-group{
	margin-bottom:0px;
}

.widget_search h1, .widget_archive h1, .widget_meta h1, .widget_pages h1, .widget_recent_entries h1, .widget_categories  h1, .widget_recent_comments h1, .widget_links h1, .widget_tag_cloud h1{
	font-size:1.5em;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:300;
	width:100%;
	border-bottom: 1px dashed;
}

.widget_pages ul, .widget_archive ul{
	list-style-image: url('images/layout/bullet-circle-blue.svg');
	font-size: 0.9em;
}

ul.children{
	padding-left:20px;
}

.widget_categories ul, .widget_recent_entries ul, .widget_recent_comments ul, .fof-most-used-categories ul{
	list-style-type: none;
	font-size: 0.9em;
	margin:0;
	padding:0;
}

.widget_recent_entries ul li, .widget_recent_comments ul li, .fof-most-used-categories ul li{
	margin-bottom:10px;
	font-weight:300;
}

.widget_pages ul li, .widget_archive ul li{
	margin-bottom:5px;
	font-weight:300;
}

.widget_pages ul li a, .widget_archive ul li a{
	text-decoration:none;
}

.widget_recent_comments .comment-author-link{
	font-weight:400;
	font-style:italic;
}

.widget_categories ul li{
	display:inline-block;
}

.widget_categories ul li a{
	display:block;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
	margin-top:8px;
	font-weight:300;
}

.widget_tag_cloud .tagcloud a{
	display:inline-block;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
	font-weight:300;
	margin-top:8px;
}

table#wp-calendar{
	width:100%;
}

table#wp-calendar caption{
	font-size:1.5em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:300;
	width:100%;
}

table#wp-calendar tbody{
	font-size:1em;
}

table#wp-calendar tbody td{
	height:30px;
}

table#wp-calendar tbody td a{
	margin:0px;
	display:block;
	height:20px;
	width:20px;
	text-decoration:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	font-size:0.7em;
	padding-top:2px;
}

table#wp-calendar tfoot #prev a, table#wp-calendar tfoot #next a{
	text-decoration:none;
	font-size:0.8em;
	font-weight:600;
}

table#wp-calendar tfoot #prev{
	text-align:left;
}

table#wp-calendar tfoot #next{
	text-align:right;
}

.widget_nav_menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.widget_nav_menu  a{
	color:#FFF;
	display:block;
	text-decoration:none;
}

.widget_nav_menu ul li a{
	padding: 6px 20px 2px 20px;
	font-weight:600;
}

.widget_nav_menu ul li ul li a{
	padding-left:30px;
	font-size:0.9em;
	font-weight:400;
}

.widget_nav_menu ul li ul li ul li a{
	padding-left:40px;
}

.widget_nav_menu ul li{
	display:block;
	width:100%;
}

.widget_nav_menu ul li, .widget_nav_menu ul li ul li:first-child{
	border-top:1px solid #fff;
}

.widget_nav_menu ul li ul li:first-child, .widget_nav_menu ul li ul li:first-child a:hover{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.widget_nav_menu ul li:first-child{
	border-top:0px;
	}

.widget_nav_menu ul li:first-child, .widget_nav_menu ul li:first-child a:hover{
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.widget_nav_menu ul li a:hover{
	background-color:orange;
}

.widget_nav_menu ul li ul li{
	background-color:#666;
}

.widget_nav_menu ul li ul li  ul li{
	background-color:#999;
}

#searchsubmit {
    display: none;
}

/* Tablet and below*/
@media screen and (max-width: 991px){

	.widget_pages ul, .widget_archive ul{
		margin:0;
		padding:0;
	}

	.widget_pages ul li, .widget_archive ul li{
		display:inline-block;
		
	}
	
	.widget_pages ul li a,.widget_archive ul li a{
		display:block;		
		padding:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-decoration:none;
		margin-top:8px;
		font-weight:300;
	}
	
	
}

/* =404
----------------------------------------------- */
.fof-search input[type="text"]{
	max-width:600px;
}

.fof-search #searchsubmit{
	display:block;
	margin-top:10px;
}

/* =Structure
----------------------------------------------- */
#primary {
}
#content {
margin:40px 0 0 0;
}
#main .widget-area {
overflow: hidden;
}
#secondary { /* Sidebar 1 */
margin:40px 0 0 0;
}
#tertiary { /* Sidebar 2 */
margin:40px 0 0 0;
}

.home-block-group{
	padding-left:0px;
	padding-right:0px;
}

.home-block-header-text, .home-block-header-list{
	height:65px;
	overflow:hidden;
	/*margin-top:30px;*/
}

.home-block-header-text, .home-block-header-list, .home-block-header-image{
	margin-top:30px;
}

a.home-block-image-link{
	text-decoration:none;
}

.home-block-header-text h1, .home-block-header-list h1, .home-block-header-image h1{
	margin:0px;
	font-size:30px;
	font-weight:300;
}

.home-block-header-text h1, .home-block-header-list h1{
	padding-top:20px;
}

.home-block-header-image h1{
	padding: 20px 20px 20px 20px;
	text-decoration:none;
}

.home-block-text, .home-block-list{
	height:225px;
	padding-right:20px;
	padding-left:20px;
	overflow: hidden;
}

.home-block-text, .home-block-text p, .home-block-list p{
	line-height:1.3em;
	text-align:left;
	margin-top:0px;
}

.home-block-text, .home-block-text p{
	font-size:0.95em;
}

.home-block-list p{
	font-size:0.9em;
}

.home-block-text h1, .home-block-text h2, .home-block-text h3, .home-block-text h4, .home-block-text h5, .home-block-text h6{
	margin-top:0px;
	margin-bottom:0.6em;
}

.home-block-text h1{
	font-size:24px;
	font-weight:400;
}

.home-block-text h2{
	font-size:22px;
	font-weight:400;
}

.home-block-text h3{
	font-size:20px;
	font-weight:400;
}

.home-block-text h4{
	font-size:18px;
}

.home-block-text h5{
	font-size:16px;
}

.home-block-text h6{
	font-size:14px;
}

.home-block-footer-text, .home-block-footer-list{
	height:30px;
}

.home-block-list-entry{
	clear:both;
	margin-bottom:10px;
}

.home-block-list-thumb{
	display:inner-block;
	height:50px;
	width:50px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px; 
	text-align:center;
}

.home-block-list-thumb .thumb-day{
	padding-top:4px;
	font-size:1.2em;
}

.home-block-list-thumb .thumb-month{
	margin-top:-11px;
	font-size:0.95em;
}

.home-block-list-link{
	float:right;
	display:inner-block;
	width: calc(100% - 60px);
}

.home-block-list-link a{
	text-decoration:none;
}

.home-block-list-link a:hover p{
	text-decoration:underline;
}

.home-block-list-link a h2{
	font-size:1em;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:600;
}

.home-block-list-link a p{
	font-size:0.8em;
	font-weight:400;
	line-height:1.15em;
	text-align:left;
	margin: 0 0 10px 0;
}

.home-block-image{
	height:320px;
	/*margin-top:30px;*/
}

.home-block-sample{
	border: 5px #D1D1D1 dashed;
	height:320px;
	margin-top:30px;
	background:#E9E9E9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.home-block-sample:hover{
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #e9e9e9 0%, #d1d1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e9e9e9), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #e9e9e9 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #e9e9e9 0%,#d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #e9e9e9 0%,#d1d1d1 100%); /* IE10+ */
	background: linear-gradient(135deg, #e9e9e9 0%,#d1d1d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.home-block-sample h1{
	padding-top:100px;
	color:#999;
	text-decoration:none;
}

.home-block-sample:hover h1{
	color:#FFF;
	text-shadow: 0px 0px 8px #999;
}

.block-bg-white .home-block-text, .block-bg-white  .home-block-list{
	padding-left:0px;
	padding-right:0px;
}

.container-footer{
	
}

.site-footer {
clear: both;
width: 100%;
min-height:120px;
text-align: center;
padding:30px;
}

.site-footer a:link, .site-footer a:visited{
	text-decoration:none;
}

.site-footer .footer-text{
	font-size:0.9em;
}

.site-footer .footer-text .glyphicon{
	font-size:0.8em;
}

.site-footer .developed-by{
	font-size:0.8em;
}

.cc-page-header-banner{
	height:160px;
	background-color:#666;
	background-position: center center;
	background-size:cover;
}

/* Tablet and below*/
@media screen and (max-width: 991px){
	.home-block-text, .home-block-list{
		height:auto;
		overflow: auto;
	}
	
	.home-block-list-link{
		margin-bottom:0px;
	}
	
	.cc-md-full-width{
		padding-left:0px;
		padding-right:0px;
	}
	
	.block-bg-white .home-block-footer-text, .block-bg-white .home-block-footer-list{
		height:0px;
	}
	
	
	.block-bg-white .home-block-header-text, .block-bg-white .home-block-header-list{
		height:40px;
	}
	
	.block-bg-white .home-block-header-text h1, .block-bg-white .home-block-header-list h1{
		padding-top:0px;
	}
}

/* = blog appearance
----------------------------------------------- */

.cc-blog-header{
	position:relative;
}

.cc-blog-header-name-outer{
	height:400px;
	display:table;
	position:static;
	width:100%;
}

.cc-blog-header-name-middle{
	display:table-cell;
	vertical-align: middle; 
	width: 100%; 
	position: static;
}

.cc-blog-header-name{

}

.cc-blog-header-name h1{
	font-size:4em;
	margin:0px;
	line-height:1em;
}

.cc-blog-header-name p{
	font-size:1.5em;
	margin:0px;
}

.nav-previous a:link, .nav-previous a:visited, .nav-next a:link, .nav-next a:visited{
	text-decoration: none;
	font-size:1em;
	font-weight:300;
}

.entry-header h1 a:link, .entry-header h1 a:visited{
	text-decoration: none;
}

.entry-meta, .entry-meta a{
	font-size:0.9em;
}

footer.entry-meta{
	padding:7px 20px 5px 20px;
	font-size:0.9em;
	font-weight:600;
	margin-top:20px;
	margin-bottom:60px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

footer.entry-meta a:link, footer.entry-meta a:visited{
	text-decoration:none;
}

/* Large Desktop only*/
@media screen and (min-width: 1200px) {
	.cc-blog-header-name-outer{
		height:600px;
	}
}

/* = Image Attachment page
----------------------------------------------- */
.attachment-img{
	background-color: #E8E8E8;
	padding:30px;
	text-align:center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.entry-attachment .entry-caption{
	font-size:1.2em;
	font-weight:300;
	color:#666;
}

.entry-attachment .entry-caption p{
	text-align:center;
}

.previous-image a:link, .previous-image a:visited, .next-image a:link, .next-image a:visited{
	font-size:1em;
	font-weight:300;
	text-decoration:none;
}

.previous-image a:hover, .next-image a:hover{
}

/* = Custom
----------------------------------------------- */
.cc-nav-offset{
height:60px;
}

/* = Carousel
----------------------------------------------- */
.carousel-inner .item{   
    height: 340px !important;
}

.carousel-inner .item h1, .carousel-inner .item p{
	text-align: center;
}