/* Monsters with pluralized names */
.trait-holder:has([data-single-name=""]), .trait-holder[data-single-name=""] {
    background: #a6a6ed  !important;
    & .left-header:after {
        content: "Missing data-single-name";
        margin-left: 20px;
        font-size: 15px;
    }
}

.main-holder .force-clear {
    clear: both;
}

  .main-holder .tooltip-convert {
color: magenta !important;    
}

.pf-table {
    overflow: scroll;
}

.main-holder table .center-header {
    padding-left: 30%;
}

.main-holder .standard-table.center-content {
    
    & th, td {
    text-align: center;
}
}

  :root {
  --pf-core-dark-green: #002A17;
  --pf-core-black: #000000;
  --pf-core-teal: #025D4E;
  --pf-core-white: #ffffff;
  --pf-core-pale: #e1d8d5;
  --pf-core-tan: #ece3cb;
  --pf-core-dark-red: #481e12;
--book-accent-color-1: #002A17; /*Dark green*/
--book-accent-color-2: #481e12; /*Dark red*/
  --readaloud-color: var(--pf-sog-dark-teal);
  
  --base-font: 18px;
  --font-scale: 1.2;
  
  --font-size-1: var(--base-font);
  --font-size-2: calc(var(--base-font) * var(--font-scale));
  --font-size-3: calc(var(--font-size-2) * var(--font-scale));
  --font-size-4: calc(var(--font-size-3) * var(--font-scale));
  --font-size-5: calc(var(--font-size-4) * var(--font-scale));
  --font-size-6: calc(var(--font-size-5) * var(--font-scale));
  --font-size-7: calc(var(--font-size-6) * var(--font-scale));
  --font-size-8: calc(var(--font-size-7) * var(--font-scale));
  --font-size-small-1: calc(var(--base-font) / var(--font-scale));
  --font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));
  --font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));
}

@font-face {
  font-family: "Nunito";
  src: url("https://content.demiplane.com/fonts/Nunito-Regular.ttf")
    format("truetype");
}

@font-face {
  font-family: "GoodOT";
  src: url("https://content.demiplane.com/fonts/GoodOT.otf")
    format("opentype");
}

@font-face {
  font-family: "GoodOT-Bold";
  src: url("https://content.demiplane.com/fonts/GoodOT-Bold.otf")
    format("opentype");
}

