.px-showthemes {
  container-type: inline-size;
  position: relative;
}
.px-showthemes-inner .postsloop article {
  min-width: 300px;
  display: flex;
  height: 100%;
}
@container (width <= 640px) {
  .px-showthemes-inner .postsloop article {
    min-width: 280px;
  }
}
.px-showthemes-inner .postsloop article > a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.px-showthemes-inner .postsloop article > a:hover .button {
  background-color: var(--second-color);
}
.px-showthemes-inner .postsloop article + article {
  margin-top: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
}
.px-showthemes-inner .postsloop .content {
  display: flex;
  align-items: center;
  gap: 25px;
  align-self: stretch;
}
@container (width <= 640px) {
  .px-showthemes-inner .postsloop .content {
    flex-direction: column;
  }
}
.px-showthemes-inner .postsloop .content-inner {
  font-size: var(--miniFontSize);
  width: 58%;
}
@container (width <= 640px) {
  .px-showthemes-inner .postsloop .content-inner {
    width: 100%;
  }
}
.px-showthemes-inner .postsloop .content-inner h3 + p {
  margin-top: 0.5em;
}
.px-showthemes-inner .postsloop .content .button {
  margin-top: 0.5em;
}
.px-showthemes-inner .postsloop .content .date {
  font-size: var(--miniFontSize);
  line-height: 128%;
  color: var(--fontColor);
}
.px-showthemes-inner .postsloop .content .entry-title + .excerpt {
  margin-top: 1em;
}
.px-showthemes-inner .postsloop .content .excerpt {
  color: var(--fontColor);
}
.px-showthemes-inner .postsloop .content .post-thumbnail {
  position: relative;
  min-height: clamp(8.8235294118rem, 8.6009538951rem + 1.1824324324vw, 9.6470588235rem);
  overflow: hidden;
  width: 42%;
  border: 1px solid var(--imageBorderColor);
}
@container (width <= 640px) {
  .px-showthemes-inner .postsloop .content .post-thumbnail {
    width: 100%;
  }
}
.px-showthemes-inner .postsloop .content .post-thumbnail.no-image {
  background: var(--lightGray);
}
.px-showthemes-inner .postsloop .content .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.px-showthemes-inner .postsloop .content .post-category {
  padding: 5px 15px;
  background: var(--second-color);
  color: var(--contrastColorInverted);
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  font-size: var(--miniFontSize);
}