:root{
    --readaloud-color: #6d503a;
}

.logo-image-tag {
    margin-top: -120px;
}

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

.book-styled-block {
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/a-fistful-of-flowers/css/fof-sidebar-bg.jpg);
    padding: 20px 40px;
    margin: 40px 0px;
    margin-bottom: 60px;
    color: white !important;
}

.checklist-box {
    font-size: 65px;
    line-height: 10px;
}

.tok-number {
    font-family: HorleyOldStyle;
    font-size: 32px;
    margin-right: 20px;
    position: relative;
    top: 3px;
    color: #004315;
}

.book-styled-block strong {
    color: inherit;
}

.block-header {
    font-size: 22px;
    margin-top: 30px;
    color: white !important;
}

.block-header-append {
    margin-top: 30px !important;
}

.sidebar h5 {
    color: #6a6a6a;
    font-family: GoodOT-Bold;
    font-size: 22px !important;
    margin-top: 20px;
}

.right-aligned-paragraph {
    text-align: right;
}

.tok-main-header {
    margin-bottom: 50px !important;
    font-family: HorleyOldStyle !important;
    color: #394b8a !important;
}

.tok-header-wrap {
    display: block;
}

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

.readaloud-block {
    margin: 40px 0px;
}

.main-holder > h1 {
    font-family: HorleyOldStyle;
    color: #003c10;
    font-size: 30px;
    text-transform: none;
    letter-spacing: 1px !important
}

.main-holder > h2 {
    font-family: HorleyOldStyle;
    color: #003C10;
    font-size: 28px;
    text-transform: none;
    letter-spacing: 1px !important
}

.main-holder > h3 {
    font-family: GoodOT-CondBold !important;
    text-transform: none !important;
    color: #4d381c !important;
    font-size: 24px !important;
}

.main-holder > h4 {
    font-family: GoodOT-CondBold !important;
    text-transform: none !important;
    color: #394b8a !important;
    font-size: 24px !important;
}

.sidebar > h4 {
    font-family: GoodOT-Bold !important;
    font-variant: small-caps !important;
    text-transform: none !important;
    color: #bd9576 !important;
    font-size: 22px !important;
}

.main-holder > .split-header {
    border-bottom:0px;
}

.readaloud-block {
    margin: 40px 0px;
}

.readaloud-block p {
    font-family: GoodOT;
    font-size: 20px;
    color: #6d503a !important;
}

.trait-holder {
    overflow: visible;
}

.overflow-hidden {
    overflow: hidden;
}

.display-flow-root {
    display: flow-root;
}

main-holder > p {
    font-family: Nunito;
    font-size: var(--font-size-1);
    line-height: var(--font-size-2);
    margin-top: 0px;
    padding: 0px;
    margin-bottom: var(--font-size-1);
}

main-holder > p strong {
    font-family: Good Ot;
}

