/* Template: blog — critical.
 * Loaded by explicit branches in layouts/layout.tpl and the password head.
 */
.post-item-image-container {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.post-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-item-title,
.post-item-summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
}

@media (min-width: 768px) {

  .post-item-image-container {
    height: 250px;
  }

}