/* ------------------------------------------------------------------
   emperia-casino.gr.com - site level overrides

   1. Tighter vertical rhythm. The shared content-section padding of
      up to 80px top and bottom produced roughly 170px of empty space
      between consecutive text blocks on the long pages. Reduced here
      so the reading column stays continuous.
   2. Section illustrations sit closer to the text they belong to.
   ------------------------------------------------------------------ */

.content-section {
  padding: 20px 0;
}

.content-section:first-of-type {
  padding-top: 8px;
}

/* The narrow display face has no Greek cuts, so headings that mix Greek and
   Latin words rendered in two different faces. Headings follow the body face. */
.content-section h2 {
  font-family: var(--font-body, sans-serif);
  letter-spacing: 0.005em;
  margin-bottom: 14px;
  margin-top: 4px;
}

.content-section h3 {
  margin-top: 22px;
  margin-bottom: 10px;
}

.content-section p {
  margin-bottom: 14px;
}

.content-section p:last-child {
  margin-bottom: 0;
}

.content-section ul,
.content-section ol {
  margin-bottom: 14px;
}

/* Illustrations: keep the float hugging its own paragraphs */
.section-illus {
  margin: 2px 0 10px;
}

.section-illus--left  { margin-right: 24px; }
.section-illus--right { margin-left: 24px; }

/* Page header block above the first section */
.wi-page-header {
  margin-bottom: 18px;
}

/* FAQ accordion should not float away from the last section */
.wi-faq-accordion {
  margin-top: 26px;
}

@media (max-width: 720px) {
  .content-section {
    padding: 16px 0;
  }
  .section-illus,
  .section-illus--left,
  .section-illus--right {
    margin: 4px auto 12px;
  }
}