/* Plan listing and article styles */

.frontend-plan {
  background: #f3f4f6;
}

.frontend-plan .plan-banner {
  width: 100%;
  overflow: hidden;
  background: #e8ebf0;
}

.frontend-plan .plan-banner__image {
  width: 100%;
  min-height: min(60vh, 560px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.frontend-plan .plan-post.entry-content {
  padding: 32px;
  background: #ffffff;
}

@media (max-width: 767px) {
  .frontend-plan .plan-banner__image {
    min-height: 42vh;
  }

  .frontend-plan .plan-post.entry-content {
    padding: 20px;
  }
}