/**
 * ClearMed blog listing cards
 */

.clearmed-blog-listing .clearmed-blog-card,
.blog-listing-section .clearmed-blog-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl, 1.25rem);
  overflow: hidden;
  box-shadow: none;
}

.clearmed-blog-listing .clearmed-blog-card .details {
  padding: 1.15rem 1.2rem 1.25rem;
  text-align: left;
}

.clearmed-blog-listing .clearmed-blog-card .blog-title {
  margin: 0 0 0.45rem !important;
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dark-color);
}

.clearmed-blog-listing .clearmed-blog-card .blog-title a {
  color: inherit;
  text-decoration: none;
}

.clearmed-blog-listing .clearmed-blog-card .blog-title a:hover {
  color: var(--primary-color);
}

.clearmed-blog-listing .clearmed-blog-card .posted_info {
  display: block;
  margin: 0 0 0.65rem !important;
}

.clearmed-blog-listing .clearmed-blog-card .posted_date {
  color: var(--text-muted);
  font-size: 0.875rem;
  font-weight: 500;
}

.clearmed-blog-listing .clearmed-blog-card .blog-description,
.clearmed-blog-listing .clearmed-blog-card .blog-description p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.clearmed-blog-listing .clearmed-blog-card .cta-block {
  margin-top: auto !important;
  padding-top: 1rem;
}

.clearmed-blog-listing .clearmed-blog-readmore,
.clearmed-blog-listing .cta-block .clearmed-blog-readmore {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 36px !important;
  padding: 0.4rem 1rem !important;
  border: 1px solid color-mix(in srgb, var(--dark-color) 28%, transparent) !important;
  border-radius: 4px !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--dark-color) !important;
  font-family: var(--font-sans, Inter, system-ui, sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.clearmed-blog-listing .clearmed-blog-readmore:hover,
.clearmed-blog-listing .cta-block .clearmed-blog-readmore:hover {
  background: var(--primary-color) !important;
  background-image: none !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Kill leftover category / author if parent markup leaks in */
.clearmed-blog-listing .post-cat,
.clearmed-blog-listing .posted_author {
  display: none !important;
}