/*
Theme Name: Manco Septic Blog
Theme URI: http://www.firstpagemarketing.com/
Author: FirstPage Marketing
Author URI: http://www.firstpagemarketing.com/
Description: Developed and designed by FirstPage Marketing
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dmelectricblog
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dmelectricblog is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


.title-band span {
    position: relative;
    color: #eaeaea;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.page_cover {
    margin: 80px 0px;
}

.page_cover h2, .blog-post h1 {
    font-size: 32px;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    margin-bottom: 15px;
    position: static;
    text-align: left;
}

.page_cover h2 a, .blog-post h1 a {
    text-decoration: none;
}

.page_cover h2:before {
    content: none;
}    

.page_cover .fas {
    padding-right: 5px;
}

.blog-post .normal-content-band {
    text-align: left !important;
}
.blog-post .normal-content-band h1,
.blog-post .normal-content-band h2,
.blog-post .normal-content-band h3,
.blog-post .normal-content-band h4,
.blog-post .normal-content-band h5,
.blog-post .normal-content-band h6,
.blog-post .normal-content-band ul,
.blog-post .normal-content-band ol {
  text-align: left;
  margin: 0;
}

.wp-block-categories {
    background-color: #f3f3f3;
}

.wp-block-categories li a {
    font-size: 18px;
    color: #000000;
    font-weight: 800;
    font-family: "Barlow", sans-serif;
    width: 100%;
    display: block;
    line-height: 28px !important;
    margin: 0 !important;
    padding-bottom: 0;
    padding: 15px 40px 15px 20px !important;
    position: relative;
    text-transform: capitalize;
}

.wp-block-categories li a:hover {
    background-color: #4f504a;
    color: #fff;
    text-decoration: none;
}
}

@media (max-width: 767px) {

    .page_cover .btn {
        margin-top: 30px;
    }

}

.blog_roll { padding-top: 30px;}
.blog-thumb { max-width: 100%; height: auto; width: 100%; border: 1px solid #f5d33c;}
.featured-image { max-width: 50%!important; height: auto;}
/*.blog-post h1 { font-size: 2.2rem; margin-bottom: 10px; line-height: 38px;}*/

.wp-pagenavi{display:block;   position:relative;  margin-top:10px; margin:20px 15px 0; text-align:center}
.wp-pagenavi span , .wp-pagenavi a{color:rgb(50,50,50); font-weight: bold; display:inline-block; border:0; background-color: #fff;  border-radius: 3px;}
.wp-pagenavi span.current {background: #d2d2d2; color:#2e2e2e; font-weight:normal} 
.wp-pagenavi a, .wp-pagenavi span {color:white;display: inline-block;font-size:18px; margin: 0 2px;padding: 12px 10px; text-decoration: none; font-weight:normal; text-transform:uppercase}
.wp-pagenavi span {color: black !important;}
.wp-pagenavi a { background-color: #da9101; text-decoration: none;}

a.previouspostslink{left: 0;position: absolute; float:left; color:#fff; }
a.nextpostslink {float: right;position: absolute;right:0; color:#fff; }

.wp-pagenavi a:hover {background: rgb(218, 145, 1);color: #fff}

.page_cover  .row .blog_roll .col-md-4 { padding-left: 15px; padding-right: 15px;}
.page_cover  .row .blog_roll .col-md-8 { padding-left: 15px; padding-right: 15px;}
.blog-categories { margin-bottom: 10px; line-height: 28px}

.owner ul li a { line-height: 34px; display: block; padding-left: 5px; position: relative; left: -5px;}
.owner ul li.current-cat a { background-color: #efefef;}
.owner ul li a:hover { background-color: rgb(218, 145, 1); color: #fff;}
.owner ul li.current-cat a:hover { background-color: rgb(218, 145, 1); color: #fff;}

.socialshare { margin-bottom: 25px;}
.blog-categories { margin-bottom: 20px; display: block;}

  /* Image Alignment */
.blog-post .alignnone , .blog-post a img.alignnone {margin: 5px auto 50px; max-width: 100%; display:block;}
.blog-post .aligncenter, .blog-post div.aligncenter {display: block; margin: 5px auto 60px auto; max-width: 100%}
.blog-post .alignright , .blog-post a img.alignright{float:right; margin: 5px 0 10px 20px !important; max-width: 100%}
.blog-post .alignleft , .blog-post a img.alignleft {float: left; margin: 5px 20px 10px 0; max-width: 100%}
.blog-post a img.aligncenter {display: block;  margin-left: auto; margin-right: auto; max-width: 100%}

.blog_item p { cursor: pointer; margin-bottom: 20px;}
/*.blog_item p:hover { color: #1c7c7b}*/

.blog_item img { cursor: pointer}
.blog_item img:hover { border-color: #1c7c7b;}

@media only screen and (max-width: 1000px) and (min-width: 768px){
.blog-post .alignnone, .blog-post a img.alignnone, .blog-post .aligncenter, .blog-post div.aligncenter, .blog-post .alignright, .blog-post a img.alignright, .blog-post .alignleft, .blog-post a img.alignleft {
    margin: 30px auto;
    float: none;
    display: block;
}
}
@media (max-width: 767px) {
	/* Image Alignment */
.blog-post .alignnone , .blog-post a img.alignnone , .blog-post .aligncenter, .blog-post div.aligncenter ,  .blog-post .alignright , .blog-post a img.alignright , .blog-post .alignleft ,.blog-post a img.alignleft{margin: 15px auto 20px !important; float:none; display: block; max-width: 550px; width: 100%;}
	.blog-thumb { margin-bottom: 20px; }
	.featured-image { max-width: 500px!important; display: block; margin: 0 auto 20px; float: none}
	
}