/* 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;
}
.latest-blog-post .blog-index__post-title{    
  font-size: 1.8em;
  font-weight: 500;
}
.blog-post-wrapper .post-title h2{
  margin-bottom: 0;
}
h2 .blog-index__post-title-link, .post-title h2{
  font-weight: 900;
}
.blog-listing .blog-index__post-image{
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
  width: 100%;
}
.blog-listing .blog-index__post-button:hover{
  background: transparent;
  border: 1px solid #e50143;
  color: #e50143;
}

.blog-featured-image img{
  width: 100%;
}

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

/* Blog related posts */

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

.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;
}

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

@media screen and (min-width: 1000px) {
  .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;
}

.blog-listing .latest-blog-header {
  padding-top: 80px;
}

.blog-listing .blog-featured-image img, .blog-list .blog-index__post-image-wrapper img{
  width: 100%;
}

.latest-blog-header .post-title h2, .blog-listing-section .blog-index__post-title{
  margin-top: 10px;
  font-family: Arial,helvetica,sans-serif;
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 10px;
}
.latest-blog-header .post-title h2 a, .blog-listing-section .blog-index__post-title a, .latest-blog-post h2.blog-tag-heading{
  color: #2d2d2d;
  font-family: Arial,helvetica,sans-serif;
  font-weight: 500;
}
.latest-blog-header .post-title h2 a:hover, h2.blog-index__post-title a:hover, .blog-listing-section .blog-index__post-title a:hover{
  color: #e50143;
  font-weight: 500;
}

.blog-post-content h2, .blog-index__post-content h2{
  margin-bottom: 0;
}

.blog-listing .pagination{
  margin-top: 30px;
}

.blog-listing .pagination__link-icon svg{
  margin: -4px 0.3rem;
}
.blog-listing .blog-index{
  margin: 0 -1rem;
}

.blog-listing .date, .blog-post__meta .date {
  font-size: 18px;
  color: #133260;
  margin-bottom: 10px;
}

h2.blog-index__post-title, .blog-post .post-title h2{
  font-size: 27px;
  color: #2d2d2d;
  font-family: Arial,helvetica,sans-serif;
  font-weight: 500;
}
.blog-search form button{
  background: #e50143;
}
.hs-blog-listing a, .hs-blog-listing .blog-index__post-button-wrapper a.theme-btn:hover{
  color: #e50143;
}
/* .hs-blog-listing .blog-index__post-button-wrapper a.theme-btn:hover{
  border: 1px solid #e50143;
} */
.hs-blog-listing .blog-index__post-button-wrapper a.theme-btn{
  color: #fff;
  border: 1px solid #e50143;
}
.hs-blog-post footer .copyright-section, .hs-blog-listing footer .copyright-section{
  text-align: left;
  padding: 0;
}
.hs-blog-post footer .footer-menu-section, .hs-blog-listing footer .footer-menu-section{
  text-align: right;
  padding: 0;
}
/* Blog Sidebar */

.blog-sidebar{
  background: #e50143;
  padding:20px;
}

.blog-sidebar .blog-subscription label span:first-child, .blog-sidebar .hs-search-field__suggestions #results-for{
  color: #fff;
}

.blog-sidebar .hs-search-field__suggestions{
  padding: 10px;
}

.post-topics ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.blog-subscription .form-title{
  padding-bottom: 0;
}
/* .latest-blog-header .post-title h2 a::after, .blog-post .post-title h2::after{
  content: '';
  display: block;
  width: 64px;
  height: 4px;
  margin: 1rem 0 1rem;
  background: #2d2d2d; */
}
.blog-sidebar .blog-search form{
  display: flex;
}
.blog-sidebar .blog-subscription .hs-button{
  /*   margin-bottom: 30px; */
  color: #e50143;
  background-color:#fff;
  border: 1px solid #fff;
}
.blog-sidebar .blog-subscription .hs-button:hover{
  background-color: #e50143;
  color:#fff;
  border: 1px solid #fff;
}
.body-container-wrapper .hs-search-field__suggestions li a{
  color: #fff;
}
.blog-sidebar h3{
  font-size: 30px;  
  color: #fff;
  margin-top: 30px;
  margin-bottom: 10px;
  background: transparent;
}
.blog-sidebar a{
  color:#fff;
}
.blog-sidebar .hs-input, .blog-sidebar .hs-search-field__input{
  border-radius: 0;
  border: none;
}
.sidebar-articles .blog-articles{
  margin-bottom: 20px;
}

.sidebar-articles .article-post-title a{
  color: #fff;
}

.blog-sidebar a:hover,
.sidebar-articles .article-post-title a:hover{
  opacity:.5;
  color:#fff;
}
.blog-search form button{
  border-radius: 0;
  color: #fff;
  padding: 10px 20px;
}
.blog-search form button:hover{
  background: #000;
  border: 1px solid #fff;
}
.blog-search form button:hover svg{
  fill: #e50143;
}
.blog-listing .blog-index__post-button {
  margin-top: 20px;
}
.blog-sidebar form button svg {
  fill: #fff;
}

@media(max-width: 991px){
  .blog-sidebar h3{
    font-size: 21px;
  }
}

@media(min-width: 768px){
  /*   .body-container--blog-post .blog-sidebar{
  margin-bottom:80px;
} */
}

@media(max-width: 767px){
  .blog-listing .pagination{
    margin-bottom: 30px;
  }
  .blog-sidebar {
    margin-bottom: 70px;
  }
  .blog-listing .blog-sidebar {
    margin:0 15px;    
    margin-bottom:70px;
  }  
  .body-container--blog-post .blog-sidebar{
    margin-top: 0px;
  } 
}