@font-face {
  font-family: gin;
  src: url("https://content.demiplane.com/fonts/Gin.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "GoodOT-CondBold";
  src: url("https://content.demiplane.com/fonts/GoodOT-CondBold.otf") format("opentype");
}

.book-styled-block {
    background: #FDFDFD;
}

.main-holder > .split-header {
    font-size: 24px;
    font-weight: normal;
    color: #5d0000;
    font-family: gin;
    border-bottom:0px;
}

.letter-end {
    text-align: right;
    line-height: 10px;
}

.iconic {
    background-color: #0e2919;
    color: #FFF;
    padding: 25px 25px 15px 25px;
    overflow: hidden;
}

.iconic > h3 {
    color: #FFF;
}

h1 { 
    text-align: center;
    color: #002A17 !important;
    font-size: 50px !Important;
}

h2 {
    color: #002A17 !important;
}

h3 {
    text-transform: none;
    font-family: "GoodOT-Bold";
}

h4 {
    color: #025D4E;
    text-transform: none;
    font-family: "GoodOT-Bold";
}

.main-holder .trait-holder .split-header {
    font-size: var(--font-size-2);
    color: var(--pf-core-black);
    font-family: "GoodOT-CondBold";
            font-weight: bold;
    border-bottom:1px solid;
}

.main-holder > .split-header, .main-holder > h3 {
    font-size: var(--font-size-3);
    color: var(--pf-core-dark-red);
        font-family: "GoodOT-Bold";
            font-weight: bold;
    border-bottom:0px;
}

.main-holder > h5 {
    color: var(--pf-core-black);
    font-family: "GoodOT-CondBold";
   font-weight: bold;
    font-size: var(--font-size-2);
    margin-top: var(--font-size-6);
    margin-bottom: var(--font-size-1);
}

.blockh3 {
    text-transform: uppercase;
    font-family: "GoodOT-CondBold";
}

.block-header {
    text-transform: uppercase;
    font-family: "GoodOT-CondBold";
    margin-top: 15px;
}

.iconic p {
    font-family: "GoodOT";
    font-size: 20px;
    text-align: justify;
}

.main-holder .first-head {
    margin-top: calc(var(--font-size-1)*-3);
    margin-bottom: var(--font-size-5);
}

.ptspacer {
    height: 60px;
    border-bottom: 2px solid #0e2919;
}

.image-pzoanimist-colortransparent {
    position: relative;
    top: -50px;
    margin-right: -50px;
}

.image-pzoexemplar-colortransparent {
    position: relative;
    top: 35px;
    margin-right: -35px;
}

.heading-block {
    color: #002A17;
    background-color: transparent;
    font-weight: bold;
}

.red-block {
    background-color: #002A17;
}

.light-red-border .two-column-left {
    border-right: 2px solid #afa07a !important;
}

.standard-table th {
    background-color: #002A17;
}

.main-holder .standard-table td {
    padding: 10px;
    min-width: 96px !important;
}

.main-holder .standard-table th {
    background-color: var(--pf-core-dark-green) !important;
        font-family: "GoodOT-Bold";
            font-weight: bold;
            color: var(--pf-core-white) !important;
}

.main-holder .standard-table th p {
            color: var(--pf-core-white) !important;
}

.main-holder .standard-table td {
    color: var(--pf-core-black) !important;
    font-family: "GoodOT";
}

.book-styled-block {
    background-color: #e6dbb9;
    padding: 20px;
    font-family: "GoodOT";
    border: 2px solid #0e2919;
}

.block-header {
    text-align: center;
    font-size: 23px;
}

.ptcf {
    color: #4E1B0E !important;
    text-transform: none !important;
    font-family: "GoodOT-Bold" !important;
}

.trait-holder h3 {
    color: #000000 !important;
    text-transform: uppercase;
    font-family: "GoodOT-CondBold";
}

.level-header {
    text-transform: uppercase;
    font-family: "GoodOT-CondBold";
    font-size: 25px;
}

 /**/
/*Class Block*/
/**/

.class-block  {
    background-color: var(--pf-core-dark-green);
    font-family: "GoodOT";
    padding-top: var(--font-size-3);
    padding-right: var(--font-size-1);
    padding-bottom: var(--font-size-3);
    padding-left: var(--font-size-1);
    margin-top: var(--font-size-1);
    margin-bottom: var(--font-size-3);
    color: var(--pf-core-white);
    border: 2px solid var(--pf-core-tan);
}

.class-block h5 {
    color: var(--pf-core-white);
font-size: var(--font-size-2);
/*font-family: "GoodOT-Bold";*/
    font-family: "GoodOT";
        font-weight: bold;
text-transform: none;
margin-top: 10px;
}
.class-block h3 {
color: var(--pf-core-white);
margin-bottom:3px;
}

.class-block p {
margin-top: 7px;
}

.class-block p strong {
    color: white;
}

.class-block a {
    color: var(--pf-core-white) !important;
}

/* Class Sidebar */
.main-holder .class-sidebar {
  width: 100%;
  background: var(--pf-core-tan);
  border-radius: 8px;
  color: var(--pf-core-black);
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: "GoodOT";
  font-size: var(--font-size-1);
  padding-top: 0px;
  border: 1px solid;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/gm-core/css/Box-BG.jpg");
}

.main-holder .class-sidebar h5 {
    text-align: left;
    color: var(--pf-core-dark-red);
}

.main-holder .class-sidebar p {
  margin: 0px;
}

.main-holder .class-sidebar .two-column-holder h3 {
    margin-top: var(--font-size-small-1);
    margin-bottom: var(--font-size-small-3);
} 

.main-holder .class-sidebar .two-column-holder p {
    margin-bottom: 4px;
    margin-top: 4px;
    font-family: "GoodOT";
} 

.main-holder .class-sidebar.ancestries .two-column-holder h5 {
    margin-top: var(--font-size-small-1);
    margin-bottom: var(--font-size-small-3);
    font-size: var(--font-size-2);
}

.main-holder .class-sidebar.ancestries .pf-two-column-holder h5 {
    margin-top: var(--font-size-small-1);
    margin-bottom: var(--font-size-small-3);
    font-size: var(--font-size-2);
}


.main-holder .class-sidebar.ancestries .pf-two-column-holder .pf-two-column-left {
    flex: 50%;
    flex-wrap: wrap;
    padding: 20px 30px;
} 

.main-holder .class-sidebar.ancestries .pf-two-column-holder .pf-two-column-right {
    flex: 50%;
    flex-wrap: wrap;
    padding: 20px 30px;
} 

.main-holder .class-sidebar.ancestries .pf-two-column-holder.dark-red-border .pf-two-column-left {
border-right: 1px solid #5C1C16;
} 

.book-styled-block h5 {
    text-align: center;
    color: var(--pf-core-black);
    font-family: "GoodOT-CondBold";
            font-weight: bold;
    font-size: var(--font-size-2);
    margin-top: var(--font-size-4);
    margin-bottom: var(--font-size-1);
}

.book-styled-block strong {
    color: var(--pf-core-black);
}

.main-holder .book-styled-block {
  background: #eadcb7;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/gm-core/css/Box-BG.jpg");
  background-size: contain;
  background-repeat: repeat;
  padding: 0px var(--font-size-6) var(--font-size-2) var(--font-size-6);
  border: 2px solid var(--pf-core-black);
  margin: var(--font-size-small-3);
  margin-top: var(--font-size-3) !important;
  color: var(--pf-core-black);
  font-family: "GoodOT";
}

.book-styled-block h3 {
    color: var(--pf-core-black);
    font-family: "GoodOT";
    font-weight: bold;
    text-transform: none;
    margin-bottom: -7px;
    margin-top: var(--font-size-2);
}

.book-styled-block h4 {
    text-align: center;
    color: var(--pf-core-dark-red);
    font-family: "GoodOT-Bold";
    font-weight: bold;
    text-transform: none;
    font-size: var(--font-size-3);
    margin-top: var(--font-size-2);
}

.main-holder .demiplane-credits {
      font-size: var(--font-size-small-1);
      font-family: "Good OT";
      border-top: 1px solid var(--book-accent-color-2);
      padding: 20px 0px;
      margin: 50px 0;
      color: var(--book-off-black);
      
      & h2 {
          font-size: var(--font-size-1);
          font-family: "GoodOT-Bold";
          color: var(--book-accent-color-1);
          margin-bottom: -10px;
      }
      
      & p {
          margin-block-end: 30px;
      }
  }  
/*Image Wizard Styles*/
.image-pzo-soulhammer {
  width: 414.996px;
  shape-outside: polygon(30.18% -0.18%, 21.99% 15.81%, 1.75% 23.21%, 2.23% 45.64%, 12.59% 65.21%, 12.35% 104.35%, 91.39% 95.28%, 102.95% 71.66%, 94.76% 24.16%, 60.06% 1.25%);
}
 {
}
.image-pzo-deific-vessel {
  width: 435px;
  shape-outside: polygon(31.78% -0.12%, 10.86% 9.94%, 9.25% 40.76%, 14.08% 58.58%, 0.29% 68.22%, 1.67% 98.20%, 90.17% 106.58%, 105.81% 84.15%, 95.23% 1.34%);
}
.image-pzo-soul-bound-archetype {
  width: 264.996px;
  shape-outside: polygon(37.46% 0.53%, 32.17% 14.66%, 18.21% 23.36%, -0.28% 25.37%, 6.14% 48.36%, 15.19% 55.81%, 11.42% 66.52%, 25.76% 85.74%, 24.63% 95.83%, 44.63% 101.42%, 98.59% 97.07%, 106.51% 52.04%, 91.80% -1.18%);
}
.image-pzotome-of-stone-wards-spellbook-archetype {
  width: 345px;
  shape-outside: polygon(44.13% 0.62%, 42.39% 15.13%, 0.36% 32.88%, 0.07% 41.53%, 5.29% 47.81%, 4.42% 75.52%, 14.86% 85.26%, 37.75% 102.57%, 71.67% 97.59%, 105.87% 57.98%, 95.73% 18.16%, 54.86% -0.03%);
}