/* 
 * Header
 */

.post-header__title {
font-size:42px;
max-width: 710px;
  margin: 0 auto !important;
}

.h2, h2 {
    font-size: 35px;
    line-height: 1.25;
    padding-top: 20px;
}

.h3, h3 {
    font-size: 30px;
    line-height: 1.25;
}

.h4, h4 {
   font-size: 25px;
    line-height: 1.25;
}

.h5, h5 {
   font-size: 22px;
    line-height: 1.25;
}
.h6, h6 {
   font-size: 20px;
    line-height: 1.25;
  text-transform: capitalize;
}



.post-header {
  text-align: center;
  padding-top: var(--bz-spacing-md-5);
  padding-bottom: var(--bz-spacing-md-1);
}

.post-header__title {
  margin: 0;
}

.author-linkedin-margin {
margin-top:5px !important;
}

.post-header__date {
  font-size: 0.88em;
  opacity: 0.42;
  padding-bottom: var(--bz-spacing-md-1);
  padding-top: var(--bz-spacing-md-1);
}

.post-header__summary {
  font-size: 1.125em;
  opacity: 0.42;
  padding-top: var(--bz-spacing-md-2);
}

.post-header__author {
  margin: 0 auto;
  padding: var(--bz-spacing-md-2) 0 var(--bz-spacing-md-1);
}

.author-chip {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.author-chip__media {
  width: 4em;
  aspect-ratio: 1;
  border-radius: 100%;
  overflow: hidden;
  display:none !important;
}

.author-chip__name {
text-align:center !important;
}

.author-chip__media img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* 
 * Body
 */

a {
color: #ff4c15; !important;
text-decoration:none !important;
}

.fab {
font-size:21px !important;
}

a:hover {
opacity: 0.75;
}

.heateor_sss_horizontal_sharing {
display:none;
}

.s-blog-post__body {
  padding: 0 3em;
}

[id=hs_cos_wrapper_post_body] > p:first-of-type::first-letter {
  initial-letter: 2;
  -webkit-initial-letter: 2;
  padding-right: 0.33em;
}

[id=hs_cos_wrapper_post_body] blockquote {
  padding: var(--bz-spacing-md-3);
  background-color: var(--bz-lgrey);
  font-size: 1.25em;
  font-style: italic;
  line-height: 1.66;
  font-family: var(--bz-font-secondary);
  position: relative;
}

[id=hs_cos_wrapper_post_body] blockquote::before {
  content: '”';
  font-size: 9em;
  position: absolute;
  top: 1.33rem;
  left: -1.88rem;
  font-family: georgia, serif;
  font-style: normal;
  color: var(--bz-primary);
  line-height: 1;
}

.single-tags {
  padding-top: var(--bz-spacing-md-2);
  padding-bottom: var(--bz-spacing-md-4);
}

.single-tags__tag {
  clip-path: polygon(100% 0, 100% calc(100% - 1em), calc(100% - 1em) 100%, 0 100%, 0 0);
 border-width: 1px;
   border-radius: 0px;
   background: #ff4c15;
   border-color: #ff4c15;
   color: #fff;
    padding: 15px 25px;
  display: inline-block;
  margin-right: 15px;
}

.post-comments {
  padding-bottom: var(--bz-spacing-lg-5);
}

.comment {
  background: var(--bz-white);
  border: 1px solid var(--bz-mgrey);
  padding: var(--bz-spacing-md-2);
  margin-bottom: var(--bz-gutter-y);
}

.comment-date {
  display: block;
  margin-top: -1em;
  padding-bottom: 2em;
}

/* 
 * Related
 */

.related-post__container {
  display: flex;
  gap: var(--bz-gutter-x) var(--bz-gutter-y);
  padding-top: var(--bz-spacing-md-1);
  padding-bottom: var(--bz-spacing-md-4);
}

@media (max-width: 767px) {
  .related-post__container {
    flex-direction: column;
  }
}

.related-post__container > a {
  flex: 1;
  display: flex;
  width: 100%;
}

.related-post__item {
  width: 100%;
  display: block;
  gap: var(--bz-gutter-x) var(--bz-gutter-y);
}

.related-post__image-container {
  flex: 1;
}

.related-post__title {
  padding-top: var(--bz-spacing-md-1);
  flex: 2;
  color: var(--bz-body-color);
}

.relate-post__date {
  font-size: 0.88em;
  opacity: 0.42;
}

.related-post__image-container {
  background-position: center;
  background-size: cover;
}

/*
 *****************************
 * Version B Modifications
 *****************************
 */

.post-featured-image__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.post-featured-image {
  aspect-ratio: 16 / 9;
  padding-bottom: var(--bz-spacing-md-5);
}

.author-box__content {
  display: flex;
  gap: var(--bz-gutter-x) var(--bz-gutter-y);
  align-items: flex-start;
}

@media (max-width: 600px) {

  .author-box__content {
    flex-direction: column;
  }
  
}

.author-box--image {
  flex: 1;
  border-radius: 100%;
  overflow: hidden;
  aspect-ratio: 1;
  max-width: 10em;
}

.author-box--image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.author-box--content {
  flex: 5;
}

/*
 * Progress
 */

/* The progress container (grey background) */
.progress-container {
  --bar-height: 4px;
  width: 100%;
  height: var(--bar-height);
  background: var(--bz-mgrey);
  position: fixed;
  top: 0;
  z-index: 0200;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: var(--bar-height);
  background: linear-gradient(to bottom, rgba(33, 11, 63, 1.0), rgba(33, 11, 63, 0.5));;
  width: 0%;
}

/*
 * Narration
 */

.post-narration {
  padding-bottom: var(--bz-spacing-md-2);
}

/*
 * Share
 */

.blog-social-share {
  position: fixed;
  top: 20vh;
  padding: 0.66em;
  display: flex;
  flex-direction: column;
  gap: 0.33em;
}

.blog-social-share a {
  background-color: #fff;
  padding: 0.33em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 3px;
}

.blog-social-share a:hover {
  text-decoration: none;
  background-color: var(--bz-link-color);
  color: #fff;
}

.blog-social-share i {
  font-size: 1.33em;
}

@media only screen and (max-width: 767px) {
  .post-header__date {
  padding-bottom:0px !important;
  }
  .post-header {
    padding-top: 100px !important;
  }
  
  .s-blog-post__body {
    padding: 0 0 !important;
}
  .blog-social-share i {display:none;}
}