/**
 * Button Reset
 *
 */
/**
 * Button Style
 *
 */
/**
 * Image Aspect Ratio
 *
 */
/**
 * Size
 *
 */
/**
 * Block Cover
 * Creates a block that covers the full width/height of parent div. Typically used on a :before pseudo element
 */
/**
 * Placeholder Color
 *
 */
/**
 * Clearfix
 *
 */
/**
 * Font Sizes
 *
**/
.cwp-popular-posts .popular-posts__header {
  background-color: var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--white);
  padding: var(--wp--custom--layout--spacing-s) calc(var(--wp--custom--layout--spacing-s) * 1.5);
  border-radius: var(--wp--custom--border-radius--medium) var(--wp--custom--border-radius--medium) 0 0;
}
.cwp-popular-posts .popular-posts__header .popular-posts__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 600;
}
.cwp-popular-posts .popular-posts__inner {
  padding: calc(var(--wp--custom--layout--spacing-s) * 1.5);
  background-color: var(--wp--preset--color--white);
  display: flex;
  flex-direction: column;
  gap: var(--wp--custom--layout--spacing-s);
  border-radius: 0 0 var(--wp--custom--border-radius--medium) var(--wp--custom--border-radius--medium);
}
@media (max-width: 540px) {
  .cwp-popular-posts .popular-posts__inner {
    padding: var(--wp--custom--layout--spacing-s);
  }
}
.cwp-popular-posts .popular-posts__inner .post-summary {
  background-color: var(--wp--preset--color--light-grey);
  border-radius: var(--wp--custom--border-radius--medium);
}
.cwp-popular-posts .popular-posts__inner .post-summary:not(:has(.post-summary__image)):has(.entry-category) > .post-summary__content {
  padding-top: var(--wp--custom--layout--spacing);
}
.cwp-popular-posts .popular-posts__inner .post-summary__content {
  padding: var(--wp--custom--layout--spacing-s);
  padding-bottom: var(--wp--custom--layout--spacing-xs);
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "heading heading" "category date";
  gap: 2px;
}
.cwp-popular-posts .popular-posts__inner .post-summary__title {
  font-size: var(--wp--preset--font-size--medium);
  grid-area: heading;
}
.cwp-popular-posts .popular-posts__inner .post-summary .entry-excerpt {
  grid-area: category;
  align-self: center;
}
.cwp-popular-posts .popular-posts__inner .post-summary .entry-excerpt .entry-tag {
  font-size: var(--wp--preset--font-size--s);
}
.cwp-popular-posts .popular-posts__inner .post-summary .entry-excerpt .entry-tag:last-child::after {
  display: none;
}
.cwp-popular-posts .popular-posts__inner .post-summary .entry-date {
  grid-area: date;
  align-self: center;
}
.cwp-popular-posts .popular-posts__inner .post-summary__image {
  border-radius: var(--wp--custom--border-radius--medium) var(--wp--custom--border-radius--medium) 0 0;
}
.cwp-popular-posts .popular-posts__inner .post-summary .entry-category {
  font-size: var(--wp--preset--font-size--xs);
}