.fox-block.latest-posts-block .posts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.fox-block.latest-posts-block .post {
  flex: 1 1 0;
  position: relative;
}

@media (max-width: 767px) {
  .fox-block.latest-posts-block .post {
    flex: 1 1 100%;
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  .fox-block.latest-posts-block .post:not(:last-of-type) {
    margin-bottom: 1em;
  }
}

.fox-block.latest-posts-block .post:first-of-type {
  margin-left: 0;
}

.fox-block.latest-posts-block .post:not(:first-of-type) {
  margin-left: 3%;
}

.fox-block.latest-posts-block .post .image {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: 55%;
}

.fox-block.latest-posts-block.tall .post .image {
  padding-bottom: 68%;
}

.fox-block.latest-posts-block .post .image img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.fox-block.latest-posts-block a {
  color: var(--grey);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform .2s ease-in;
  width: 100%;
}

.fox-block.latest-posts-block a:hover {
  box-shadow: 0px 3px 6px #44444417;
  color: var(--grey);
  transform: scale(1.05);
  text-decoration: none;
}

.fox-block.latest-posts-block .term {
  margin-top: .85em;
}

.fox-block.latest-posts-block .content {
  margin-top: .55em;
}

.fox-block.latest-posts-block svg {
  margin: 1rem 0;
  transition: transform .2s ease-in;
}

.fox-block.latest-posts-block .post:hover svg {
  transform: translateX(.6em);
}