h1,h2,h3,h4 {
	font-family: Ember, Helvetica, San Francisco, sans-serif;
	font-weight: bold !important;
	font-variant: small-caps;
}

body {
	font-family: Garamond, Palatino, serif;
}

h1 {
	font-size: 2em !important;
	margin-bottom: 0.1em;
	padding-bottom: 0.1em;
	border-bottom: 0.2em solid #FC3600;
	letter-spacing: 0.1em;
	padding-top: 2em;
}

.part-number {
	border-bottom: none;
}

h1 + p, h2 + p {
	padding-top: 2em;
}

p {
	text-indent: 1.2em;
	font-variant-numeric: oldstyle-nums;
}

hr {
	border: none; /* dealing with automatic hr borders from InDesign */
}

.half-title {
	letter-spacing: 0.2em;
	font-weight: bold;
	font-family: sans-serif;
	border-bottom: none;
	page-break-before: always;
}

.print-only {
	display:none !important;
}

/* The rule below is designed to hide elements visually but expose them to screen readers.
For more information visit: https://a11yproject.com/posts/how-to-hide-content/ */
.a11y-only { 
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}

.speech-first {
	padding-top: 4em !important;
}

/* trying to fix kindle image aspect ratios */

img {
  width: auto;
  max-width: 100%;
  /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
  height: auto;
  object-fit: contain;
}

/* drop-in enhancements based on Jiminy's 2017 ebookcraft presentation */

/* adds old style nums to basic elements using @supports */

@supports (font-variant: oldstyle-nums) {
  body {
    font-kerning: normal;
  }

  h1, h2, h3, body {
    font-variant: common-ligatures oldstyle-nums proportional-nums;
  }

  table {
    font-variant-numeric: lining-nums tabular-nums;
  }

  code {
    font-variant: no-common-ligatures lining-nums;
  }
}

/* end enhancements */