.blog_post {
  width:100%;
  background-color: #213343;
  padding:80px 0;
}
.blog-post_hero {
  display:flex;
  flex-direction:column;
  gap:50px;
}
  .blog-post_hero--left{
  width: 100%;
  }
  .blog-post_hero--right{
  width: 100%;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  
  align-items: center;
  }

.post-title {
  color: #FFFFFF;
}
.post-excerpt {
  color: #FFF;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  margin-bottom:50px;
}
.featured-image {
  max-width:626px;
  width:100%;
  height:auto;
}

.featured-image img {
  width:100%;
  height:auto;
  object-fit:cover;
}/* Blog post */
.hero--blog-post {
  background: #213343;
}
.blog-post {
  margin: 0 auto;
  max-width: 1240px;
}

.blog-post_content {
  display: flex;
  width 100%;
  gap: 50px;
}

.post-content_left {
  width: 100%;
}
.post-content_left .content-title,
.post-content_left .content-author {
  color: #FFF;
}
.hr hr {
margin: 50px 0;
}
.post-content_author {
 display:flex;
 align-items:center;
 justify-content:flex-start;
 gap:16px;
}
.post-content_author .name-author {
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.avatar-post_image {
  width:56px;
  height: 56px;
  border-radius: 100%;
} 

.avatar-post_image img {
  width:100%;
  object-fit:cover;
  border-radius: 100%;
}

.post-content_right {
  width: 100%;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
  color: #ffffff;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
  display: inline-block;
  margin-top:60px;
}


/* Blog related posts */

.blog-related-posts {
  background-color: #202F3D;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}
#content-list {
display:flex;
  flex-direction:column;
  gap:20px;
}
.list-item {
list-style:none;
}
.list-item a {
color: rgba(255, 255, 255, 0.40);
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.list-item a:hover {
color:#FFF;
}
.list-item a:active {
color:#FFF;
}
@media (max-width:768px) {
.blog-post_content {
  display: flex;
  flex-direction:column;
  width 100%;
  gap: 50px; 
  padding: 0 15px !important;
}
  .blog-related-posts__list {
  justify-content:center;
  }
}
.blog-post__tags svg {
  fill:#FFF;
}
.share-post h4 {
  color: #FFF;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-top: 24px;
}

.blog-post__body {
  color:#fff;
}


@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-post_hero {
  display:flex;
  flex-direction:row;
}

    .blog-post_hero--left{
  width: 50%;
  }
  .blog-post_hero--right{
  width: 50%;
    
  align-items: flex-start;
  }
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}