.image-so {
    shape-margin: 8px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.book-image-center {
    margin-left: auto;
    margin-right: auto;
}

.force-image-left {
    float: left;
}

.force-image-right {
    float: right;
}

.image-with-subtitle-center {
    margin-left: auto;
    margin-right: auto;
}

/*.image-so > p {*/
/*    position: relative;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: fit-content;*/
/*    height: 28px;*/
/*    font-family: Benguiat Std;*/
/*    font-size: 14px;*/
/*    padding: 2px 8px 0px 8px;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    color: var(--sf-green);*/
/*    background-color: var(--sf-subtitle-background);*/
/*    border: 2px solid var(--sf-subtitle-border);*/
/*    border-radius: 2px;*/
/*    z-index: 1001;*/
/*}*/

.image-so p {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 28px;
    font-family: 'HorleyOldStyle';
    font-size: 18px;
    padding: 2px 12px 0px 12px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    background-color: #ce707a;
    border: #ce707a;
    border-radius: 1px;
    z-index: 1001;
}




@media only screen and (max-width: 660px) {
  p {
      line-height: 24px;
  }
}


@media only screen and (max-width: 600px){
    .book-image-right {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    .force-image-right {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    .image-with-subtitle-right {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    .book-image-left {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    .force-image-left {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    .image-with-subtitle-left {
        float: none;
        display: block;
        margin: 0 auto;
    }
}
/*Image Wizard Styles*/
.image-pzobottlespeaker {
  width: 480px;
  shape-outside: polygon(0.16% 83.21%, -0.05% 75.69%, 11.62% 71.18%, 16.41% 55.95%, 14.33% 37.53%, 34.12% 17.98%, 51.00% 2.11%, 62.45% 0.79%, 79.33% 6.62%, 99.12% 44.59%, 93.70% 75.42%, 76.00% 90.50%, 50.37% 98.02%, 31.20% 98.39%);
}
 {
}
.image-pzovilm {
  width: 405px;
  shape-outside: polygon(8.27% 4.75%, 8.27% 7.98%, 4.81% 9.34%, 5.56% 12.23%, 9.51% 13.42%, 4.07% 19.72%, 6.05% 26.18%, 11.73% 27.37%, 7.28% 32.30%, 9.01% 37.57%, 7.53% 49.48%, 1.11% 56.45%, 0.86% 68.70%, 4.81% 78.22%, 10.74% 89.28%, 30.74% 96.59%, 56.42% 95.06%, 65.56% 92.68%, 65.80% 87.06%, 68.77% 72.44%, 78.64% 70.40%, 81.36% 61.72%, 74.69% 51.69%, 62.59% 44.89%, 51.73% 37.57%, 56.67% 26.69%, 75.19% 26.69%, 77.41% 20.74%, 99.63% 23.46%, 99.38% 17.85%, 92.22% 14.96%, 84.57% 6.45%, 69.26% 2.88%, 56.17% 5.26%, 49.26% 2.88%, 41.85% -0.35%, 38.15% 0.50%, 32.72% 2.20%, 23.83% 2.71%, 13.70% 0.84%);
}
.image-pzovilm > p {
  left: 120.5px;
  top: 412.9375px;
}
.image-pzocarl-the-cobbler {
  width: 450px;
  shape-outside: polygon(24.67% 28.20%, 18.44% 31.16%, 6.00% 35.60%, 0.67% 37.93%, 1.56% 42.16%, 5.78% 50.83%, 8.67% 57.59%, 13.56% 63.93%, 20.22% 70.49%, 18.22% 75.56%, 17.11% 84.86%, 16.00% 93.74%, 23.33% 97.13%, 34.67% 93.74%, 41.56% 90.36%, 55.78% 94.17%, 68.00% 93.11%, 65.33% 99.87%, 80.00% 99.87%, 84.44% 89.52%, 83.56% 79.58%, 71.56% 72.18%, 63.56% 64.15%, 70.44% 57.80%, 62.67% 53.36%, 58.22% 43.85%, 65.33% 35.82%, 70.00% 24.82%, 74.89% 20.80%, 87.11% 21.23%, 86.67% 26.72%, 100.00% 18.48%, 99.33% 11.71%, 91.78% 5.37%, 77.33% -0.97%, 52.22% -0.34%, 42.22% 4.31%, 31.56% 13.19%, 25.56% 25.03%);
}
.image-pzocarl-the-cobbler > p {
  left: 88px;
  top: 345.40625px;
}
.image-pzofluff-fang {
  width: 470px;
  shape-outside: polygon(52.13% 0.52%, 48.30% 8.56%, 45.11% 18.72%, 37.45% 19.20%, 32.98% 21.80%, 26.17% 22.51%, 23.62% 27.47%, 13.40% 30.78%, 11.70% 31.49%, 10.85% 35.51%, 4.68% 38.58%, -2.77% 36.22%, 0.64% 41.89%, 8.30% 45.67%, 13.83% 44.96%, 20.64% 45.44%, 38.09% 36.69%, 37.87% 42.13%, 30.64% 46.62%, 26.38% 53.00%, 21.49% 59.15%, 11.91% 73.57%, 1.70% 87.28%, 2.77% 90.59%, 33.40% 64.59%, 40.00% 62.93%, 33.40% 72.62%, 32.55% 81.61%, 30.00% 85.15%, 30.43% 89.88%, 32.34% 98.63%, 38.51% 100.05%, 39.15% 95.48%, 37.02% 88.86%, 43.83% 73.25%, 54.04% 63.80%, 52.34% 82.24%, 66.17% 76.56%, 80.85% 56.94%, 79.15% 50.09%, 86.17% 45.83%, 96.81% 41.34%, 99.36% 32.36%, 99.36% 17.23%, 85.11% 11.55%, 78.51% 12.73%, 76.60% 3.51%, 65.74% -0.27%);
}
.image-pzopopcorn {
  width: 495px;
  shape-outside: polygon(34.65% 47.12%, 26.97% 54.08%, 22.53% 61.04%, 13.03% 59.59%, 4.55% 50.31%, 1.31% 47.99%, 0.30% 61.04%, 2.12% 69.73%, 5.15% 75.24%, 6.77% 83.06%, 16.67% 86.25%, 24.95% 87.41%, 27.78% 92.05%, 27.98% 100.46%, 42.32% 99.68%, 41.52% 91.28%, 48.59% 83.45%, 55.05% 73.89%, 60.71% 70.70%, 63.94% 85.77%, 75.25% 90.41%, 80.10% 86.93%, 81.52% 80.55%, 74.44% 73.89%, 76.06% 56.78%, 79.29% 51.28%, 83.13% 65.19%, 89.80% 68.67%, 95.86% 51.57%, 99.97% 42.58%, 100.77% 27.80%, 93.30% 22.87%, 90.07% 24.03%, 85.62% 15.63%, 78.55% 10.70%, 71.68% 14.18%, 70.67% 19.39%, 70.07% 9.25%, 69.46% 0.84%, 58.96% 2.48%, 52.49% 0.75%, 45.82% 0.75%, 44.81% 9.15%, 43.00% 17.27%, 36.73% 15.53%, 33.70% 22.77%, 35.12% 25.96%, 39.16% 33.21%, 35.93% 37.56%);
}
.image-pzoreaching-rings {
  width: 370px;
  shape-outside: polygon(60.00% 1.82%, 47.57% 7.04%, 33.24% 13.46%, 18.11% 15.36%, 8.38% 18.92%, 6.76% 23.43%, 10.81% 26.99%, 14.32% 31.98%, 16.76% 33.88%, 12.97% 35.78%, 2.43% 39.82%, -0.27% 44.81%, 1.35% 49.32%, 4.05% 51.22%, -0.27% 53.60%, 0.81% 56.21%, 7.03% 54.07%, 8.92% 57.64%, 5.95% 63.10%, 1.62% 69.99%, 0.00% 77.11%, 8.65% 84.71%, 18.65% 85.19%, 24.05% 80.20%, 33.51% 64.29%, 44.59% 67.14%, 58.92% 74.50%, 70.27% 74.50%, 51.62% 100.63%, 60.81% 99.68%, 94.59% 53.36%, 99.19% 55.02%, 100.27% 40.53%, 88.38% 36.26%, 75.95% 32.46%, 80.54% 26.99%, 74.86% 22.96%, 63.24% 22.72%, 71.08% 17.49%, 85.41% 12.50%, 90.81% 0.63%, 76.49% -0.80%);
}