.archive .blog-listing,
.category .blog-listing,
.blog .blog-listing {
  margin: 0 0 60px;
  padding: 0 0 60px 0;
}
.archive .blog-listing article,
.category .blog-listing article,
.blog .blog-listing article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33% 3% 63% 3% auto;
  grid-template-columns: 33% 63% auto;
  grid-column-gap: 3%;
}
.archive .blog-listing article .featured-image,
.category .blog-listing article .featured-image,
.blog .blog-listing article .featured-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 300px;
}
.archive .blog-listing article .featured-image.placeholder,
.category .blog-listing article .featured-image.placeholder,
.blog .blog-listing article .featured-image.placeholder {
  background-size: contain;
}
.archive .blog-listing article .content,
.category .blog-listing article .content
.blog .blog-listing article .content {
  grid-column-gap: 0;
}
.archive .blog-listing article .content .title-meta,
.category .blog-listing article .content .title-meta,
.blog .blog-listing article .content .title-meta {

}
.archive .blog-listing article .content .title-meta h2.entry-title,
.category .blog-listing article .content .title-meta h2.entry-title,
.blog .blog-listing article .content .title-meta h2.entry-title {
  margin-bottom: 25px;
}
.archive .blog-listing article .content .title-meta .entry-meta,
.category .blog-listing article .content .title-meta .entry-meta,
.blog .blog-listing article .content .title-meta .entry-meta {
  margin: 0 0 15px 0;
  font-style: italic;
  font-weight: 600;
}
.archive .blog-listing article .content .entry-content,
.category .blog-listing article .content .entry-content,
.blog .blog-listing article .content .entry-content {

}
.archive .blog-listing article .content .entry-content .read-more,
.category .blog-listing article .content .entry-content .read-more,
.blog .blog-listing article .content .entry-content .read-more {
  text-decoration:underline;
}

.archive .pagination-nav,
.category .pagination-nav,
.blog .pagination-nav {
  width: 100%;
  text-align: left;
  padding-top: 30px;
}

.archive .pagination-nav .wp-pagenavi .pages,
.category .pagination-nav .wp-pagenavi .pages,
.blog .pagination-nav .wp-pagenavi .pages {
  padding: 10px;
  border: 1px solid var(--primary-light);
}
.archive .pagination-nav .wp-pagenavi a,
.category .pagination-nav .wp-pagenavi a,
.blog .pagination-nav .wp-pagenavi a {
  padding: 10px 15px;
  border: 1px solid var(--primary-light);
  border-left: 0;
}

.archive .pagination-nav .wp-pagenavi span.current,
.category .pagination-nav .wp-pagenavi span.current,
.blog .pagination-nav .wp-pagenavi span.current {
  padding: 10px 15px;
  background-color: var(--alt-blue-light);
  border: 1px solid var(--primary-light);
  border-left: 0;  
}
.archive .pagination-nav .navigation.pagination .nav-links a,
.archive .pagination-nav .navigation.pagination .nav-links .page-numbers.current,
.category .pagination-nav .navigation.pagination .nav-links a,
.category .pagination-nav .navigation.pagination .nav-links .page-numbers.current,
.blog .pagination-nav .navigation.pagination .nav-links a,
.blog .pagination-nav .navigation.pagination .nav-links .page-numbers.current {
  font-size: 18px;
  margin: 0 10px 0 0;
}


@media (max-width: 991px) {
  .archive .blog-listing article .featured-image,
  .category .blog-listing article .featured-image,
  .blog .blog-listing article .featured-image {
    height: 200px;
  }
}

@media (max-width: 769px) {
  .archive .blog-listing article,
  .category .blog-listing article,
  .blog .blog-listing article {
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: 3%;
  }
  .archive .blog-listing article .featured-image,
  .category .blog-listing article .featured-image,
  .blog .blog-listing article .featured-image {
    height: 200px;
  }  
}

.single-post .blog-listing-single {
  margin: 0 0 60px;
  padding: 60px 0 0;
}
.single-post .blog-listing-single article {
  
}
.single-post .blog-listing-single article .featured-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
  margin: 0 0 40px 0;
}
.single-post .blog-listing-single article .content {
  grid-column-gap: 0;
}
.single-post .blog-listing-single article .content .title-meta {

}
.single-post .blog-listing-single article .content .title-meta h2.entry-title {
  margin-bottom: 25px;
}
.single-post .blog-listing-single article .content .title-meta .entry-meta {
  margin: 0 0 15px 0;
  font-style: italic;
  font-weight: 600;
}
.single-post .blog-listing-single article .content .entry-content {

}
.single-post .blog-listing-single article .content .entry-content .read-more {
  text-decoration:underline;
}

@media (max-width: 991px) {
  .blog-listing-single article .featured-image {
    height: 200px;
    margin: 0 0 40px 0;
  }
  @media (max-width: 769px) {
    .blog-listing article .featured-image {
      height: 150px;
    }  
  }  
}

/* blog page */
.blog-template .blog-page {
  padding: 60px 0;
  background-color: var(--default-white);
}

.blog-template .blog-page .blog-page-row {
  display: flex;
}
@media (max-width: 767px) {
  .blog-template .blog-page .blog-page-row {
    flex-direction: column;
  }
}

.blog-template .blog-page .blog-page-row .blog-posts-col {
  border-right: 1px solid var(--primary-light);
}

@media (max-width: 767px) {
  .blog-template .blog-page .blog-page-row .sidebar-col {
    border-top: 1px solid var(--primary-light);
    padding-top: 60px;
  }
}  

.blog-template .blog-page .blog-page-row .sidebar-col {

}

.blog-template .blog-page .blog-page-row .sidebar-col .widget-area {

}

.blog-template .blog-page .blog-page-row .sidebar-col .widget-area aside h3 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 20px;
}

.blog-template .blog-page .blog-page-row .sidebar-col .widget-area aside ul {
  list-style: none;
  padding: 0;
  margin-bottom: 60px;
}

.blog-template .blog-page .blog-page-row .sidebar-col .widget-area aside ul li {
  padding: 0 0 10px;
}

.blog-template .blog-page .blog-page-row .sidebar-col .widget-area aside ul li:last-child {
  padding: 0;
}