/*
Theme Name: BlogMaster
Theme URI: http://themes4wp.com/theme/blogmaster
Author: Themes4WP
Author URI: http://themes4wp.com/
Description: BlogMaster is a responsive blogging WordPress theme which brings simple and clean design. Theme is very flexible, fully customizable by WordPress Customizr. It’s a perfect fit for Photography, Personal, Fashion, Lifestyle, Business, Non-profits blogs or people looking for a theme with clean design to share their photos, galleries, videos and articles. Theme is ultra fast, Ad ready and SEO friendly. Customizr lets you change sidebar postion, add favicon, logo, background picture, hide sections… etc. Theme is translatable so you can easily localize it in the language you want. Check the demo at http://demo.themes4wp.com/blogmaster/
Version: 1.1.1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, theme-options, translation-ready, blog
Text Domain: blogmaster

*/

/* The bootstrap.css file is auto-enqueued in functions.php */

.rsrc-container {

}

.rsrc-header {
    background-color: #f4f4f4;
}

.rsrc-header-img img {
    max-height: 50px;
}

.rsrc-header-text {
    float: left;
    padding-left: 20px;
}

.rsrc-top-menu {
}

.rsrc-content {
    position: relative;
}

.rsrc-main {
    padding: 0;
    position: relative;
    background-color: #fff;
}
.rsrc-left, .rsrc-left-sticky {
    background-color: #eaeaea;
    padding-top: 15px;
}

.rsrc-right, .rsrc-right-sticky {
    background-color: #eaeaea;
    padding-top: 15px;
}
#content-top-section {
    background-color: #eaeaea;
    padding: 15px;
}
.rsrc-footer-menu {

}

.rsrc-author-credits {
    padding: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #eaeaea;
    border-top: 1px solid #85FF00;
}

.rsrc-footer {

}
/* Fix nav on hover */
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  ul.nav ul li:hover > ul.dropdown-menu {
    left: 100%;
  }
}
ul li li .dropdown-submenu>a:after {
    display: none;
}
/* Menu opened in responsive */
@media only screen and (max-width: 768px) {
  .dropdown-menu {
    position: static;
    display: block;
    float: none;
    padding: 10px 0; 
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color: #fff;
    padding: 3px 30px;
  }
  .dropdown-submenu>.dropdown-menu {
    padding-left: 10px;
  }
}
  
.sticky {
}
.bypostauthor {
}
img {
  max-width: 100%;
  height: auto;
}
.featured-thumbnail {
  overflow: hidden;
	position: relative;
	cursor: pointer;
}

.featured-thumbnail img {
  width: 100%;
}
.featured-thumbnail {
	position: relative;
}
/* Flashing */
.featured-thumbnail:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

