/* Custom styles for rmoff blog */

/* Import Domine font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap');

/* Override headings to use Domine instead of Quattrocento Sans */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Domine', Georgia, Times, serif !important;
}

/* Override base body article font to use Domine instead of Spectral */
body article {
  font-family: 'Domine', Georgia, Times, serif !important;
}

/* Also update table captions to use Domine */
table caption {
  font-family: 'Domine', Georgia, Times, serif !important;
}

/* Ensure proper spacing for video blocks and make them shrink-wrap to content */
.videoblock {
  margin-bottom: 2rem;
  display: table;
}

/* Style the video element itself - let it flow naturally, not centered */
.videoblock video {
  max-width: 100%;
  display: block;
}

/* Ensure proper spacing for image blocks and make them shrink-wrap to content */
.imageblock {
  margin-bottom: 2rem;
  display: table;
}

/* Style the image element itself - let it flow naturally, not centered */
.imageblock img {
  max-width: 100%;
  display: block;
}

/* Titles for both images and videos - render underneath with same styling */
.videoblock .title,
.imageblock .title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-align: center;
  margin-top: 0.25rem;
  margin-bottom: 0;
  padding: 0.25rem 0;
  color: #888;
  font-size: 0.85em;
  display: table-caption;
  caption-side: bottom;
}