/*
Theme Name: Perfect Blogging
Theme URI: https://www.themeshopy.com/themes/free-wordpress-blog-theme/
Author: ThemeShopy
Author URI: https://www.themeshopy.com/
Description: The perfect blogging is a child theme of Perfect Blog, perfect blogging is attractive and is also categorised as a minimal blog theme crafted solely for the bloggers who are well versed in multipurpose blogging. Some important features accompanied with it are the user friendly personalization options apart from being SEO friendly. Other features included are styling options, call to action button [CTA] and the styling options.The perfect blog is a good blog theme that is associated with multiple characteristics or features.  These are also translation ready making them suitable as far as understanding is concerned. The large slider is attached with a banner and it is where the CTA is. It is one of the important things that attract the visitors. They are experts in making personal blogs or sports blogs or fashion blogs or food blogs for the multipurpose magazines or newspaper theme.  This theme has the compatibility with various feature layouts for different pages, products or posts. There is a security factor associated with it because of the clean code and the bootstrap framework with it increases the development speed. For the easy understanding of the theme, you have the interactive demo as well. Demo https://themeshopy.com/perfect-blog/
Version: 0.1
license : GNU General Public License v3.0
License URI : http://www.gnu.org/licenses/gpl.html
Text Domain: perfect-blogging
Template: perfect-blog
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, featured-images, front-page-post-form, full-width-template, footer-widgets, one-column, sticky-post, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, grid-layout, three-columns, blog, news
*/

/* Header Section */
body{
	font-family: 'Exo', sans-serif;
}
#header{
	background: #3f424e;
}
#header .logo a {
    font-size: 50px;
    color: #97cb17;
}
.page-template-custom-front-page #header .logo p{
	color: #000;
}
#header .logo p{
	font-size: 15px;
	margin-bottom: 0;
}
#header .logo h1{
	margin-bottom: 0;	
}
#header .logo {
    padding: 10px 0;
}
#header .nav ul,
.social-media{
	margin: 30px 0;
}
.page-template-custom-front-page .social-media i{
	border: solid 1px #3f424e;
	color: #3f424e;	
}
.social-media i{
	padding: 10px;
	border: solid 1px #fff;
}
.social-media i:hover{
	background: #97cb17;
	color: #fff;
}
.page-template-custom-front-page #header{
	background: #ffffffed;
	padding: 0;
}
.page-template-custom-front-page #header .nav ul li a,
.page-box h4 a,
#sidebar h3{
	color: #3f424e;
}
#header .nav ul li a:hover, 
#header .nav ul li a:active,
h1.entry-title, h1.page-title{
	color: #97cb17;
}
#footer{
	background: #3f424e;
}
#sidebar input[type="submit"],
.second-border a:hover,
.pagination .current,
.pagination a:hover,
#sidebar .tagcloud a:hover,
.copyright,
#footer .tagcloud a:hover,
span.meta-nav{
	background: #97cb17;
}
#footer .tagcloud a,
#footer input[type="search"]{
	background: transparent;
	border: solid 1px #333;
}
#footer input[type="submit"]{
	width: 100%;
	background: #97cb17;
}
#footer label{
	width: 100%;
}
#comments input[type="submit"].submit{
	background: #97cb17 !important;
}
.copyright,
.copyright a{
	color: #000;
}

/* Gallery */
.entry-gallery img{
	border: solid 2px #000 !important; 
}
.entry-gallery .gallery-item {
    width: 31% !important;
    margin: 5px;
}

/* Sidebar */
#sidebar h3{
	text-transform: uppercase;
}

/*  Slider  */
#slider .slide-cap a.read-more{
	border: none;
	padding: 0;
}
.below-slider,
.category-post{
	padding: 3% 0;
}
.category-section{
	padding: 0;
}

/* Category Post Section */

.overlay h4 {
    padding: 0;
    color: #3f424e;
    font-weight: 600;
}
.metabox {
    color: #74767d;
    border-top: solid 1px #ebeced;
    border-bottom: solid 1px #ebeced;
    padding: 5px 0;
}
.metabox a{
	color: #74767d;
}
.overlay p {
    color: #74767d;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
}
.read-comp a {
    color: #3f424e;
    font-size: 12px;
    font-weight: bold;
}
.main-cat-box {
    margin-bottom: 20px;
}

/* Custom Post */

span.entry-comments, span.entry-date{
	float: none;
}

@media screen and (min-width: 720px){
	#header .nav ul li:hover > ul li a {
	    padding: 10px;
	}
	#header .nav ul li:hover > ul{
		background: #000;
	}
}