*/
Theme Name: Blocksy Child
Theme URL: https://creativethemes.com/blocksy/
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions. Note: Blocksy is built with the latest web technologies in order to bring you the smoothest experience, that told, old browsers like IE 11 and below may not work as expected. We strongly recommend you to update/switch to a modern browser. 
Demo: https://demo.creativethemes.com/blocksy/blog/
Author: creativethemeshq
Author URI: https://demo.creativethemes.com
Template: blocksy
Version: 1.7.71
Text Domain: blocksy-child
*/ Custom CSS goes after this line




*/ Single Post */

.hero-section header{
    background: #dedede;
}

.entry-header{
    display:block;
    position:relative;
    padding:40px 0 10px 0; 
}
.entry-meta .meta-categories{
    position:absolute;
    left:0;
    right:0;
    top:0;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
}
.entry-meta .meta-author, .entry-meta .meta-updated-date{
    text-transform: capitalize;
    font-size: 14px;
    font-weight:bold;
}
.entry-meta .meta-author a{
    color: #2e62aa;
}
.entry-meta .meta-date{
    text-transform: capitalize;
    color: #5D666D;
    font-size: 14px;
}

.ct-featured-image.alignwide{}
.ct-media-container img{border-radius: 0.25rem;}
.wp-block-image{
  border-radius:4px;
  overflow:hidden;
  }
.wp-block-image img{width:100%;}
.wp-block-image figcaption {
    border-radius: 0 0 5px 4px;
    padding:10px 0;
    font-size:13px;
    line-height:1.42;
    border-bottom:1px solid #eee;
}
.author-box-bio p{
    font-size:16px;
    line-height:24px;
    letter-spacing:.25px;
}

*/ Comment Form */

.have-comments{
  position: relative;
  display:block;
  justify-content: space-between;
  align-items: center;

}

.leave-comments{
  position:absolute;
  display:inline;
  right:0;
  top:0;
}


.have-comments .button-small{
  background-color: transparent;
  border: 1px solid #e1eaf8;
  border-radius:16px;
  color: inherit;
  font-size: 12px;
  padding: 6px 22px;
  display: inline-block;
  cursor: pointer;
  transition: all .12s linear;
  width: -moz-fit-content;
  width: fit-content;

}


/* Adjust these variables for your project */

/* Table of Content */

.table-of-contents {
  line-height: 1.4;
  padding: 24px;
  position: relative;
  display: block;
  overflow:hidden;
  background: #f0f0f0;
  border-radius: 8px;
}

.table-of-contents .toc-headline{
  font-size: 20px;
  font-weight: 600;
  display: block;
  cursor: pointer;
}

.table-of-contents .toggle-toc{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 800;
  color: #202020;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #e5e5e5;
}

.table-of-contents ul:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: #dedede; 
}

.table-of-contents ul{
  margin: 1.5rem 0 0 0;
  padding:0 0 0 1.2rem;
  list-style: none;
  position: relative;
}

.table-of-contents ul li:first-child:before {
    position: absolute;
    width: 3px;
    left: -20px;
    top: 0;
    height: 10px;
    background: #f0f0f0;
    content: ""
}

.table-of-contents ul li:last-child:before {
    position: absolute;
    width: 3px;
    left: -20px;
    bottom: 0;
    height: 10px;
    background: #f0f0f0;
    content: ""
}

.table-of-contents ul li{
  position: relative;
  list-style: none;
  font-weight: 400;
  margin: 0.5rem 0;
  transition: .2s ease all;
}

.table-of-contents ul li:after{
  content: "";
  box-sizing: content-box;
  position: absolute;
  top: 10px;
  left: -26px;
  width: 8px;
  height: 8px;
  border: 4px solid #f0f0f0;
  border-radius: 10px;
  background: #2e62aa;
  box-shadow: rgb(250, 250, 250) 0px 0px 0px 2px;
}

.table-of-contents ul li ul{
  padding: 0;
  display:none;
}

.table-of-contents li{
  padding: 5px 0;
}

.table-of-contents li>ul {
  padding-left: 1rem;
  padding-bottom: .5rem;
}

@media only screen and (max-width: 768px){
  .ct-featured-image figcaption {
    font-size: 13px;
    text-align: left;
    font-style: italic;
  }
  .table-of-contents .toggle-toc{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 2.5rem;
    height: 2.5rem;
  }
	.table-of-contents ul li:after{top: 8px;}
}



@media only screen and (max-width: 768px){
  .entry-meta .meta-categories {
    font-size: 14px;
    font-weight: unset;
    line-height: 20px;
    letter-spacing: normal;
  }

}