/* Blog list page (blog.html / blog-ranking.html) */

/* Cover image is a link to the detail page, same affordance as the title */
.blog .entry .entry-img {
  border-radius: 6px;
}
.blog .entry .entry-img a {
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
.blog .entry .entry-img a img {
  display: block;
  width: 100%;
  transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .3s;
}
.blog .entry .entry-img a:hover img {
  transform: scale(1.035);
  opacity: .92;
}

/* Keep title and image hover states in sync */
.blog .entry:hover .entry-title a {
  color: #e96b56;
}

@media (max-width: 767px) {
  .blog .entry {
    margin-bottom: 30px;
  }
}