/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

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

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

.blog-post__timestamp {
  display: block;
}

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

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  /*   background-color: #F8FAFC; */
  background: rgba(0,0,0,0):
}

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

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 3px;
}

.blog-related-posts__post {
  flex: 0 0 100%; 
  display: flex; 
}
@media screen and (min-width: 768px){
  .blog-related-posts__post:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
.related-posts__content{
  padding: .7rem; 
}
.blog-related-posts__post a{
  flex: 1;
  position: relative;
  overflow: hidden;
}
.blog-related-posts__post a img{
  width: 100%;
  height: 100%;
  transition: transform .6s ease-in-out;
}
.blog-related-posts__post a img:hover{
  transform: scale(1.1); 
}
.blog-related-posts__content{
  flex: 1; 
}
.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;
}
@media screen and (min-width: 767px) {
  article{
    width: 100%; 
  }
}
.body-container--blog-post .content-wrapper{
  background: #fff;
  border-radius: 3px;
  padding-top: 20px;
}
.blog-comments{
  max-width: 960px; 
}
.blog-comments form{
  background: rgba(0,0,0,0); 
  padding-bottom: 30px;
}
.blog-comments form input, .blog-comments form textarea{
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  width: 100%!important;
  padding: .5rem;
}
.blog-comments .hs-form-field {
  margin-bottom: .5rem;
}
.blog-comments form label,.blog-comments form legend{
  font-size: .65rem; 
}
.elements-sac-card__footer-image img, .blog-post__meta img{
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);
  transition: transform .6s ease-in-out;
}
.elements-sac-card__footer-image img:hover, .blog-post__meta img:hover{
  transform: scale(1.1);
}
.blog-related-posts{
  padding: 20px 0; 
}
.blog-post__meta{
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.blog-post__meta a, 
.blog-post__meta time{
  text-decoration: none; 
  font-size: .75rem;
}

.blog-post{
  padding: 40px 0;
}
.article-read-more{
  margin-top: .7rem; 
  font-size: 20px;
  padding: 12px 50px;
  text-decoration: none;
  transition: all .35s ease-in-out;
}
.article-read-more:hover{
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0 5px 5px rgba(0,0,0,.15);
}
@media screen and (max-width: 767px){
  .blog-related-posts__post{
    flex-direction: column;
  }
}
.post-featured-image{
  width: 100%; 
/*   max-width: 960px; */
  height: 300px;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}
.post-featured-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .35s ease-in-out;
}
.post-featured-image img:hover{
  transform: scale(1.1);
}