/* WYSIWYG content rules (popup) */
#subproduct-modal-description > :first-child {
  margin-top: 0;
}

#subproduct-modal-description p {
  margin: 0.75rem 0;
}

#subproduct-modal-description h1,
#subproduct-modal-description h2,
#subproduct-modal-description h3,
#subproduct-modal-description h4,
#subproduct-modal-description h5,
#subproduct-modal-description h6 {
  font-weight: 700;
  line-height: 1.2;
  margin: 1rem 0 0.5rem;
  color: #000;
}

#subproduct-modal-description h1 {
  font-size: 2rem; /* ~32px */
}
#subproduct-modal-description h2 {
  font-size: 1.75rem; /* ~28px */
}
#subproduct-modal-description h3 {
  font-size: 1.5rem; /* ~24px */
}
#subproduct-modal-description h4 {
  font-size: 1.25rem; /* ~20px */
}
#subproduct-modal-description h5 {
  font-size: 1.125rem; /* ~18px */
}
#subproduct-modal-description h6 {
  font-size: 1rem; /* ~16px */
}

#subproduct-modal-description ul,
#subproduct-modal-description ol {
  margin: 0.75rem 0 0.75rem 1.25rem;
  padding: 0;
}

#subproduct-modal-description li {
  margin: 0.25rem 0;
}

#subproduct-modal-description a {
  color: inherit;
  text-decoration: underline;
}

/* Make inserted images responsive + nicely styled */
#subproduct-modal-description img {
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
  display: block;
  margin: 1rem 0;
}

#subproduct-modal-description figure {
  margin: 1rem 0;
}

#subproduct-modal-description figcaption {
  font-size: 0.875rem;
  opacity: 0.8;
  margin-top: 0.5rem;
}