/*
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.3
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

Perfect Blogging WordPress Theme has been created by Themeshopy, 2018.
Perfect Blogging WordPress Theme is released under the terms of GNU GPL

In this theme some code is taken from Twenty Sixteen.
*/

body{
  font-family: 'Exo', sans-serif !important;
  margin: auto !important;
}
a {
  color: #97cb17;
}
a:hover {
  color: #fff;
}
a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/*------------------ Header Section ------------------*/
#header a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.page-template-custom-front-page .fixed-header #header {
  background: #ffffff;
  width: 100%;
}
.page-template-custom-front-page #header a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
#header{
	background: #3f424e;
}
#header .logo a {
  font-size: 35px;
  color: #97cb17;
}
.page-template-custom-front-page #header .logo p{
	color: #3f424e;
  line-height: 1.5;
}
#header .logo p{
	font-size: 15px;
	margin-bottom: 0;
}
#header .logo h1{
	margin-bottom: 0;	
}
.social-media{
	margin: 20px 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-box h4 a,
#sidebar h3{
	color: #3f424e !important;
}
h1.entry-title, h1.page-title{
	color: #97cb17;
}
.page-template-custom-front-page .primary-navigation a{
  color: #000;
  font-weight: 500;
}
.primary-navigation ul{
  margin:12px 0;
}
.primary-navigation ul ul{
  margin: 0;
  border: 1px solid #97cb17;
  border-top: 5px solid #97cb17 !important;
}
.primary-navigation ul ul a, .page-template-custom-front-page .primary-navigation ul ul a{
  color: #97cb17;
  font-size: 14px;
}
.primary-navigation ul a:hover{
  color: #fff !important;
}
.page-template-custom-front-page .primary-navigation ul a:hover, .primary-navigation ul ul li:hover > a{
  color: #000 !important;
}
/*------------------ Gallery ------------------*/
.entry-gallery img{
	border: solid 2px #000 !important; 
}
.entry-gallery .gallery-item {
  width: 31% !important;
  margin: 5px;
}
/*------------------ Sidebar ------------------*/
#sidebar h3{
  border-bottom: 2px solid;
	text-transform: uppercase;
}
#sidebar{
  margin:0;
}
#sidebar .widget{
	margin-bottom: 25px;
}
#sidebar ul {
  list-style: none;
  margin: 0px 13px;
}
#sidebar aside {
  margin-bottom: 3%;
  border-bottom: none; 
}
#sidebar ul li a:hover{
	color: #97cb17;
}
/*------------------ Slider ------------------*/
#slider .slide-cap a.read-more{
	border: none;
	padding: 0;
}
.below-slider,
.category-post{
	padding: 3% 0;
}
.category-section{
	padding: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 0px !important;
  height: auto !important;;
}
#slider .inner_carousel .more-btn a {
  background: none;
  border-radius: none;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 0; 
}
#slider .inner_carousel .more-btn a:hover {
  background: none;
  color: #97cb17;
}
#slider .inner_carousel .more-btn {
  margin-top: 0px; 
}
.middle-align {
  margin: 0 auto;
  padding: 20px 0 20px;
}
/*------------------ Category Post Section ------------------*/
.imagebox {
  padding: 2px 0;
}
.title h2 {
  font-size: 25px;
  margin: 0;
}
.title hr{
  margin-bottom: 15px;
}
.contentbox {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0%;
}
.contentbox h3 {
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  background: #101631c7;
  display: table;
  padding: 15px;
  font-size: 14px;
  letter-spacing: 2px;
}
/*------------------ Single Category Post Section ------------------*/
.overlay h2 {
  padding: 0;
  color: #3f424e;
}
.overlay h4{
  color: #000;
}
.overlay h2 a, .main-cat-box h2 a{
  color: #97cb17;
}
.metabox {
  color: #74767d;
  border-top: solid 1px #ebeced;
  border-bottom: solid 1px #ebeced;
  padding: 5px 0;
  margin-bottom: 10px;
}
.metabox a{
	color: #74767d;
}
.metabox span{
  font-size: 16px;
  margin-right: 5px;
}
.metabox i:hover, .metabox a:hover{
	color: #97cb17;
}
.overlay p {
  color: #74767d;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 10px;
}
.read-comp a {
  color: #3f424e;
  font-size: 14px;
  font-weight: bold;
}
.read-comp a:hover {
	color: #97cb17;
}
.main-cat-box {
    margin-bottom: 20px;
}
span.more {
    padding: 5px;
}
/*------------------ Custom Post ------------------*/
span.entry-comments, span.entry-date{
	float: none;
}
#sidebar aside#woocommerce_product_search-2 button{
  background: #97cb17;
}
input[type="submit"]{
  color: #97cb17;
}
span.meta-nav {
  background: #fff !important;
}
.page-box {
  padding: 10px;
  border-bottom: none; 
}
.pagination {
  float: none;
}
.main-cat-box {
  margin-bottom: 5%;
}
.main-cat-box h2{
  color: #3f424e;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: none;
}
.entry-audio {
  margin-top: 20px;
}
td.product-name a:hover, .tags i, .posted_in a,.comment-meta.commentmetadata a,p.logged-in-as a, span.tagged_as a,.woocommerce .star-rating span{
  color: #97cb17;
}
.tags p a:hover,#comments a.comment-reply-link,a.button{
  background: #97cb17;
}
#wp-calendar td a{
  color: #000;
}
.comment-body{
  margin-bottom: 0;
}
/*------------------ Footer Section ------------------*/
#footer a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
#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;
  color: #000;
}
#footer .tagcloud a,
#footer input[type="search"]{
	background: transparent;
	border: solid 1px #fff;
  color: #fff;
}
#footer input[type="submit"], #footer form.woocommerce-product-search button{
	width: 100%;
	background: #97cb17;
  border: solid 1px #97cb17;
}
#footer label{
	width: 100%;
}
#comments input[type="submit"].submit{
	background: #97cb17 !important;
}
.copyright,
.copyright a{
	color: #000;
}
#footer .search-form label {
  width: 100%;
}
#footer ul li a:hover{
	color: #97cb17;
}
#footer .woocommerce a.button:hover, #footer .woocommerce button.button:hover{
  background-color: #97cb17;
}
/*------------------ Woocommerce ------------------*/
nav.woocommerce-MyAccount-navigation ul li {
  background: #97cb17 !important;
}
.woocommerce-message {
  border-top-color: #97cb17;
}
a.added_to_cart.wc-forward{
  color: #000;
}
.woocommerce ul.products li.product a img{
  margin-bottom: 0;
}
a.showcoupon, .woocommerce-message::before {
  color: #97cb17;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: #97cb17;
  color: #000;
  border-radius: 0;
}
.woocommerce span.onsale {
  background: #97cb17;
  padding: 0;
}
.woocommerce .col2-set .col-1 {
   max-width: 100%;
}
.woocommerce .col2-set .col-2 {
   max-width: 100%;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #97cb17;
}
.woocommerce-product-rating a.woocommerce-review-link {
  color: #97cb17;
}
/*------------------ Media ------------------*/
@media screen and (max-width: 1000px){
  .social-icons i{
    border: 1px solid #fff;
    padding: 10px;
    font-size: 15px;
  }
  .page-template-custom-front-page .toggle-menu i{
    background: #000;
    color: #fff;
  }
  .toggle-menu i{
    background: #fff;
    color: #000;
  }
  .social-icons a{
    padding: 5px;
  }
  .sidebar .closebtn a,
  .page-template-custom-front-page .primary-navigation a{
    color: #fff;
  }
  .primary-navigation ul ul{
    border:none !important;
  }
  #contact-info,#menu-sidebar,.primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, #000 0%, #97cb17 120% );
  }
  #menu-sidebar input[type="submit"]{
    background: #97cb17;
  }
  #menu-sidebar input.search-field{
    padding: 8px;
  }
  .primary-navigation ul{
    margin: 0;
  }
  #header .logo a{
    font-size: 30px;
  }
  .page-template-custom-front-page #header{
    padding: 15px 0;
    background: #fff!important;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .inner_carousel .more-btn {
    margin-top: 20px; 
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px){
  .social-media i{
    padding: 7px;
  }
  .primary-navigation ul{
    margin: 0;
  }
}
@media screen and (max-width: 720px){
  #slider .inner_carousel .more-btn{
    margin:0 !important;
  }
}