/*
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 like custom background 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 to photography blog, Building websites niches, Traveling for work, skiing, snowboarding, sporting events, Minimalist traveling, Lifestyle blog niches, city guides, Being a working nomad, youtube bloggers, fantasy blogs, Fan fiction, Travel tips, Learning a new language, journals 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/
Tested up to: 5.9
Requires PHP: 7.2
Version: 0.3.5
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;
  text-decoration: none !important;
}
a:hover {
  color: #fff;
}
ul{
  padding: 0 !important;
}
#header a:focus, #footer a:focus, .page-template-custom-front-page #header a:focus{
  outline: 2px solid #FF4500;
  border-bottom: 1px solid #fff;
}
a:focus, .page-template-custom-front-page #header a:focus, .toggle-menu button:focus{
  outline: 2px solid #FF4500;
  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. */
}
/*block style*/
.wp-block-button a{
  background: #eeeeee !important;
  color: #000 !important;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  border:none !important; 
  border-radius: 0 !important;
}
.wp-block-button a:hover{
  background: #97cb17 !important;
  color: #000 !important;
  border:none !important;
}
/*------------------ Header Section ------------------*/
.page-template-custom-front-page .fixed-header #header {
  background: #ffffff;
  width: 100%;
}
#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;
}
.page-template-custom-front-page .social-media i{
	border: solid 1px #3f424e;
	color: #3f424e;	
}
.social-media i{
	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;
}
.page-template-custom-front-page .fixed-header, .page-template-custom-front-page .fixed-header #header{
  background:#fff;
}
.fixed-header{
  background: #3f424e;
}
/*------------------ 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 ul {
  list-style: none;
  margin: 0px 13px;
}
#sidebar aside {
  margin-bottom: 3%;
  border-bottom: none; 
}
#sidebar ul li a:hover{
	color: #97cb17;
}
/*------------------ Slider ------------------*/
.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;
}
#slider .inner_carousel .more-btn a:hover {
  background: none;
  color: #97cb17;
}
.middle-align {
  margin: 0 auto;
  padding: 20px 0 20px;
}
.read-comp a, #slider .inner_carousel .more-btn a, #comments .form-submit input[type="submit"]{
  border-radius: 0 !important;
}
/*------------------ Category Post Section ------------------*/
.title h2 {
  font-size: 25px;
}
.contentbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0%;
}
.contentbox h3 {
  color: #fff;
  background: #101631c7;
  display: table;
  font-size: 14px;
  letter-spacing: 2px;
}
.image-sec{
  position: relative;
}
/*------------------ 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;
}
.metabox a{
	color: #74767d;
}
.metabox span{
  font-size: 16px;
  margin-left: 10px;
}
.metabox i:hover, .metabox a:hover{
	color: #97cb17;
}
.overlay p {
  color: #74767d;
  font-size: 15px;
  line-height: 25px;
}
.read-comp a {
  color: #3f424e;
  font-size: 14px;
  font-weight: bold;
}
.read-comp a:hover {
	color: #97cb17;
}
#sidebar .textwidget a{
  text-decoration:underline !important;
}
/* Related Post */
.related-box {
  border-bottom: none;
}
.related-posts .second-border a{
  padding: 0 !important;
  border: none !important;
  color: #3f424e !important;
  font-size: 14px !important;
  font-weight: bold !important;
  background: none !important;
}
.related-posts .second-border a:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-left: 5px;
}
/*------------------ Custom Post ------------------*/
.entry-comments, span.entry-date{
	float: none;
}
#sidebar aside#woocommerce_product_search-2 button{
  background: #97cb17;
}
input[type="submit"]{
  color: #97cb17;
}
.meta-nav {
  background: #fff !important;
}
.page-box {
  padding: 10px;
  border-bottom: none; 
}
.pagination {
  float: none;
}
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;
}
.wp-calendar-nav-prev a, .wp-calendar-nav-prev a:hover{
  color: #97cb17;
}
.comment-body{
  margin-bottom: 0;
}
/*------------------ Footer Section ------------------*/
#footer{
	background: #3f424e;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: #97cb17;
  border: 1px solid #97cb17;
}
#sidebar input[type="submit"],.second-border a:hover,.pagination .current,.pagination a:hover,#sidebar .tagcloud a:hover,.copyright,#footer .tagcloud a:hover,.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, #footer .search-form label{
	width: 100%;
}
#comments input[type="submit"].submit{
	background: #97cb17 !important;
}
.copyright,.copyright a{
	color: #000;
}
.copyright{
  padding: 0 20px;
  text-align: center;
}
#footer ul li a:hover{
	color: #97cb17;
}
#footer .woocommerce a.button:hover, #footer .woocommerce button.button:hover{
  background-color: #97cb17;
}
#footer .textwidget a{
  text-decoration: underline !important;
}
/*------------------ 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 {
  padding: 0;
}
.woocommerce .col2-set .col-1 {
  max-width: 100%;
}
.woocommerce span.onsale, .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;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  background: #97cb17;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  color: #000;
}
/*------------------ Media ------------------*/
@media screen and (max-width: 1000px){
  .social-icons i{
    border: 1px solid #fff;
    font-size: 15px;
  }
  .page-template-custom-front-page .toggle-menu i{
    background: #000;
    color: #fff;
  }
  .toggle-menu i{
    background: #fff;
    color: #000;
  }
  .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;
  }
  #menu-sidebar input[type="search"]{
    display: block;
  }
  #menu-sidebar label{
    display: inline-block;
    width: 60%;
  }
}