section.blog-banner {
  height: 715px;
  display: flex;
}

.postid-1319 section.blog-banner {
    background-position-y: 88% !important;
}

.blogs-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0008;
}

.blog-post-content img{
  height: 500px;
  object-fit: cover;
}


.category-date.d-flex.justify-content-center {
  gap: 20px;
}

.related-blogs {
  position: sticky;
  top: 150px;
  z-index: 10;
}

.related-posts {
  padding-left: 100px;
}

.related-blogs img {
  height: 170px;
  object-fit: cover;
}

.related-blogs .card {
  height: 100%;
  color: var(--black);
  background: var(--light-gray);
  padding: 20px;
  outline: 2px solid var(--gray);
  outline-offset: -10px;
  border: none;
  box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.52);
  -webkit-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.52);
  -moz-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.52);
}

.related-blogs .row {
    row-gap: 15px;
}

.related-blogs .related-blog-item a:hover {
    color: var(--blue) !important;
}

@media (min-width: 1200px) {
  .related-blogs {
    padding-left: 100px;
  }
}