.clairmont .chapter-number span{
      display: inline-block;
      font-family: AlegreyaSansSCBold;
      font-size: 22px;
      text-align: center;
      width: 100%;
      font-weight: 900!important;

      text-transform: capitalize;  color: #000000;  padding-top: 0.4em;  padding-bottom: 0.4em;  padding-left: 0px;  padding-right: 0px;  line-height: 1;  
      
    }

    .clairmont .chapter-title h2, .clairmont .epub-toc-title-card h2{
      display: inline-block;
      font-family: AlegreyaSansSCBold !important;
      font-size: 26px;
      text-align: center!important;
      width: 100%;
      font-weight: 900!important;

      color: #000000;  padding-top: 1em;  padding-bottom: 1em;  padding-left: 0px;  padding-right: 0px;  line-height: 1;  border-top-width: 2px;  border-top-color: #999999;  border-top-style: solid;  border-bottom-width: 2px;  border-bottom-color: #999999;  border-bottom-style: solid;  
      
    }

    .clairmont .chapter-title-card .chapter-subtitle h3{
      display: inline-block;
      font-family: AlegreyaSansSCRegular;
      font-size: 22px;
      text-align: center;
      width: 100%;
      
      color: #000000;  padding-top: 0.6em;  padding-bottom: 0.6em;  padding-left: 0px;  padding-right: 0px;  line-height: 1;  
      
    }

    .clairmont header .meta{
      font-size: 10pt;
      font-family: EBGaramond;
    }

    .clairmont footer .meta{
      font-size: 10pt;
      font-family: EBGaramond;
    }

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

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

    .clairmont .chapter-title-card .right{
      text-align: right;
    }

    .clairmont .chapter-title-card{
      width: 100%;
      justify-content:center;
    }

    .clairmont .chapter-title-card .chp_bg{
      background-color: rgba(255,255,255, 0);
      opacity: 1;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .clairmont .chapter-title-card .chapter-title h2{
      opacity: 1 !important;
      word-break: break-word;
    }

    .clairmont .chapter-title-card .chapter-number{
      opacity: 1 !important;
      word-break: break-word;
    }

    .clairmont .chapter-subtitle h3{
      opacity: 1 !important;
      word-break: break-word;
    }

    .clairmont .chapter-title-card, .clairmont .title-card, .clairmont .epub-toc-title-card{
      display: flex;
      flex-direction: column;
    }

    .clairmont .chapter-title-card, .clairmont .epub-toc-title-card{
      display: flex;
      position: relative;
      min-height: 15em;
      padding-bottom: 0;
      padding-top: 2rem;  
      
    }

    .clairmont .chp_clr_none img, .chp_clr_none{
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
    }

    .clairmont .chp_clr_all img, .chp_clr_all{
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
    }

    .clairmont .chapter-title-card .chp_img{
      order: 1;
      text-align: center;
      padding-top: 0.3em;
      z-index: 10;
      
    }

    .clairmont .chapter-title-card .chp_img img{
      width: 20%;
    }

    .clairmont .chapter-number{
      text-align: center!important;
      order: 2;
      text-transform: capitalize;
      z-index: 10;
    }

    .clairmont .chapter-title{
      text-align: center!important;
      order: 3;
      z-index: 10;
    }

    .clairmont .chapter-subtitle{
      text-align: center!important;
      order: 4;
      z-index: 10;
    }

    .clairmont .chapter-number span, .clairmont .chapter-title h2, .clairmont .epub-toc-title-card h2, .clairmont .chapter-subtitle h3 {
        font-weight: 400;
    }

    .inverted * {
      color: white !important;
    }

    

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

      .clairmont h1 {
        font-size: 1.3em;
        padding: 0.6em 0em;
      }
  
      .clairmont ul, .clairmont ol{
        padding: 0rem 1rem;
        line-height: 1.6;
      }

      .clairmont ul .reset-padding, .clairmont ol .reset-padding{
        margin-left: -1rem;
      }
      .clairmont li{
        padding: 0.2rem 0rem;
      }

    

    
        .clairmont h2, .clairmont h3, .clairmont h4, .clairmont h5, .clairmont h6, 
    
        .clairmont h2 {
          font-size: 1.2em;
          font-family:  undefined;
          font-weight: 600;
          padding: 0.6em 0em;
        }
    
        .clairmont h3 {
          font-size: 1.15em;
          font-family: undefined;
          font-weight: 600;
          padding: 0.6em 0em;
        }
    
        .clairmont h4 {
          font-size: 1.12em;
          font-family: undefined;
          font-weight: 600;
          padding: 0.6em 0em;
        }
    
        .clairmont h5 {
          font-size: 1.09em;
          font-family: undefined;
          font-weight: 600;
          padding: 0.6em 0em;
        }
    
        .clairmont h6 {
          font-size: 1.07em;
          font-family: undefined;
          font-weight: 600;
          padding: 0.6em 0em;
        }
      

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

      text-align: justify;
    }

    /*
      The second target, checking if the paragraph is the first paragraph in
      the document and is a descendant of class align-center and applying
      the default paragraph styling is due to a bug where if the first
      paragraph is centered, it does not align with the rest of the document
      caused by {theme} p:first-of-type which needs to be overridden for this
      scenario.
    */
    .clairmont p {
      orphans: 2;
      widows: 2;
      padding-bottom: 0em;
      margin-top: 0em;
      padding-top: 0em;
      line-height: 1.6em;
      text-indent: 0.381cm !important;
      margin-block-end: 0em;
    }

    .clairmont p:empty:not(:first-of-type) {
      min-height: 1em;
    }

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

    .clairmont .text-after-subheading {
      text-indent: 0rem !important;
    }

    .clairmont .print-wrapper{
      height: 100%;
      max-height:100%;
    }

    
    .clairmont .withDropcap .dropcap, .clairmont .ornamental-break + p{
      text-indent: 0!important;
    }
    
      .clairmont .withDropcap .dropcap {
        float: left;
      }
      .clairmont .withDropcap .dropcap{
        font-size: 3rem;
        line-height: 1;
        padding: 0 0.25rem;
        margin-right: 0.125rem;
        webkit-initial-letter: 2;
        initial-letter: 2;
        transform: scale(1.1);
      }
      .clairmont .withDropcap .dropcap:before,
      .clairmont .withDropcap .dropcap:after {
        content: "";
        display: block;
      }
      .clairmont .withDropcap .dropcap:before {
        margin-bottom: 0.275rem;
      }
      .clairmont .withDropcap .dropcap:after {
        margin-top: -0.175rem;
      }
    
  

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

    .clairmont .image-full-bleed img{
      width: 100%;
      height: auto;
      max-height:100%;
      object-fit:fill;
      vertical-align: middle;
    }

    .clairmont .full-bleed{
      height: 100%;
      max-height:100%;
      position:relative;
    }
  

    /* Editor Plugins */

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

    
    .clairmont blockquote{
      line-height: 1.6em;
      padding-left: 10%;
      padding-right: 10%;
      margin-top: 2rem;
      margin-bottom: 2rem;
      orphans: 3; 
      widows: 3;
    }

    .clairmont blockquote .quotee{
      text-align: right;
    }
  

    
    .clairmont .ornamental-break{
      text-align: center;
      display: block;
      width: 100%;
      padding: 0.8rem 0rem;
    }
    
    .clairmont .ornamental-break img{
      width: 100%;
    }
  

    
    .clairmont .image{
      display: flex;
      flex-direction: column;
      width: 100%;
      page-break-inside: avoid;
      height: auto;
    }

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

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

    .clairmont .image.image-wrap-left {
      float: left;
      margin-right: 0.8rem;
    }

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

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

    .clairmont .image.image-wrap-right {
      float: right;
      margin-left: 0.8rem;
    }

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

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

    .clairmont .image.image-size-small .img-with-empty-link{
      width: 30%;
    }

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

    .clairmont .image.image-size-medium .img-with-empty-link{
      width: 45%;
    }

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

    .clairmont .image.image-size-large .img-with-empty-link{
      width: 100%;
    }

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

    .clairmont .image img:not(.img-with-empty-link){
      width: 100%;
    }
  

    
    .clairmont .profile-links > div {
      display: inline-block;
    }

    .clairmont .profile-links {
      text-align: center;
      margin: 10px 0px;
      page-break-inside: avoid;
    }

    .clairmont .social-profile-icon-small {
      text-align: center;
      width: 15px;
      height: 15px;
      margin: 5px;
    }

    .clairmont .social-profile-icon-medium {
      text-align: center;
      width: 20px;
      height: 20px;
      margin: 5px;
    }

    .clairmont .social-profile-icon-large {
      text-align: center;
      width: 25px;
      height: 25px;
      margin: 5px;
    }
  

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

    
      .clairmont .calloutbox {
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 1em 1em 1em 1em;
        display: inline-block;
        width: 100%;
      }
    

    
    .clairmont .endnote-link{
      color: inherit;
      text-decoration: none;
      padding-left: 0.2rem;
    }
    .clairmont .endnotes{
      font-size: 1rem !important;
      padding-top: 1rem !important;
      margin-top: 1rem !important;
      margin-bottom: 2rem !important;
      page-break-inside: avoid;
      break-inside: avoid;
      text-align: left;
    }
    .clairmont .endnotes-separator{
      height:0.175rem;
      background-color:#000000;
      margin-bottom: 2rem !important;
    }
    .clairmont .endnote-backlink{
      color: inherit;
      text-decoration: none;
    }
    .clairmont a{
      text-decoration: none;
      color: inherit;
    }
    
    .clairmont .endnote-item{
      margin-left: 1.2rem;
    }
    
    .clairmont .endnote-title{
      padding-top: 1rem
    }
  

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

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

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

    .clairmont .list-parent{
      padding: 1rem;
    }

    
      .clairmont .hanging{
        line-height: 1.6em;
        text-indent: -0.381cm;
        padding-left: 0.381cm;
        orphans: 3; 
        widows: 3;
      }
    

    
    .clairmont .text-messages-container{
      box-sizing: border-box;
      display: inline-block;
      width: 100%;
      padding: 0px 30px 0px;
      word-break: break-word;
    }

    .clairmont .message-bubble {
      border-style: solid;
      border: 1px;
      border-radius: 1em;
      padding: 2% 3%;
      margin-bottom: 5px;
      color: #fff;
      display: inline-block;
      margin-right: 30px;
    }

    .clairmont .sent{
      text-align: right;
      margin-right: 0px;
      margin-left: 30px;
    }
  
    .clairmont .contact-bubble {
      margin-bottom: 1px;
      padding: 0px;
      font-size: 0.8em;
      color: #aeaeae;
      border:0;
    }
  
    .clairmont .ios-sent-bubble {
      background-color: #056be6;
      border-color: #056be6;
    }
  
    .clairmont .ios-received-bubble {
      background-color: #d8d8d8;
      color: #000000;
      border-color: #d8d8d8;
    }
  
    .clairmont .ios-android-sent-bubble {
      background-color: #148527;
      border-color: #148527;
    }
  
    .clairmont .ios-android-received-bubble {
      background-color: #d8d8d8;
      color: #000000;
      border-color: #d8d8d8;
    }

    .clairmont .android-sent-bubble {
      background-color: #075E54;
      border-color: #075E54;
      border-radius: 16px 16px 0px 16px;
    }
  
    .clairmont .android-received-bubble {
      background-color: #444444;
      border-color: #444444;
      border-radius: 16px 16px 16px 0px;
    }
    

    /* Chapter Types */

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

    .clairmont .title-card h1{
      font-size: 44px;
      text-align: inherit;
      padding: 0.6em 0em;
      font-family: AlegreyaSansSCBold;
      border-top-width: 2px;  border-top-color: #999999;  border-top-style: solid;  border-bottom-width: 2px;  border-bottom-color: #999999;  border-bottom-style: solid;  font-size: 28px;  font-weight: 700;  
    }
    
    .clairmont .title-card h2{
      font-size: 22px;
      text-align: inherit;
      padding: 1em 0em;
      font-weight: normal;
      font-family: AlegreyaSansSCBold;
      font-size: 18px;  
    }
    
    .clairmont .title-card h3{
      font-size: 20px;
      text-align: inherit;
      padding: 1em 0em;
      font-family: AlegreyaSansSCBold;
      font-size: 16px;  
    }

    .clairmont .publisher-details{
      position: absolute;
      bottom: 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 2rem 1.6rem;
      text-transform:capitalize;
      font-family: AlegreyaSansSCBold;
      
    }
    
    .clairmont .publisher-logo{
      width: auto;
      max-width: 80px !important;
      padding: 0.8rem 0rem;
    }

    .clairmont .publisher-logo img{
      width: 80px;
      height: auto;
    }
  

    
    .clairmont .toc-list{
      padding: 0px;
      margin-left: 0px;
      list-style: none;
    }
    .clairmont .toc-subheading{
      margin-left: 1.5rem;
    }
    .clairmont .toc-subheading-epub{
      margin-left: 0.5rem;
      list-style-type:none;
    }
    .clairmont .toc-subtitle-epub{
      margin-left: 0.5rem;
      list-style-type:none;
    }
    .clairmont .toc-subtitle-inner{
      text-decoration:none;
    }
    .clairmont .table-of-content{
      margin-left: 0px;
      line-height: 1.6rem;
    }
    /* EPUB TOC */
    .clairmont .epub-toc-title-card h2 {
      text-align: center;
      font-family: 'AlegreyaSansSC';
    }

    .clairmont .toc-entry {
      line-height: 1.6rem;
    }

    .clairmont .toc-block {
      list-style: none;
    }
    .clairmont .chapter-num-hidden {
      visibility: hidden;
    }
  

    
    .clairmont .copyrights {
      font-size: 0.75rem;
    }

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

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

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

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

    
    .clairmont .epigraph{
      padding-top: 33.33%;
    }
  

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

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

    .clairmont .image-full img{
      width: 100%;
      height: auto;
      max-height:100%;
      object-fit:contain;
      vertical-align: middle;
    }

    .clairmont .fullpage-image{
      height: 100%;
      max-height:100%;
      position:relative;
    }
  

    
    .clairmont .part-title {
        margin-top: 30%;
      }
      
   
@font-face{
  font-family: AlegreyaSansSCBold;
  src: url("fonts/AlegreyaSansSC-Bold.ttf");
  font-weight: bold;  
}
.AlegreyaSansSCBold{
  font-family: AlegreyaSansSCBold;
}
@font-face{
  font-family: AlegreyaSansSCRegular;
  src: url("fonts/AlegreyaSansSC-Regular.ttf");
  
}
.AlegreyaSansSCRegular{
  font-family: AlegreyaSansSCRegular;
}