/* Compatibility rules for migrated posts and the former Foundry/LiteSpeed stack. */

.content-grid {
  grid-template-columns: minmax(0, 960px) minmax(260px, 300px);
}

.entry-content > p.paragraph:empty {
  display: none;
}

.entry-content > div[style*="background-color"] {
  margin: 40px 0 0;
  padding: clamp(24px, 4vw, 40px) !important;
  border: 1px solid var(--ns-border);
  border-radius: var(--ns-radius);
  background: var(--ns-surface-soft) !important;
  color: var(--ns-muted) !important;
  font-size: clamp(17px, 2vw, 20px) !important;
  line-height: 1.65 !important;
}

.entry-content > div[style*="background-color"] p {
  margin: 0;
}

.entry-content > div[style*="background-color"] a {
  display: inline-flex;
  min-height: 48px;
  padding: 11px 22px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--ns-green);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object {
  max-width: 100%;
}

.entry-content figcaption,
.wp-caption-text {
  margin-top: 9px;
  color: var(--ns-faint);
  font-size: 13px;
  text-align: center;
}

.single-post .post-sidebar > .widget {
  display: none;
}

.single-featured-image img {
  width: 100%;
  aspect-ratio: 2400 / 1260;
  object-fit: cover;
}

.entry-content {
  overflow-wrap: anywhere;
}

.entry-content p[style*="font-size"],
.entry-content p [style*="font-size"],
.entry-content li[style*="font-size"],
.entry-content li [style*="font-size"],
.entry-content .paragraph[style*="line-height"],
.entry-content .paragraph [style*="line-height"] {
  font-size: inherit !important;
  line-height: inherit !important;
}

.entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.entry-content .wp-caption,
.entry-content figure,
.entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object {
  max-width: 100% !important;
}