.blog-index{
  padding-top: 4rem;
}

.blog-index .section-header {
  padding-left: 10px;
  padding-right: 10px;
}

.blog-index .section-header h1,
.blog-index .section-header h2,
.blog-index .section-header h4,
.blog-index .section-header h3{
  color: #fff;
  margin-top:0;
  margin-bottom: 2.5rem;
} 

.sidebar .meta_tags a{
  text-transform: capitalize;
}

.sidebar article{
  margin-bottom: 80px !important;
}

.sidebar .hs-sec-btn{    
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}

.full-width .blog-index .featured-blog-grid,
.blog-index .largeCard .featured-blog-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  display: grid;
  box-shadow: unset !important;
  background-color: transparent !important;
}

.blog-index .featured-blog-grid{
  box-shadow: unset !important;
  background-color: transparent !important;
}

.blog-wit-sidbr .blog-index__post-image.hs-featured-wrp,
.blog-wit-sidbr .largeCard .blog-index__post-image.hs-featured-wrp{
  padding: 0;
}

.blog-index .w-dyn-list{
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.blog-index .listing-link{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;'
}

.blog-index .blog-card.is-featuerd {
  z-index: 0;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  grid-row-gap: 1.31rem;

}

.blog-index .blog-thumbnail {
  z-index: 0;
  border-radius: .5rem;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 60%;
}

.blog-index .meta_wrap{
  position: relative;
  z-index: 999;
}

.blog-index .img-cover {
  z-index: 0;
  vertical-align: baseline;
  object-fit: cover;
  width: 101%;
  max-width: none;
  height: 101%;
  position: absolute;
  top: -.5%;
  bottom: -.5%;
  left: -.5%;
  right: -.5%;
  transition: .4s all;
}

.blog-index .w-dyn-item a {
  margin-bottom: 30px;
}

.blog-index .blog-card.is-featuerd:hover .img-cover{
  transform: scale(1.1) !important;
}

.blog-index .blog-card-text {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.blog-index .blog-card-header {
  grid-column-gap: .625rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  flex-wrap: wrap;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.blog-index .blog-card-title.is-large {
  font-size: 1.75rem;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 0;
  font-weight: 400;
}

.blog-index .blog-card-blurb {
  font-size: 1rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff;
}

.blog-index .blog-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.blog-index .blog-pagination a {
  color: #fff;
  padding: 0px 10px;
  border-radius: 50%;
  border: 1px solid transparent;
  display: inline-block;
}

.blog-index .blog-pagination-center a:hover,
.blog-index .blog-pagination-center a.active{
  background-color: #40482b;
  border: 1px solid #fff;
}

.blog-index .blog-pagination .next-link:hover{
  transform: translateX(10px);

}

.blog-index .blog-pagination-center {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.blog-wit-sidbr span.icon_svg svg,
.body-container--blog-post .blog-post-container .meta_wrap svg,
.related-content-col svg{
  color: #fff;
  fill: #fff;
}

.blog-wit-sidbr .meta_time.h6,
.blog-wit-sidbr .largeCard .meta_wrap>div span a:focus, 
.blog-wit-sidbr .largeCard .meta_wrap>span a:focus,
.blog-wit-sidbr .smallCard .meta_wrap>div span a:focus,
.blog-wit-sidbr .smallCard .meta_wrap>span a:focus,
.blog-wit-sidbr .largeCard .meta_wrap>div span a:active, 
.blog-wit-sidbr .largeCard .meta_wrap>span a:active,
.blog-wit-sidbr .smallCard .meta_wrap>div span a:active,
.blog-wit-sidbr .smallCard .meta_wrap>span a:active,
.blog-wit-sidbr .largeCard .meta_wrap>div span a:hover, 
.blog-wit-sidbr .largeCard .meta_wrap>span a:hover,
.blog-wit-sidbr .smallCard .meta_wrap>div span a:hover,
.blog-wit-sidbr .smallCard .meta_wrap>span a:hover,
.blog-wit-sidbr .largeCard .meta_wrap>div span,
.blog-wit-sidbr .largeCard .meta_wrap>span,
.blog-wit-sidbr .largeCard .meta_wrap .value_m a,
.blog-wit-sidbr .value_m a,
.blog-wit-sidbr .value_m .author-link,
.blog-wit-sidbr .smallCard .meta_wrap>div span,
.blog-wit-sidbr .smallCard .meta_wrap>span{
  font-size: 16px;
  color: #fff;
}

.blog-wit-sidbr .list-post-title,
.blog-wit-sidbr .list-post-title a,
.sidebar.blog-wit-sidbr .blog-index .blog-index__post.largeCard .list-descrip{
  color: #fff;
}

.sidebar.blog-wit-sidbr .blog-index .blog-index__post.largeCard .list-descrip{
  margin-bottom: 0;
}

.blog-wit-sidbr .post-btm{
  padding: 0;
}


.sidebar.blog-wit-sidbr .blog-index .blog-index__post.largeCard .blog-post__read-more,
.blog-post__read-more{
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .sidebar .blog-index{
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .blog-index .section-header.mb-small {
    margin-bottom: 2rem;
  }

  .full-width .blog-index .featured-blog-grid,
  .blog-index .largeCard .featured-blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-index .section-header h1{
    margin-bottom: 2rem;
  }

}

@media screen and (max-width: 767px) {
  .blog-index .section-header h1{
    margin-bottom: 1.75rem;
  }

  .blog-index .blog-card-blurb{
    font-size: .875rem;
  }
  .sidebar .blog-index {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}