h1.site-title, h2.site-title {
    font-size: 36px;
    margin-bottom: 0;
    margin: 0;
    line-height: 50px;
}
.navbar {
    border-radius: 0;
} 
/* 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 */
}
/* Navigation */
.pager li>a, .pager li>span, .pager li>a:hover, .pager li>a:focus {
  display: inline-block !important;
  padding: 2px 5px !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

.nav-previous{float:left;}
.nav-next{float:right;}
.post-navigation{clear:both;margin:10px 0 0 0;overflow:hidden; }
.post-navigation div{ display: block; position: relative;font-size: 14px;color: #999;}
.post-previous{float: left;padding-left: 30px; text-align: left;}
.post-next{	float: right;text-align: right;padding-right: 30px;}
.post-navigation div span{display: block;	font-size: 90%;	color: #999;}
.post-navigation div a:after{	position: absolute;	font-size: 45px;line-height: 40px;font-weight: bold;top:0;}
.post-previous a:after{content: '\00ab';	left:0;}
.post-next a:after{content: '\00bb';	right:0;}

/* Single Author */
.postauthor-content img {
    float: left;
    margin-right: 10px;
}
.postauthor-container {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

/* Related posts */
.related-posts ul {
    padding: 15px;
}
.related-posts li {
    list-style-type: none;
    position: relative;
    padding: 0;
    min-height: 200px;
}
 

/* Content */
.home-header {
    padding: 10px 20px;
}
.home-header .page-header a, .page-header {
    letter-spacing: 2px;
    text-decoration: none;
    font-weight: bold;
    color: #3d3d3d;
    font-size: 35px;
    margin-bottom: 10px;
}
.page-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.rsrc-main .featured-thumbnail img {

}
.entry-summary {
    color: #939393;
    line-height: 1.8;
    margin: 20px 0;
}
.first-textarea {
    background-color: #85FF00;
    color: #fff;
    padding: 30px;
    line-height: 28px;
    letter-spacing: 2px;
    font-size: 115%;
}
.first-textarea a:hover{
    color: #fff;
    text-decoration: underline;
}
/* Pagination */
.navigation.pagination {
    width: 100%;
    text-align: center;
    background-color: #85FF00;
    border-radius: 0;
    padding: 25px;
    margin: 0;
}
.nav-links {
    display: inline-block;
}
.nav-links a, .nav-links span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #ffffff;
    color: #000;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.nav-links span.current {
    background-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
}
/* Featured home */
.hover-style .home-header .page-header a {
    letter-spacing: 2px;
    font-size: 60%;
    line-height: 60%;
    color: #fff;
}
.hover-style {
    display: inline-block;
    padding: 0;
    
}
.home-featured .home-header .entry-summary, .related-posts .entry-summary{
    color: #fff;
}
.hover-style {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.hover-style .home-header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
    background-color: rgba(0, 0, 0, 0.40);
    border-left: 10px solid #85FF00; 
}
.hover-style:hover .home-header {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.hover-style .page-header {
    margin-left: -30px;
    padding: 10px 15px;
    margin-right: -20px;
    background-color: rgba(0, 0, 0, 0.40);
    border-left: 10px solid #85FF00;
    -webkit-transform: translateY( -webkit-calc(-100% - 20px) );
    transform: translateY( calc(-100% - 20px) );
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
}
.hover-style:hover .page-header {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
 
/* Button outline */
.btn.outline {
	background: none;
	padding: 10px 15px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.btn-primary.outline {
	border: 2px solid #85FF00;
	color: #6F6F6F;
	border-radius: 0;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #000;
	border-color: #000;
	background-color: #FFFFFF;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #85FF00;
	color: #85FF00;
	box-shadow: none;
}

/* Custom buttons */
.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

/* breadcrumbs */
#breadcrumbs {
    padding: 15px;
    background-color: #eaeaea;
}
#breadcrumbs .fa{
  margin-right: 5px;
}
/* Widget */
.widget h3 {
    font-size: 16px;
    color: #3d3d3d;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.widget ul {
    padding-left: 15px;
}
/* Post Content */
.rsrc-main .rsrc-post-content {
  padding: 2%;
  background-color: #fff;
}

/* Back to top */
#back-top {
	position: fixed;
	bottom: 0;
	right: 10px;
  z-index: 999;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
  opacity: 0.7;
}
#back-top a:hover {
	opacity: 1;
}
#back-top span{
	width: 40px;
	height: 40px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #85FF00;
}
#back-top span:before {
	font-family: 'FontAwesome';
  content: "\f106";
  line-height: 40px;
  font-size: 25px;
  color: #fff;
}

/* Commentform */
form#commentform p input {
    width: 100%;
}
.no-comments {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding: 15px 0;
}
.no-comments p {
    margin-bottom: 5px
}
.fa-comments-o.comment-icon {
    font-size: 35px;
    opacity: 0.7;
}
/* Widgets */
.widget_nav_menu li {
    width: 100%;
}
.widget_nav_menu li:before {
    margin-right: 5px;
}
.widget {

} 
.header-ad .widget {
    padding: 25px 15px;
}
.header-ad #searchform {
    min-width: 250px;
}
#header-ad-section {
    float: right;
}

/* Meta */
.post-meta {

}
time.posted-on.published, .author-link, .comments-meta-icon, .cat-meta-icon {
    background-color: #85FF00;
    width: 70px;
    height: 70px;
    padding: 18px;
    display: inline-block;
    line-height: 17px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #fff;
    word-wrap: break-word;
	  -webkit-transition: .3s ease-in-out;
	  transition: .3s ease-in-out;
}
time.posted-on.published, .author-link, .comments-meta-icon, .cat-meta-icon {
    padding: 18px 8px;
}
time.posted-on.published:hover, .author-link:hover, .comments-meta-icon:hover, .cat-meta-icon:hover {
    background-color: #6B6B6B;
}
@media only screen and (max-width: 992px) {
  time.posted-on.published, .author-link, .comments-meta-icon, .cat-meta-icon {
    margin-top: 20px;
}
}
.fa.comments-meta-icon, .fa.cat-meta-icon {
    font-size: 35px;
    line-height: 35px;
    position: relative;
}
.author-link {
    padding: 10px;
}
.author-link img {
    margin-bottom: 18px;
}
.comments-link {
    position: absolute;
    top: 0;
    font-size: 14px;
    line-height: 70px;
    left: 0;
    font-weight: bold;
    color: #85FF00;
    width: 100%;
    text-align: center;
}
.post-meta div {
    cursor: pointer;
}
.popover-title {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.popover-content a {
    font-weight: bold;
    color: #85FF00;
}