/* Blog listing */

.blog-index {
  display: flex;
  flex-wrap: wrap;
}

.blog-index__post {
  flex: 0 0 100%;
  padding: 1.4rem 1rem;
}
.blog-listing .content-wrapper,
.blog-post-data .content-wrapper{
  padding: 80px 0;
}
.blog-post-content a.post-title-link,
.blog-post-content .post-title{
  font-size: 32px;
  color: #2a2929;
  font-weight: 300;
}
.blog-listing .blog-post-content a.post-title-link:hover{
  color:#a58d49;
  transition: all .6s ease-out 0s;
  text-decoration:none;
}
.blog-post-content .post-description{
/*   font-size: 23px; */
  font-size:18px;
  color: #2a2929;
  font-weight: 300;
  line-height: 32px;
  padding: 15px 0;
}
.blog-post-content .read-more-section .date,
.blog-post-data .blog-post-content .date{
  font-size; 22px;
/*   color: #383939; */
  color:#a9a9a9;
  font-weight: 300;
}
.blog-post-content .read-more-section .read-more-btn{
  display: inline-block;
  background-color: #018849 !important;
  text-decoration: none;
  border-radius: 5px;
  border:2px solid #018849;
  font-size: 24px;
  color: #fff;
  padding: 15px 50px 15px 30px;
  position:relative;
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/Arrow%20%281%29.png')no-repeat;
  background-position: 93% center; 
}

.blog-post-content .read-more-section .read-more-btn:hover{  
  color: #018849;
  background-color: #FFF !important;  
  transition: all .6s ease-out 0s; 
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/hover-arrow.png')no-repeat;
  background-position: 93% center;
}

.blog-post-content .read-more-section .read-more-btn:hover::before{
  
}
.blog-post-content .read-more-section{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top:auto;
}
.blog-listing .latest-post-item, .blog-listing .blog-post-item{
  box-shadow: 1px 0px 16px 0px rgba(0, 0, 0, 0.24);
  padding: 30px;
  border-radius: 5px;
}

@media(max-width: 1200px){
  .blog-post-data .blog-listing-section{
    padding: 0 20px;
  }  
}
@media(max-width: 991px){
  .blog-featured-image img{
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--small {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post--small {
    flex: 0 0 calc(100% / 3);
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: flex;
    flex: 1 0 100%;
  }
}

.blog-index__post-image {
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .blog-index__post-image-wrapper--large {
    flex: 1 1 48%;
  }

  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }

  .blog-index__post-content--full-width {
    flex: 1 1 100%;
    padding-left: 0;
  }
}

.blog-index__post-title {
  font-size: 1.25rem;
}

.blog-index__post-timestamp {
  display: block;
}

.blog-listing .blog_post_wrapper .blog-featured-image img, .blog-listing .hs-featured-image-link img{
  width: 100%;
  height:300px;
  object-fit:cover;
}
.blog-listing .blog-listing-content .blog-listing-section{
  padding: 0 15px;
  margin-bottom: 30px;
}
.blog-index__post-author {
  align-items: center;
  display: flex;
}

.blog-index__post-author-image {
  border-radius: 50%;
  height: auto;
  margin-right: 0.35rem;
  width: 30px;
}

.blog-index__post-tags,
.blog-index__post-title,
.blog-index__post-timestamp,
.blog-index__post-author,
.blog-index__post-image--small {
  margin: 0 0 0.7rem;
}

/* Blog pagination */

.blog-pagination {
  display: flex;
  justify-content: center;
  padding-top: 70px;
  align-items: center;
}

.blog-pagination__link--active{
  border: none !important;
  color: #2a2929 !important;
  font-weight: 700;
}
.blog-listing .blog-post-item{
/*   margin-bottom: 30px; */
  display:flex;
  flex-direction:column;
  height:100%;
  
}
.blog-listing .blog-list.row{
  display: flex;
  flex-wrap: wrap;
}
.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 7px;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
}

.blog-pagination__link--active {
  border-color: #B0C1D4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
}

.blog-pagination__link.blog-pagination__prev-link--disabled,
.blog-pagination__link.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  cursor: default;
  pointer-events: none;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  margin: 0 0.3rem;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

@media(min-width: 992px){
  .blog-listing .blog-list.row .blog_post_wrapper {
    width: 50%;
    padding: 0 15px;
    padding-bottom:30px;
  }
}

@media(max-width: 991px){
  .blog-listing .blog-list.row .blog_post_wrapper {
    width: 100%;
    padding: 0 15px;   
  }
}
@media (max-width: 767px) {
/*   .blog-pagination__number-link {
    display: none;
  } */
  .hs-blog-listing .blog-sidebar{
    padding: 0 15px;
  }
  .blog-pagination{
    padding:40px 0;
  }
}

/* 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: 10px;
  width: 15px;
}

.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-sidebar h3{
  font-weight: 300;
  font-size: 32px;
  color: #2a2929;
  margin-bottom: 10px;
  background: transparent;
}
/* .blog-sidebar .social-icon-links .fab{
  color: #a58d49;
} */ 
.blog-sidebar .follow-us, .blog-sidebar .articles, .blog-sidebar .post-topics, .blog-sidebar .blog-subscription, .blog-sidebar .blog-search{
  margin-bottom: 30px;
}
.blog-sidebar .post-topics ul{
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.blog-sidebar .post-topics ul li a{
  font-weight: 300;
  font-size: 23px;
  color:#2a2929;
}
.blog-sidebar .post-topics a:hover{ 
  color: #018849;
}
.blog-sidebar .social-icon-links a{
  margin-right: 10px;
}
.blog-sidebar .blog-subscription .hs-form-private, .blog-sidebar .blog-search form{
  position: relative;
}
.blog-sidebar .blog-subscription .hs_submit, .blog-sidebar .blog-search .blog-search-button{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  height: 64px;
}
.blog-sidebar .blog-subscription .hs_submit, .blog-sidebar .blog-search .blog-search-button:hover{
  background:unset;
}
.blog-sidebar .blog-search .blog-search-button{
  padding: 15px 35px;
}
.blog-sidebar .blog-subscription .hs-input, .blog-sidebar .blog-search .hs-search-field__input{
  padding-right: 50px;
}
.blog-sidebar .blog-subscription .actions .hs-button{
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/hover-arrow.png');
  background-repeat:no-repeat;
  background-color: transparent !important;
  border: none;
/*   background-position: 50% 50%; */
  background-position:50% 0%;
  height: 64px;
}

@media(max-width: 575px){
  .blog-post-content .read-more-section .date, .blog-post-data .blog-post-content .date{
    font-size: 18px;
  }
}

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

.post-description h2{
  line-height:normal;
}

.blog-post-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}