/* ==========================================================================
Post Meta Box - Author & Post Meta
========================================================================== */

.post__meta {
  font-size: 15px;
  margin: 1rem 0;
}

/* author */
.post__meta-author-img {
  border-radius: 50%;
  margin-right: 1.1em;
  overflow:hidden;
}

.post__meta-author-name {
  display: inline-block;
  font-size: 1em;
  margin-bottom: .25em;
  padding-bottom: .1em;
  position: relative;
}

.post__meta-author-name:after {
  content: '';
  background-color: rgb(var(--color-primary));
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform .2s ease-out;
  display: block;
  position: absolute;
  width:100%;
  height:2px;
  
  
  bottom:0;
  left:0;

}

/* time meta */
.post__meta-read-time {
  border-left: 2px solid rgb(var(--color-secondary));
  padding-left: calc(6px + .5em);
  margin-left: .5em;
  text-indent: 5px;
}

.post__meta-author-name:hover::after {
  transform: scaleX(1);
}

.post__meta-times {
  font-size: .85em;
}

.post__meta-read-time svg {
  height: 16px;
  transform: translateY(-9%);
}

/* links */
.post__meta a {
  text-decoration: none;
}


/* ==========================================================================
Blog Post                                                  
========================================================================== */

.post__container {
  max-width: 860px!important;
  margin: auto;
  padding-top: 0!important;
}

.post__title {
  margin: 0 0 .5em;
}

/* post body */
@media 
  (min-width: 37.5em )
 {
  .post__body {
    padding: 4em 0;
  }
}

#hs_cos_wrapper_post_body h2:first-child,
#hs_cos_wrapper_post_body h3:first-child,
#hs_cos_wrapper_post_body p:first-child,
#hs_cos_wrapper_post_body ul:first-child,
#hs_cos_wrapper_post_body ol:first-child,
#hs_cos_wrapper_post_body img:first-child,
#hs_cos_wrapper_post_body div:first-child {
  margin-top: 0;
}

/* --------------------------------------------------------------------------
   Normalize spacing for pasted content (Google Docs inline styles)
   !important is needed to override inline styles on pasted elements.
   Adjust values to match the older (SEO-provided) posts.
   -------------------------------------------------------------------------- */

#hs_cos_wrapper_post_body p,
#hs_cos_wrapper_post_body li {
  line-height: 1.6 !important;
}

#hs_cos_wrapper_post_body p {
  margin-top: 0 !important;
  margin-bottom: 1.25em !important;
}

#hs_cos_wrapper_post_body li {
  margin-bottom: 0.5em !important;
}

#hs_cos_wrapper_post_body h2,
#hs_cos_wrapper_post_body h3,
#hs_cos_wrapper_post_body h4 {
  line-height: 1.3 !important;
  margin-top: 1.75em !important;
  margin-bottom: 0.5em !important;
}

/* Google Docs wraps text in spans that can carry their own line-height */
#hs_cos_wrapper_post_body p span,
#hs_cos_wrapper_post_body li span,
#hs_cos_wrapper_post_body h2 span,
#hs_cos_wrapper_post_body h3 span,
#hs_cos_wrapper_post_body h4 span {
  line-height: inherit !important;
}

/* keep the existing "no top margin on first element" behavior */
#hs_cos_wrapper_post_body h2:first-child,
#hs_cos_wrapper_post_body h3:first-child,
#hs_cos_wrapper_post_body h4:first-child,
#hs_cos_wrapper_post_body p:first-child {
  margin-top: 0 !important;
}

/* don't let the paragraph/list spacing above bloat table cells */
#hs_cos_wrapper_post_body table p,
#hs_cos_wrapper_post_body table li {
  margin-bottom: 0 !important;
}

#hs_cos_wrapper_post_body table h2,
#hs_cos_wrapper_post_body table h3,
#hs_cos_wrapper_post_body table h4 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* tables */

.post__body .table-wrap { 
  border-radius: 6px;
  box-shadow: 0 8px 15px -5px rgba(0,0,0,.2);
  margin-top: 2em; 
  margin-bottom: 2em; 
  overflow-x: auto; 
}

.post__body .table-wrap + h2, 
.post__body .table-wrap + h3 { 
  margin-top: