/*
	Theme Name: BlogPress 2016
	Theme URI: https://www.slicemytheme.com
	Description: Simple Blog Theme
	Version: 1.1
	Author: SLICEmyPAGE
	Author URI: https://www.slicemypage.com
	Tags: Blog

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php

	Text Domain: blogpress-2016
*/
/*reset css starts here*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; font-weight:400; border:0 }
form, fieldset { width:100% }
img { border:0; max-width:100%; }
a { text-decoration:none; border:0; outline:0; color:#333; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
a:hover{color:#00b22d; text-decoration:none;}
.clear { clear:both; width:auto !important }
ul { list-style:none; }
textarea,input {resize:none;-webkit-appearance:none;border-radius:0;outline:none;}
a:focus, input:focus,button:focus, textarea:focus { outline:0 !important; box-shadow:none !important;}
.nobg { background:transparent !important;}
/*reset css ends here*/
body { margin:0px; padding:0; font-size:14px; line-height:24px; font-family: 'Bitter'; color:#666; background:#444349 url(include/images/body-bg.png) repeat left top; font-weight: 400; }
.container { width:100%; max-width:1100px; }
a, input, button { text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color:#00b22d; text-decoration: none;}
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color:inherit; }
::-webkit-input-placeholder {color:#999; opacity: 1;}
::-moz-placeholder {color:#999; opacity: 1;}
:-moz-placeholder {color:#999; opacity: 1;}
:-ms-input-placeholder {color:#999; opacity: 1;}
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; margin-bottom:15px; line-height:125%; font-weight:700; color:#00b22d;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 23px;}
h4 {font-size: 20px;}
h5 {font-size: 17px;}
h6 {font-size: 14px;}
p { margin:0px; padding:0px; margin-bottom:25px; }
b{font-weight:600;}
strong{font-weight:700;}
p:last-child { margin-bottom:0; }
.mar-40{margin-bottom:40px !important;}
.mar-30{margin-bottom:30px !important;}
.no-mar{margin:0 !important;}
.btn, .submit{ font-weight:400; padding:9px 15px 6px; font-size:15px; border-radius:4px; }
.btn-default, .submit {color: #fff; background-color:#00b22d; border:0; border-bottom:solid 3px #00b22d; box-shadow:none; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .submit:hover, .submit:hover, .submit:active{ color: #00a72a; background-color: #f7f7f7; border-color: #00a72a; box-shadow:0 -2px 1px rgba(0,0,0,0.05);  }
.btn.btn-lg{padding:18px 40px !important;}
/* --------- header start ---------*/
header{text-align:center; margin:0 0 30px 0; background: #fff; padding: 0px;  box-shadow: 0px 12px 12px rgba(0,0,0,0.1);}
.header-upper{padding:20px 0;}
header h1, header p{margin:0;}
.logo{width:180px;}
.navbar-default{background-color:#00b22d;border:0; margin:0;}
.navbar-header{display:none;}
.navbar-default .navbar-nav {width:100%; text-align:center;}
.navbar-default .navbar-nav > li{float:none; display:inline-block;}
.navbar-default .navbar-nav > li > a{color:#fff; margin: 0px; }
.navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li.active > a, .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{color:#fff; background:#444349;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, {background-color:transparent; color:#00b22d;}
.navbar-nav > li:hover .dropdown-menu{opacity:1; visibility:visible; top:100%;}
.navbar-nav > li > .dropdown-menu{min-width:205px; background-color: #00b22d; border:0; border-radius:0 0 4px 4px; padding:0; overflow:hidden; top:150%; display:block; opacity:0; visibility:hidden; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; moz-transition:all 0.3s ease; left:0;}
.dropdown-menu > li > a{color:#fff;font-size:14px;line-height:36px;border-bottom: 1px solid #00b22d;}
.dropdown-menu > li:hover > a,.dropdown-menu > li.active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .current-menu-parent {background-color:#444349; color:#fff;}
.dropdown-menu > li:last-child > a{border-bottom:0;}
.dropdown-menu > li > a i{font-size:17px;}
.navbar-default .navbar-nav > li:last-child > a{margin-right:0;}
/* --------- header start ---------*/
.outer-container{width:100%;position:relative;display: inline-block;clear: both;}
.main-container{width: 70%;float:left; }
.heading{margin-bottom:25px;}
.heading span{color:#fff;}
/* -------- Sidebar start ---------- */
.sidebar{width: 30%; float: right; padding-left:30px;}
.widget{margin-bottom:30px; background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0px 12px 12px rgba(0,0,0,0.15); border-bottom:solid 6px #00b22d;}
.widget_search{padding:0;}
.search-input{width:100%; border:0; padding:10px;  background-color:#f7f7f7; border-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;}
.search-input:focus{box-shadow:0 2px 2px rgba(0,0,0,0.1) inset !important;}
.widget_search .search-input{background:transparent;}
.widget ul li{position:relative;padding-left: 18px;margin-bottom: 10px;}
.widget ul li:before{content: '\f192';font-family:'fontAwesome'; position:absolute;left:0;font-size: 10px;color: #00b22d;}
.tagcloud > a{padding:5px 10px; color:#00b22d; border:solid 1px; font-size:12px !important;}
.tagcloud > a:hover{background-color:#00b22d; color:#000; border-color:#00b22d;}
/* -------- Sidebar end ---------- */
/* -------- Post start ---------- */
article{margin-bottom:50px; background: #fff; padding: 4px; border-radius: 4px; box-shadow:0px 12px 12px rgba(0,0,0,0.15); border-bottom:solid 6px #00b22d;}
.content-container{margin-bottom:30px; background: #fff; padding:35px 25px; border-radius: 4px; box-shadow:0px 12px 12px rgba(0,0,0,0.15); border-bottom:solid 6px #00b22d;}
.outer-meta{position:relative; padding:25px 25px 25px 160px;}
.post-meta{position:absolute;left: 10px;top: -30px;width: 145px;padding-left: 0;background: #fff;padding: 10px;border-radius: 4px;}
.post-meta > div,.post-meta > span{margin-bottom:10px; font-size:12px;}
.post-meta > div > i,.post-meta > span > i{width:15px;text-align:center;color: #00b22d;}
blockquote{border-color:#00b22d; color:#00b22d;}
.post-content h2 a:hover{color:#444349;}
.has-post-video .post-image a:before{    content: '\f04b'; font-family: 'fontAwesome'; font-size: 70px; line-height:80px; margin:-40px 0 0 -27px; color: #fff; color:rgba(255,255,255,0.9); position: absolute; left: 50%; top: 50%;}
.single-post .has-post-video .post-image:hover a:before{display:none;}
.single-post .has-post-video .post-image a:before{color:#000;}
/* -------- Post end ---------- */
/* -------- Pagination start ---------- */
.pagination-container{width:100%; text-align:center; margin-bottom:40px; clear:both;}
.pagination{margin:0;}
.pagination > a, .pagination > span{background: #fff; padding:8px 18px; margin:2px; float:left;border-radius: 2px; box-shadow:0px 1px 1px rgba(0,0,0,0.1);}
.pagination > a:hover, .pagination > a:focus, .pagination > a.active, .pagination .current{background:#00b22d; color:#fff;}
/* -------- Pagination end ---------- */
/* --------- post single start ---------*/
.single-post-content{padding:30px;}
.single-post .post-meta{position:relative; width:100%; top:auto; left:auto; background:transparent; padding:0; margin-bottom:20px;}
.single-post .post-meta > span{margin-right:15px;}
.post-image{position:relative; background:#222;}
.tag{color:#666;}
.tag > a{color:#666;}
.tag > a:hover{color:#00b22d;}
#comments{padding: 0; margin: 30px 0;}
#comments ul > ul{ margin-left: 40px;}
#comments ul li{padding: 15px;margin-bottom: 15px;position:relative;background: #f7f7f7;border-radius: 4px;}
.comment .avatar {width: 60px;height: 60px; left: 15px; top: 15px; z-index: 1; position: absolute; padding:3px; border-radius: 50%;}
.comment .desc {position: relative;padding-left: 75px;}
.comment .desc h4 { margin-bottom: 5px; }
.comment .desc .date {margin-bottom: 0;font-size: 75%;color: #000;}
.comment-container{padding:35px;}
.comment-container p{margin-bottom:15px;}
.reply{text-align:right; margin-bottom:15px !important;}
label{font-weight:700; display:block; font-size:16px;}
input[type=text], textarea, .form-control{width:100%; background-color:#f7f7f7;  padding:10px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; border:0; border-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.1) inset !important;}
input[type=text]:focus, textarea:focus, .form-control:focus{box-shadow:0 2px 2px rgba(0,0,0,0.1) inset !important;}
textarea{resize:none; height:160px;}
.recentcomments a, .author-box p a{color:#00b22d;}
.author-box{ margin:0 0 30px 0;  padding:15px; padding-left:90px; background:#f7f7f7; border-bottom:solid 6px #00b22d; border-radius:4px; position:relative; }
.author-box > img{position:absolute; left:15px; top:15px; float:left;}
ul.social-link{width:100%; display:inline-block;}
ul.social-link li{float:left; }
ul.social-link li a{float:left; margin:1px; width:32px; height:32px; line-height:32px; text-align:center;}
.post-nav{width:100%; display:inline-block; clear:both; margin-bottom:30px; background: #fff; padding: 0; border-radius: 4px; box-shadow:0px 12px 12px rgba(0,0,0,0.15); border-bottom:solid 6px #00b22d;}
.post-nav > div{padding:30px 15px; float:left; width:50%;}
.post-nav > .next-post{text-align:right; }
/* --------- post single end ---------*/
/* --------- footer start ---------*/
footer{width:100%; display: block; clear:both;  background:#fff; padding:10px 0;  box-shadow:0px -12px 12px rgba(0,0,0,0.15); border-top:solid 6px #00b22d; text-align:center;}
/* --------- footer end ---------*/
/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1050px) {

}
/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {
.main-container{padding-right:0; width:100%;}
.sidebar{position:relative; width:100%; float:left; padding:0;}
.outer-meta, .single-post-content{padding:15px;}
.post-meta {position: relative; left: auto;  top: auto; width: 100%; padding: 0; border-radius: 0px; margin-bottom:10px;}
.post-meta > div, .post-meta > span{display:inline-block; margin:0 10px 5px 0;}
}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}
.navbar-header{display:block;}
.navbar-default .navbar-toggle{border-style:dashed;border-width: 0;border-color: #00b22d;margin-top: 10px;margin-right: 10px;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-brand{color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:transparent;}
.navbar-nav > li > .dropdown-menu{opacity:1; visibility:visible; display:none; text-align:center;}
.navbar-nav > li.open > .dropdown-menu{display:block;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #00b22d;border:0;}
.navbar-nav{width:auto; display:block;}
.navbar-default .navbar-nav > li{display:block;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0; background:#444349;}
.navbar-nav .open .dropdown-menu > li > a{padding:5px 15px;}
.navbar-nav .open .dropdown-menu > li > a:hover{color:#fff !important;}

/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
 
}

.wp-caption{}.wp-caption-text{}.sticky{}.screen-reader-text{}.gallery-caption{}.bypostauthor{}.alignright{}.alignleft{}.aligncenter{}