.blog-main {
  position: relative;
  overflow: hidden;
  padding: 82px 0;
}
.blog-main .blog-main-cols {
  display: flex;
}
.blog-main  .blog-content {
  flex-grow: 1;
  overflow: hidden;
}
.blog-main .blog-aside {
  flex-shrink:0;
  width: 350px; 
  margin: 0 0 0 15px;
}
.blog-index {
  display: flex;
  flex-flow: row wrap;
  margin: -57px -20px 0;
}
.blog-index__post {
  padding: 57px 20px 0;
  width: 33.33%;
}
.blog-index__post-holder {
  position: relative;
}

.blog-index__post-holder:hover .button--simple {
  text-decoration: none;
  background: #003291;
  color: #fff;
}
.blog-index__post-content {
  padding: 22px 37px 22px 21px;
  border: solid #dadada;
  border-width: 0 1px 1px;
}
.blog-index__post-image-wrapper {
  width: 100%;
  position: relative;
  display: block;
  margin: 0;
}
.blog-index__post-image-wrapper .hover{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  transition: all .3s ease-in-out;
  justify-content: center; 
  background: rgba(0,74,173,.72);
  opacity: 0; 
  visibility: hidden;
}

.blog-index__post-image-wrapper > img {
  display: block;
  height: 224px;
  object-fit: cover;
  width: 100%;
  object-position: 50% 0;
  max-width: none;
}
.blog-index__post h3 {
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #0f399f;
  letter-spacing: normal;
  min-height: 60px;
  line-height: 20px;
  overflow: hidden;
  margin: 0 0 16px;
  font: 700 15px/20px var(--gothamR);
}
.blog-index__post .button--simple {
  width: 183px;
  height: 46px;
  border: 3px solid #003291;
  display: inline-flex;
  border-radius: 25px;
  color: #003291;
  justify-content: center;
  vertical-align: top;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}
.blog-index__post .button--simple:hover {
  text-decoration: none;
  background: #003291;
  color: #fff;
}
.blog-index__post h3 a {
  color: inherit;
}
.hs-pagination {
  margin: 40px -3px 0;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: row wrap;
  align-items: stretch;
}
.hs-pagination .hs-pagination__link {
  background: none;
  color: #fff; 
  display: inline-flex;
  vertical-align: top;
  transition: all .3s ease-in-out;
  border: 0;
  line-height: 26px; 
  align-items: center;
  padding: 10px;
  font-size: 24px;
  color: #0f399f;
  font-weight: 600;
}
.hs-pagination .hs-pagination__link:hover {color: #B3C8F2;}
.hs-pagination .hs-pagination__link.hs-pagination__link--active{
  color: #0f399f; 
}
.post-details .img-featured {
  margin: 0 0 30px;
}
.post-details .img-featured img {
  margin: 0 auto;
}

.post-details  h1 {
  margin: 0 0 30px;
}
.post-details h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 37px;
    text-transform: uppercase;
    color: #003291;
    margin: 0px;
}
.post-details img {
  max-width: 100%;
  height: auto;
  display: block;
}
.post-details .wrapper {
    margin-bottom: 20px;
}

.post-details .wrapper span {
    display: inline-flex;
    font-size: 16px;
    line-height: 37px;
    color: #003291;
    text-transform: uppercase;
}
.post-details h2 {
  margin: 0 0 30px;
}
.post-details h3 {
    color: #0f399f;
    font-family: var(--avenirR);
    font-size: 28px;
    font-weight: 700;
    text-transform: none; 
    margin-bottom: 30px;
}

.post-details .author {
    display: flex;
}

.post-details .author h5 {
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    font-size: 16px;
    line-height: 37px;
    color: #003291;
}

.post-details .author span {
    font-weight: 600;
    margin-left: 5px;
}

.post-details .author span a {

}

.post-details p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}
.post-details p:last-child { margin-bottom: 0;}
.post-details p a {
    font-size: 16px;
    text-decoration: underline;
    display: initial;
}

.post-details .author span a {
    color: #0f399f;
    font-size: 16px;
    line-height: 37px;
}

.post-details a {
    color: #0f399f;
    display: inline-block;
}

.post-details ul {
    padding: 0 0 0 18px;
}

.post-details ul li {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
}

.post-details ul li::marker {
    color: #0f399f;
}

@media (max-width: 1199px) {
  .blog-main .blog-aside {
    width: 280px;
  }
}

@media (max-width: 991px) {
  .blog-main {
    padding: 40px 0;
  }
  .hs-pagination {
    margin-top: 30px;
  }
 
  .blog-index__post {
    padding-top: 30px;
    width: 50%;
  }
  .blog-index__post h3 {
    margin: 0 0 12px;
  }
  
  .blog-index__post-image-wrapper > img {
    height: 280px;
  }

  .post-details h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .post-details h6 {
        font-size: 16px;
        line-height: 20px;
    }

    .post-details ul li {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
  .post-details h1, .post-details h2, .post-details h3, .post-details p {
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .blog-index__post-image-wrapper > img {
    height: 240px;
  }
  .blog-index { justify-content: center;}
  .blog-index__post {
    width: 100%;
    max-width: 376px; 
  }
  .blog-main .blog-main-cols {
    display: block;
  }
  .blog-main .blog-aside {
    width: 100%;
    max-width: 350px;
    margin: 30px auto 0;
  }
  .post-details .img-featured {
    margin: 0 0 20px;
  }
 2
}