/*
Theme Name: Foober
Author: Foober
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);

*{  border: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}


body{padding:0; margin:0; font:400 14px/26px 'Open Sans', sans-serif; color:#292929; cursor:default; background-color:#ecf0f5;}
h1, h2, h3, h4, h5, h6, form, input{padding:0; margin:0; outline:none; font-weight:400;}
button::-moz-focus-inner {border: 0;}
img{border:none; max-width:100%; height:auto; vertical-align:top;}
a{text-decoration:none; cursor:pointer; color:#05b19f;}
div, a, img{outline:none;}
.left{float:left;}
.right{float:right;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.hide{display:none !important;}

.clearfix:before, .clearfix:after{content: " ";  display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

strong{font-weight:600;}
p{padding:0 0 20px 0; margin:0;}

hr{border:none; border-bottom:solid 1px #dadada; margin:20px 0;}
h1, h2, h3, h4, h5, h6{font-weight:700;}
h1{font-size:22px; line-height:30px; margin-bottom:15px;}
h2{font-size:20px; line-height:26px; margin-bottom:15px;}
h3{font-size:18px; line-height:24px; margin-bottom:15px;}

@media (min-width: 1240px) {
  .container{width: 1210px;}
}


/*Main CSS
-----------------------------------------------------------------------------------------------------------*/
#main{padding:150px 0 55px 0;}

#main-content{float:left; width:74%;}
#secondary{float:right; width:26%; padding-left:25px;}



