@font-face{
                font-family: Delius-Regular;
                src: url("fonts/Delius-Regular.ttf");
              }
            

              @font-face{
                font-family: LifeSavers-Bold;
                src: url("fonts/LifeSavers-Bold.ttf");
              }
            
            .epub-toc-title-card, .bonkers-books .chapter-title-card{
  display: flex;
  flex-direction: column;
  font-family: Delius-Regular;
}

.bonkers-books .title-card{
  font-family: Delius-Regular;
  display: flex;
  flex-direction: column
}

.bonkers-books .chapter-title-card, .epub-toc-title-card{
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.bonkers-books .chapter-title-card h3, .bonkers-books .chapter-title-card .chapter-number{
  width: 100%;
  padding: 1rem 0;
  display: block;
  font-size: 20px;
}

.bonkers-books .chapter-title-card h2, .epub-toc-title-card h2 {
  margin-bottom: 0;
  padding: 0.6rem 0rem;
  font-size: 34px;
  font-family: LifeSavers-Bold;
}

.bonkers-books .chapter-number{
  text-transform:capitalize
}

.bonkers-books header .meta{
  font-size: 6pt
}

.bonkers-books footer .meta{
  font-size: 6pt
}

.bonkers-books .title-card h1{
  font-size: 52px;
  padding: 0.6em 0em;
  font-family: LifeSavers-Bold;
}

.bonkers-books .title-card h2{
  font-size: 24px;
  padding: 1em 0em;
  font-family: Delius-Regular;
}

.bonkers-books .title-card h3{
  font-size: 18px;
  padding: 1em 0em;
  font-family: Delius-Regular;
}

.bonkers-books .publisher-details{
  font-family: Delius-Regular;
}
          
        
    
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    margin-block: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

    .toc-list{
      padding: 0px;
      margin-left: 0px;
      list-style: none;
    }

    b{
      font-weight: bold;
    }

    em, i{
      font-style: italic;
    }

    span.monospace {
      font-family: 'Courier', sans-serif;
    }

    span.smallcaps {
      font-variant: small-caps;
    }

    span.sansserif {
      font-family: 'PT Sans';
    }

    h2{
      font-size: 1.2em;
      font-weight: 600;
      padding: 0.6em 0em;
    }


    ul, ol{
      padding: 0rem 1rem;
    }

    .list-parent{
      padding: 1rem;
    }

    li{
      padding: 0.2rem 0rem;
    }

    .table-of-content{
      margin-left: 0px;
      line-height: 1.6rem;
      border-bottom: 1px solid #999999;
      padding-bottom: 0.6rem;
      margin-bottom: 0.6rem;
    }

    /* Common Chapter Title card alignment */

    .chapter-title-card.left{
      text-align: left;
    }

    .chapter-title-card.center{
      text-align: center;
    }

    .chapter-title-card.right{
      text-align: right;
    }
    .chapter-title-card{
      width: 100%;
    }

    .chapter-title-card .chapter-number{
      width: 100%;
      text-align: inherit;
    }

    .chapter-title-card h2{
      width: 100%;
      text-align: inherit;
    }

    .chapter-title-card h3{
      width: 100%;
      text-align: inherit;
    }

    .wrapper{
      /* https://css-tricks.com/almanac/properties/o/overflow-wrap/ */
      overflow-wrap: break-word;
      

      
        text-align: justify;
      
    }

    p:empty:not(:first-of-type){
      min-height: 1em;
    }
    
    p{
      orphans: 2; 
      widows: 2;
      padding-bottom: 0em;
      margin-top: 0em;
      padding-top: 0em;
      line-height: 1.6em;
      text-indent: 1em;
      margin-block-end: 0em;
    }

    p:first-of-type{
      text-indent: 0rem !important;
    }

    .align-left{
      text-align: left !important;
    }
    .align-center{
      text-align: center !important;
    }
    .align-right{
      text-align: right !important;
    }

    blockquote{
      line-height: 1.6em;
      padding-left: 10%;
      padding-right: 10%;
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .ornamental-break{
      text-align: center;
      display: block;
      width: 100%;
      padding: 0.8rem 0rem;
    }
    .ornamental-break img{
      max-height: 0.6rem;
      height: 0.6rem;
      width: auto;
    }
    
    .image{
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 1rem 0rem;
      page-break-inside: avoid;
      height: auto;
    }

    .image img{
    	height:auto;
      page-break-inside: avoid;
    }

    .image.image-flow-left{
      justify-content: flex-start;
      align-items: flex-start;
      text-align: left;
    }

    .image.image-flow-middle{
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .image.image-flow-right{
      justify-content: flex-end;
      align-items: flex-end;
      text-align: right;
    }

    .image .caption{
      width: 96%;
      font-style: italic;
    }


    .image.image-size-small img{
      width: 30%;
    }

    .image.image-size-medium img{
    width: 45%;
    }

    .image.image-size-large img{
      width: 100%;
    }

    .image img{
      display: block;
      margin-bottom: 0.6rem;
    }

    blockquote{
      orphans: 3; 
      widows: 3;
    }

    .verse{
      padding: 2rem 20%;
      line-height: 1.6em;
      orphans: 3; 
      widows: 3;
    }

    .title{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      text-align: center;
      height: 100vh;
    }
    
    .title-card{
      width: 100%;
      text-align: center;
      padding: 2rem 0.4rem;
    }

    .title-card h1{
      font-size: 2.5rem;
      text-align: inherit;
      padding: 0.4rem 0rem;
    }
    
    .title-card h2{
      font-size: 1.75rem;
      text-align: inherit;
      padding: 0.2rem 0rem;
    }
    
    .title-card h3{
      font-size: 1.5rem;
      text-align: inherit;
      padding: 0.2rem 0rem;
    }

    /* EPUB TOC */
    .epub-toc-title-card h2 {
      text-align: center
    }

    .publisher-details{
      width: 100%;
      padding: 2rem 1.6rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    .publisher-logo{
      width: auto;
      max-width: 80px !important;
      padding: 0.8rem 0rem;
    }
    .publisher-logo img{
      width: 80px;
      height: auto;
    }

    /* COPYRIGHTS */

    .copyrights {
      font-size: 0.75rem;
    }

    .copyrights p{
      text-indent: 0em !important;
      margin-bottom: 0.8em;
    }

    .copyrights .chapter-title-card{
      display: none;
    }

    .copyrights p:first-of-type .word:nth-child(-n+4){
      text-transform: none;
    }

    .copyrights p:first-of-type .first-letter{
      font-size: 1em;
      line-height: inherit;
      margin: inherit;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    .copyrights .chapter-title-card{
      display: none !important;
    }

    /* Dedication */

    .dedication .chapter-title-card{
      display: none !important;
    }

    .dedication{
      padding-top: 33.33%;
      text-align: center;
      display: flex;
      justify-content: center;
    }

    /* Epigraph */

    .epigraph .chapter-title-card{
      display: none !important;
    }

    .epigraph{
      padding-top: 33.33%;
    }

    /* Also by */
    .also-by p{
      text-indent: 0 !important;
      margin-bottom: 0.6rem;
      text-align: center;
    }

    .image-full{
      width: 100%;
      height: auto;
      vertical-align: middle;
    }

    .image-full img{
      width: 100%;
      height: auto;
      vertical-align: middle;
    }

    

    
  
         
    @font-face {
      font-family: 'PT Sans';
      src: url(fonts/PTSans-Regular.ttf);
    }
    @font-face {
      font-family: 'PT Sans';
      font-style: italic;
      src: url(fonts/PTSans-Italic.ttf);
    }
    @font-face {
      font-family: 'PT Sans';
      font-weight: bold;
      src: url(fonts/PTSans-Bold.ttf);
    }
    @font-face {
      font-family: 'PT Sans';
      font-style: italic;
      font-weight: bold;
      src: url(fonts/PTSans-BoldItalic.ttf);
    }
    @font-face {
      font-family: 'Courier Prime';
      src: url(fonts/CourierPrime-Regular.ttf);
    }
    @font-face {
      font-family: 'Courier Prime';
      font-style: italic;
      src: url(fonts/CourierPrime-Italic.ttf);
    }
    @font-face {
      font-family: 'Courier Prime';
      font-weight: bold;
      src: url(fonts/CourierPrime-Bold.ttf);
    }
    @font-face {
      font-family: 'Courier Prime';
      font-style: italic;
      font-weight: bold;
      src: url(fonts/CourierPrime-BoldItalic.ttf);
    }