/*
 * article-custom.css
 * Universal styling for single articles (single-post.php).
 *
 * The original per-article pages applied per-element Avia overrides (unique hash
 * classes) that the shared base CSS does not provide. This file re-creates those
 * looks against the stable structure of single-post.php so every article renders
 * consistently and close to the reference design:
 *   - dark hero overlay (so the white title is readable)
 *   - full-width text blocks shown as white rounded "cards" with padding
 *   - consistent spacing between content rows
 *   - clean image styling
 */

/* ---- Hero ---- */
#top #av_section_1.avia-section .av-section-color-overlay {
  background-color: #0b0f19;
  opacity: .6;
}
#top #av_section_1 .av-special-heading-tag {
  color: #fff!important;
}

/* ---- Content section ---- */
/* light-gray page background so the white content cards stand out (matches reference #f5f5f5) */
#top #read.avia-section {
  background-color: #f5f5f5;
}

/* full-width text columns -> white rounded card */
#top #read .flex_column_table.sc-av_one_full > .flex_column.av_one_full {
  background-color: #fcfcfc;
  border-radius: 5px;
  padding: 50px 113px;
  box-shadow: 0 2px 14px rgba(11, 15, 25, .04);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top #read .flex_column_table.sc-av_one_full > .flex_column.av_one_full {
    padding: 40px 70px;
  }
}
@media only screen and (max-width: 767px) {
  #top #read .flex_column_table.sc-av_one_full > .flex_column.av_one_full {
    padding: 27px 36px;
  }
}

/* spacing between content rows */
#top #read .flex_column_table {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  #top #read .flex_column_table {
    margin-bottom: 24px;
  }
}

/* heading spacing inside articles */
#top #read .av-special-heading {
  padding-bottom: 10px;
}
#top #read .av_textblock_section + .av-special-heading,
#top #read .avia_textblock + .av-special-heading {
  margin-top: 10px;
}

/* images: remove harsh default shadow, soften corners, keep contained */
#top #read .avia-image-container img.avia_image {
  box-shadow: none;
  border-radius: 5px;
}

/* two-column (image + text) rows: vertical centering + comfortable gap */
#top #read .flex_column_table.sc-av_one_half {
  margin-bottom: 32px;
}
#top #read .flex_column_table.sc-av_one_half .flex_column.av_one_half {
  vertical-align: middle;
}

/* the button block inside content */
#top #read .avia-button-wrap {
  margin: 10px 0;
}