.btn{display:inline-block; background:#bbbfc3; border-radius:5px; font:400 15px/22px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; text-align:center; padding:14px 20px; border:none; -webkit-appearance: none; appearance: none; cursor:pointer;} 
.btn:hover{background:#171717; color:#fff !important;}


label{display:inline-block; padding-bottom:5px;}
.form-group{margin-bottom:15px;}
.input{ background:#fff; border:solid 1px #cccccc; border-radius:5px; height:40px; padding:8px 12px; width:100%;  font:400 15px/22px 'Open Sans', sans-serif;  color:#414141; -moz-box-sizing: border-box; box-sizing: border-box;}
.textarea{ background:#fff; border:solid 1px #cccccc; border-radius:5px; height:100px; padding:8px 12px; width:100%;  font:400 15px/22px 'Open Sans', sans-serif;  color:#4c4c4c; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;}



.section{background:#fff; padding:40px; border-radius:5px;}
.specction{background:#ee8222; padding:30px 60px; margin:40px 0; border-radius:5px; font-size:14px; color:#ffffff;}

.section .recent-post:first-child{padding-top:0;}
.recent-post{border-bottom:solid 2px #c4c4c4; padding:34px 0; font-size:13px; line-height:22px;}
.recent-post .post-thumbnail{float:left; width:50%; margin-top:6px; padding:0; background:none;}
.recent-post .post-right{float:right; width:50%; padding-left:30px;}
.recent-post h1.entry-title{font-size:18px; margin:0; text-transform:uppercase; color:#05b19f;}
.recent-post h1.entry-title a{color:#05b19f;}
.recent-post h1.entry-title a:hover{color:#292929;}
.recent-post .entry-meta{margin-bottom:20px;}

.entry-meta{line-height:22px;}
.entry-meta a{color:#292929;}
.entry-meta span.entry-date{background:url(images/devider.jpg) 7px 5px no-repeat; padding-left:14px; display:inline-block;}
.entry-meta span.cat-links{background:url(images/devider.jpg) 7px 5px no-repeat; padding-left:14px; display:inline-block;}
.entry-meta span.comments-link{background:url(images/devider.jpg) 7px 5px no-repeat; padding-left:14px; display:inline-block;}
.entry-meta span.rating{background:url(images/devider.jpg) 7px 5px no-repeat; padding-left:14px; display:inline-block;}

.post{background:#ffffff; border-radius:5px; padding:0;}
.post .entry-header{padding:30px;}
.post .entry-meta{margin-bottom:15px;}
.post .post-thumbnail{background:url(images/post-thumb-bg.jpg) 0 bottom repeat-x; padding-bottom:80px; display:inline-block; max-width:100%;}
.post  h1.entry-title{font-size:22px; margin:0 0 10px; text-transform:uppercase; color:#05b19f;}
.post .entry-content{padding:30px;}

.lead{background:#f5b415; padding:20px 20px 0 20px; margin-bottom:20px; border-radius:5px; color:#fff; text-align:left; font:600 italic 20px/25px 'Open Sans', sans-serif; text-transform:uppercase;}


.pagination{margin-top:35px; text-align:right;}
.pagination a{display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; border-radius:5px; background:#bbbfc3; margin-left:6px; color:#fff;}
.pagination a.active, .pagination a:hover{background:#ee8222;}

.post-navigation{padding:25px 0;}
.post-navigation a{min-width:160px; display:inline-block; background:#bbbfc3; border-radius:5px; font:400 20px/24px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; text-align:center; padding:13px 20px; border:none; -webkit-appearance: none; appearance: none; cursor:pointer;} 
.post-navigation a:hover{background:#171717; color:#fff !important;}
.post-navigation a:last-child{float:right;}

.post-navigation .nav-prev{float:left;}
.post-navigation .nav-next{float:right;}

.widget-area{ font-size:13px; line-height:22px;}
.widget-area .widget{margin-bottom:35px; word-wrap:break-word; background:#ffffff; padding:10px 10px; border-radius:5px; overflow:hidden;} 
.widget-area .widget:last-child{margin-bottom:0;}
.widget-area h1.widget-title{color:#fff; background:url(images/pattern.png) #05b19f; padding:9px 15px; font-size:20px; line-height:26px; margin:-10px -10px 10px;}
.widget-area .widget ul{padding:0; margin:0; list-style:none;}
.widget-area .widget ul li{ border-top: 1px solid #c4c4c4; padding:5px 0;}
.widget-area .widget ul li:first-child{padding-top:0; border-top:none;}
.widget-area .widget ul li a{color:#000;}

.search-form{position:relative;}
.search-form .screen-reader-text{display:none;}
.search-form label{padding:0; margin:0; display:block;}
.search-form .search-field{background:#fff; border:solid 1px #cccccc; height:50px; border-radius:5px; padding:13px 12px 13px 34px; width:100%; font:400 16px/24px 'Open Sans', sans-serif; color:#2d2d2d; -moz-box-sizing: border-box; box-sizing: border-box;}
.search-form .search-submit{width:34px; height:50px; position:absolute; left:0; top:0; z-index:9; background:url(images/search.png) center center no-repeat; border:none; text-indent:-9999px; -webkit-appearance: none; appearance: none; cursor:pointer;}
.widget-area .widget.widget_search{padding:0;}
.widget_search .search-form .search-field{border:none;}


.widget-area .widget.widget_recent_post{}
.widget-area .widget.widget_recent_post ul{padding:0; margin:0; list-style:none;}
.widget-area .widget.widget_recent_post ul li{ border-top: 1px solid #c4c4c4; padding:15px 15px 15px 102px !important; min-height:84px; position:relative;}
.widget-area .widget.widget_recent_post ul li:first-child{padding-top:0; border-top:none;}
.widget-area .widget.widget_recent_post ul li a{color:#292929;}
.widget-area .widget.widget_recent_post ul li a:hover{color:#000;}
.widget-area .widget.widget_recent_post ul li .thumb{position:absolute; left:15px; top:15px; z-index:9;}
.widget-area .widget.widget_recent_post ul li .meta span{background:url(images/devider.jpg) 7px 5px no-repeat; padding-left:14px; display:inline-block;}
.widget-area .widget.widget_recent_post ul li .meta span:first-child{padding:0; background:none;}

ul.social-link{padding:0; margin:0; list-style:none;}
ul.social-link li{padding:15px 25px !important;}
ul.social-link li a{display:block; position:relative; min-height:44px; padding-left:58px; color:#463a2c; font-size:20px; line-height:44px; text-transform:uppercase;}
ul.social-link li a img{position:absolute; left:0; top:0;}


.comments-area{padding:20px 30px; margin-bottom:36px; background:#fff; border-radius:5px;}
.comments-area h2.comments-title{color:#292929; font-size:15px; line-height:24px; font-weight:600;}
.comments-area ol.comment-list{padding:0; margin:0; list-style:none;}
.comments-area ol.comment-list li.comment{}
.comments-area ol.children{padding:0 0 0 145px; margin:0; list-style:none;}
.comments-area ol.children li.comment{}

.comment-body{position:relative; padding:10px 0 10px 145px; margin-bottom:10px; min-height:128px;}
.comment-body .vcard{position:absolute; left:0; top:16px; width:118px;}
.comment-body p{padding-bottom:10px;}
.comment-body .rating{padding-bottom:10px;}
.comment-body .author-social-link{}
.comment-body .author-social-link a{color:#7f7f7f; margin-right:10px; font-size:20px;}
.comment-body .reply{position:absolute; right:0; bottom:10px;}
.comment-body .reply a{color:#292929; font-size:13px;}
.comment-body a:hover{color:#05b19f;}

.comment-respond{}
.comment-respond p{padding-bottom:15px;}
h3.comment-reply-title{text-transform:uppercase; font-size:20px; margin:0;}
input#author, input#email, input#url{background:#d3d7dc; border:none; border-radius:5px; height:50px; padding:13px 25px; width:100%;  font:400 15px/24px 'Open Sans', sans-serif; text-transform:uppercase; color:#0b0b0b; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea#comment{background:#d3d7dc; border:none; border-radius:5px; height:50px; height:135px; padding:13px 25px; width:100%;  font:400 15px/24px 'Open Sans', sans-serif;  color:#0b0b0b; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;}



.comment-respond .comment-form-author, 
.comment-respond .comment-form-email, 
.comment-respond .comment-form-url{float:left; width:33.33%; padding:0 15px 15px;}
.form-submit{padding-top:10px; text-align:right;}
.comment-respond .rating{padding:5px 0;}
.comment-respond .rating a{color:#bbbfc3; font-size:22px; margin-right:5px; display:inline-block;}
.comment-respond .rating a:hover, .comment-respond .rating a.active{color:#000;}
input#submit{display:inline-block; background:#ee8222; border-radius:5px; font:400 20px/24px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; text-align:center; padding:13px 20px; border:none; -webkit-appearance: none; appearance: none; cursor:pointer;} 
input#submit:hover{background:#171717; color:#fff !important;}

.rating{color:#bbbfc3;}
.rating .active{color:#000;}


.related-post-area{background:#ffffff; margin-bottom:36px; border-radius:5px; position:relative;}
h2.related-post-title{font-size:20px; line-height:26px; text-transform:uppercase; padding:10px 25px; background:url(images/post-thumb-bg.jpg); border-bottom:solid 7px #f89e1c; margin-bottom:15px; border-radius:5px 5px 0 0;}
.related-post-row{padding:0 10px;}
.related-post-row .related-post{width:195px; margin:0 auto;}
.related-post-row .related-post .thumb{margin-bottom:20px;}
.related-post-row .related-post h4{font-size:15px; font-weight:600; line-height:24px; color:#292929; margin:0;}
.related-post-row .related-post h4 a{color:#292929;}
.related-post-row .related-post .meta span{background:url(images/devider.jpg) 7px 7px no-repeat; padding-left:14px; display:inline-block;}
.related-post-row .related-post .meta a{color:#292929;}
.related-post-row .related-post .meta a:hover{color:#05b19f;}
.related-post-row .related-post .meta span:first-child{padding:0; background:none;}

ul.related-post-list{padding:0; margin:0; list-style:none; width:100%;}
ul.related-post-list li{float:left;}
#RelatedPostPrev, #RelatedPostNext{position:absolute; top:140px; font-size:18px; color:#fff; width:40px; height:40px; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.4); border-radius:100%;}
#RelatedPostPrev{left:10px;}
#RelatedPostNext{right:10px;}
#RelatedPostPrev:hover, #RelatedPostNext:hover{background:rgba(0, 0, 0, 0.8);}




.btn, .pagination a, .post-navigation a, input#submit, #RelatedPostPrev, #RelatedPostNext{
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear; 
}