/*Temporary*/
.main-holder tooltip {color: magenta;} 

.force-clear {
    clear: both;
}

 .pf-table {
    overflow: scroll;
}  

 :root{
    --readaloud-color: #885737;
    --book-header-color-1: #fff; /*white*/
    --book-header-color-2: #092560; /*blue*/
    --book-off-black: #58585a;
    --book-accent-color-1: #787639; /*green brown*/
    --book-accent-color-2: #885737; /*ruddy oragne*/
    /*-----*/
    --book-header-font-1: "GoodOT-Bold";
    --book-header-font-2: "GoodOT-Bold";
    --book-header-font-3: "Taroca"; /*Book Title Font*/
    --book-handout-font-1: "Ex Ponto";
    --book-serif-font-1: "Sabon";
    --book-subtitle-font-1: "Gin";
     /*-----*/
  --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));
}

/*Fonts*/

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

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

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

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

@font-face {
  font-family: "Good OT";
  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: "GoodOT-CondBold";
  src: url("https://content.demiplane.com/fonts/GoodOT-CondBold.otf")
    format("opentype");
}

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

.main-holder .lora-chapter-opener {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/00-04-PZO13004  WELCOME TO THE CONVOCATION.jpg");
    min-height: 800px;
    background-size: cover;
    background-position: bottom;
    
    & h1 {
        background-color: rgba(26,86,160,0.8);
        color: white;
        font-family: var(--book-header-font-3);
        font-size: var(--font-size-7);
        text-align: right;
        width: 80%;
        padding: 10px;
       position: relative;
       top: 150px;
    }
    
}

.main-holder .lora-chapter-opener.ch2 {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/01-37-PZO13004 ACADEMY OF THE RECLAMATION Intro.jpg") !important;
    background-size: cover;
    background-position: top;
    
    & h1 {
       top: 600px;
        font-size: var(--font-size-6);
    }
}

.main-holder .lora-chapter-opener.ch3 {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/02-04-PZO13004 COBYSLARNI INTRO.jpg") !important;
    background-size: cover;
    background-position: left;
    
    & h1 {
       top: 600px;
        font-size: var(--font-size-6);
    }
}

.main-holder .lora-chapter-opener.ch4 {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/03-00-PZO13004 KITHARODIAN INTRO.jpg") !important;
    background-size: cover;
    background-position: left;
    
    & h1 {
       top: 600px;
        font-size: var(--font-size-6);
    }
}

.main-holder .lora-chapter-opener.ch5 {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/03-12-PZO13004 MAGAAMBYA INTRO.jpg") !important;
    background-size: cover;
    background-position: center;
    
    & h1 {
       top: 680px;
        font-size: var(--font-size-6);
    }
}

.main-holder .lora-chapter-opener.ch6 {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/04-04-PZO13004 UNBREAKING WAVES INTRO.jpg") !important;
    background-size: cover;
    background-position: center;
    
    & h1 {
       top: 650px;
        font-size: var(--font-size-6);
    }
}

.main-holder .lora-chapter-opener.ch7 {
    background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/JBJ0117yo0sYyZmL/05-00-PZO13004 UNIVERSITY OF LEPIDSTADT INTRO.jpg") !important;
    background-size: cover;
    background-position: left;
    
    & h1 {
       top: 650px;
        font-size: var(--font-size-6);
    }
}

.reader-container .body-background {
background: linear-gradient(rgba(237,235,230,0.3), rgba(237,235,230,0.5)), url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-divine-mysteries/css/lodm-bg2.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
}

.main-holder p {
    font-size: font-size-1;
}

.main-holder .intro-letter {
    padding: 1px 20px;
    font-family: var(--book-serif-font-1);
    font-size: calc(var(--font-size-1)*1.1);
    background-color: tan; /*fallback*/
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/css/lora-letter-2.jpg?format=webp);
    background-size: cover;
    padding: 40px 30px;
    margin: 20px;
    
    & p {
        color: #000;
        font-size: var(--font-size-1);
        text-indent: 10px;
        
    }
}

.main-holder > h2.npc-header, .main-holder > h1 {
    font-family: var(--book-header-font-3);
    text-align: left;
    color: var(--book-header-color-1);
    font-size: var(--font-size-5);
    text-transform: none;
    display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-shadow: 3px 3px 0px black;
 background-color: var(--book-header-color-2);
    background-size: cover;
    background-position: right bottom;
    padding: 40px 10px 30px 40px;
    margin: 50px -8px 30px;
    box-shadow: 0px -2px 2px #001721;
    line-height: 0.9;
border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/css/border-left.png");
    border-image-slice:
4 0 0 228;
border-image-width:
0px 0px 0px 30px;
border-image-outset:
10px 0px 0px 0px;
border-image-repeat:
repeat;

& span {
    font-size: var(--font-size-1) !important;
    font-family: var(--book-header-font-1);
    text-transform: none !important;
}
}

.main-holder > .h1image {
    background: linear-gradient(rgba(9,37,96,0.0),rgba(9,37,96,0.7),  rgba(9,37,96,1.0),  rgba(9,37,96,1.0), rgba(9,37,96,1.0), rgba(9,37,96,1.0), rgba(9,37,96,1.0));
    border-radius: 0px;
    box-shadow: 0px 0px 0px white;
    margin: -60px 0px 30px;
}

.main-holder > h1 > span {
    font-size: var(--font-size-4);
    line-height: 1;
    text-transform: uppercase;
    opacity: 0.9;
}

.main-holder > h1 .campaign-npc {
    font-size: var(--font-size-2);
    color: var(--book-accent-color-1);
    font-style: italic;
    padding-top: 10px;
}

@media only screen and (max-width: 500px) {
    
    .main-holder > h1 {
        font-size: var(--font-size-5);
    }
    
    .main-holder > h1 > span {
        font-size: var(--font-size-2);
    }
    
    .main-holder > h1 .campaign-npc {
        font-size: var(--font-size-1);
    }
    
    .main-holder h2.npc-header {
        font-size: var(--font-size-3);
    }
}

.main-holder .npc {
    margin-top: 70px;
}

.main-holder > h2 {
    color: var(--book-header-color-2);
    font-family: var(--book-header-font-3);
    line-height: 1;
    font-size: var(--font-size-4);
    text-transform: uppercase;

}

.main-holder > h2.glossary {
    text-align: center;
    margin-top: 60px;
}

.main-holder > .adv-summary {
    color: var(--book-off-black);
    font-family: var(--book-header-font-1);
    line-height: 1;
    font-size: calc(var(--font-size-2)*1.1);
    text-transform: none;
    margin-bottom: -5px;
}

.main-holder > h3 {
    font-family: var(--book-header-font-3);
    color: var(--book-header-color-2);
    text-transform: none;
    font-size: var(--font-size-3);
}

.main-holder > h4 {
    color: var(--book-header-color-2);
    font-family: var(--book-header-font-3);
    line-height: 1;
    font-size: var(--font-size-3);
    text-transform: none;
    font-variant: small-caps;
}

.main-holder > h5 {
    font-family: "GoodOT-CondBold";
    font-size: var(--font-size-2);
}

.main-holder > .book-styled-block {
    background-color: var(--book-header-color-2);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding: 30px 25px 20px;
    margin: 20px;
    box-shadow: 0px 0px 2px #052c2b;
    
    & .ParaOverride-1 {
        margin-left: 20px;
        line-height: 1.5;
    }
    
    & p {
        color: white;
        font-family: "GoodOT";
        font-size: var(--font-size-2);
        text-shadow: 0px 0px 1px white;
        
        & strong {
            
        color: white;
        font-family: "GoodOT-Bold";
        }
        
        & a {
            color: white !important;
            text-decoration: none !important;
            border-bottom: none;
        }
    }

& li {
    color: var(--book-off-black);
    margin-left: 10px;
    font-family: "GoodOT";
}


}

.book-styled-block.floated-right {
    float: right;
    max-width: 42%;
    padding: 20px;
    
    & p {
        font-size: var(--font-size-1);
    }
}


@media only screen and (max-width: 500px) {
    .main-holder > .book-styled-block, .main-holder > .sidebar {
        margin: 60px 20px;
    }
}

.main-holder > .sidebar {
    background-color: #1a56a0;
    padding: 30px 25px 20px;
    margin: 30px 20px 30px 0px;
    box-shadow: 0px 0px 2px #052c2b;
    border-left: thick solid #444648;
    
    & .block-header {
        font-family: Gin;
        font-size: var(--font-size-3);
        text-align: left;
        color: white;
        margin-bottom: -10px;
    }
    
    & .ParaOverride-1 {
        margin-left: 20px;
        line-height: 1.5;
    }
    
    & p {
        color: white;
        font-family: "GoodOT";
        font-size: var(--font-size-1);
        
        & strong {
            
        font-family: "GoodOT-Bold";
        }
        
        
    }

& li {
    color: white;
    margin-left: 10px;
    font-family: "GoodOT";
}

& img {
    margin: 2px 15px 5px 0px;
}

& .tooltip-link, tooltip {
    filter: brightness(2.5);
}
}

.main-holder > .book-styled-block h5 {
    font-family: "GoodOT-CondBold";
    font-size: var(--font-size-2);
    text-align: center;
}

.main-holder > .sidebar h5 {
    font-family: var(--book-header-font-2);
    color: var(--book-off-black);
    text-align: center;
    font-size: var(--font-size-2);
}

.main-holder > .book-styled-block > .trait-holder {
    background-color: #f3f2f2;
}

.main-holder .trait-holder {
box-shadow: 1px 1px 3px;
}


.main-holder > h2.split-header {
    font-size: var(--font-size-3);
    font-weight: normal;
    color: var(--book-header-color-1);
    font-family: var(--book-header-font-3);
    text-align: left;
    text-transform: uppercase;
    border-bottom: 0px;
}

.main-holder > h3.split-header {
    font-family: var(--book-header-font-2);
    font-weight: normal;
    color: var(--book-accent-color-1);
    font-size: var(--font-size-3);
    text-align: left;
     text-transform: none;
    border-bottom: 0px;
}

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

@media only screen and (max-width: 500px) {
    .main-holder > h4.split-header {
    font-size: var(--font-size-1);
}
}

.main-holder > .standard-table th, .main-holder table th {
    background-color: var(--book-header-color-2);
    font-family: "Good OT";
    font-size: var(--font-size-1);
}


.main-holder > .standard-table td, .main-holder table td {
    font-family: "Good OT";
    color: var(--book-off-black);
}

.main-holder > .standard-table td strong, .main-holder table td strong {
    font-family: "GoodOT-CondBold";
}

.main-holder > .standard-table td, .main-holder table td {
    border-right: 1px solid #d7c48d;
}



/* Images & Subtitles */

.image-so {
  shape-margin: 8px;
  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;
  padding-bottom: 30px !important;
}

.main-holder > .image-with-subtitle-center p, .main-holder > .image-with-subtitle-left p, .main-holder > .image-with-subtitle-right p {
    color: var(--book-off-black);
}

.image-with-subtitle-left {
    margin-right: 10px;
}

.main-holder > .image-with-subtitle-center p {
    
    font-family: var(--book-header-font-2);
}

.main-holder > .image-with-subtitle-center.image-so p {

    font-family: Gin;
}

.main-holder > .image-with-subtitle-center a,
.main-holder > .image-with-subtitle-left a, 
.main-holder > .image-with-subtitle-right a {
    font-family: var(--book-header-font-2);
    color: var(--book-header-color-2);
}

.image-so > p {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 50px;
  font-family: var(--book-subtitle-font);
  font-size: var(--font-size-1);
  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;
  color: var(--book-off-black) !important;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-divine-mysteries/css/sidebar.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 0px 0px black !important;
  z-index: 1001;
}

.image-so.alt > p {
  background-image: none;
  color: white;
  box-shadow: none;
}

@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;
  }
}

/* Handouts */

.book-handout-1 {
    margin: 10px 0px;
    border-radius: 20px;
    padding: 25px;
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/curtain-call-stage-fright/css/handout-bg.jpg?format=webp);
    background-size: cover;
    background-position: bottom;
}

.book-handout-1 p {
    font-family: var(--book-handout-font-1);
    color: black;
    font-size: var(--font-size-3);
    letter-spacing: 1px;
}

.book-handout-1 h5 {
    text-align: right;
    opacity: 50%;
    padding: 0px;
    margin: -8px;
}

/* Other */

.main-holder .map-left {
    margin-right: 20px;
    margin-bottom: -10px;
}

.main-holder .signature {
    text-align: right;
}

.main-holder .flip-image {
    transform: scaleX(-1);
}

  .main-holder .demiplane-credits {
      font-size: var(--font-size-small-1);
      font-family: "Good OT";
      border-top: 1px solid var(--book-header-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-header-color-2);
      }
  }   
  
.main-holder .academy-overview {
    display: flex;
    margin: 20px 0px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    
    & .book-image-left {
        max-height: 160px;
        max-width: 160px;
       
    }
    
    & .image-with-subtitle-center {
        margin: 0px 0px;
    }
    
    & .image-with-subtitle-center p {
        font-family: var(--book-header-font-2);
        margin: 0px;
    }
}

.main-holder .quote {
    margin: 20px;
    padding-bottom: 20px;
    
    & p:not(:first-child) {
        margin-bottom: -10px;
    }
}

.main-holder .song {
    margin: 30px 10px;
    
    & p {
    margin-bottom: -10px;
    
    &:nth-of-type(4) {
        margin-bottom: 30px;
    }
}
}
.reader-container .body-background {
        background: linear-gradient(rgba(235, 233, 228, 0.1), rgba(235, 233, 228, 0.3)), url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/css/lora-bg-1.jpg") !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
}

        .main-holder {
                background-color: transparent;
        }

@media only screen and (max-width: 1150px) {

        .reader-container .body-background {
                background: linear-gradient(rgba(235, 233, 228, 0.3), rgba(235, 233, 228, 0.5)), url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-rival-academies/css/lora-bg-1.jpg") !important;
                background-size: cover !important;
                background-repeat: no-repeat !important;
                background-position: center !important;
        }
}

@media only screen and (max-width: 999px) {

        .reader-container .body-background {
                background: none !important;
        }
}

.sidebar .book-image-left {
    margin-bottom: 1px;
}


/*Image Wizard Styles*/
.image-pzohc-bia-isha {
  width: 330px;
  shape-outside: polygon(28.55% 1.28%, 7.64% 46.50%, -4.78% 63.02%, 11.58% 86.21%, 27.34% 97.51%, 56.73% 104.47%, 97.95% 94.61%, 107.34% 50.56%, 70.07% -3.36%);
}
 {
}
.image-pzohc-bia-isha > p {
  left: 110.22221374511719px;
  top: 270.4166564941406px;
}
.image-pzo-aeon-statue {
  width: 330px;
  shape-outside: polygon(42.79% 0.11%, 32.19% 15.84%, 21.89% 19.77%, 19.76% 70.88%, 0.37% 84.22%, -4.24% 90.98%, 56.97% 98.84%, 83.94% 101.41%, 106.06% 87.39%, 84.24% -4.23%);
}
.image-pzo-drouge {
  width: 370px;
  shape-outside: polygon(52.16% 0.15%, 57.30% 27.23%, 99.73% 69.42%, 98.92% 88.43%, 84.33% 106.40%, 9.46% 98.59%, 0.54% 46.24%, 0.54% 0.15%);
}
.image-pzo-drouge > p {
  left: 70.00341796875px;
  top: 296.5780944824219px;
}
.image-starrise-spire {
  width: 345px;
  shape-outside: polygon(30.93% 0.35%, 7.17% 14.85%, 9.77% 31.06%, 4.56% 54.73%, -1.24% 100.24%, 112.09% 100.07%, 95.57% 24.80%, 92.96% 0.14%);
}
.image-starrise-spire > p {
  left: 89.72219848632812px;
  top: 390.1093444824219px;
}
.image-pzohc-sarkoris-guide {
  width: 235px;
  shape-outside: polygon(28.39% 2.25%, 4.99% 24.40%, -0.12% 76.08%, 10.95% 104.94%, 115.20% 104.27%, 91.80% -8.49%);
}
.image-pzohc-sarkoris-guide > p {
  left: 37.722198486328125px;
  top: 218.71005249023438px;
}
.image-pzopss-dolok-darkfur {
  width: 375px;
  shape-outside: polygon(83.33% 5.84%, 94.33% 12.80%, 96.40% 54.34%, 101.47% 70.01%, 96.93% 95.45%, 77.53% 105.01%, 2.06% 98.78%, 0.73% 33.12%, 25.53% -6.30%);
}
.image-pzopss-dolok-darkfur > p {
  left: 77.72219848632812px;
  top: 386.3315734863281px;
}
.image-pzo-backgrounds-party-scholar {
  width: 300px;
  shape-outside: polygon(15.07% 0.56%, 9.41% 23.73%, 18.41% 58.39%, 7.07% 74.46%, -5.26% 93.25%, 24.74% 108.91%, 126.74% 89.28%, 91.74% 15.17%, 45.74% -0.07%);
}
.image-pzohc-telva-renn {
  width: 250px;
  shape-outside: polygon(19.29% 0.87%, 8.09% 20.35%, 13.69% 54.36%, -5.51% 76.75%, 13.69% 105.82%, 96.09% 97.39%, 111.29% 44.48%, 76.89% -0.87%);
}
.image-pzohc-telva-renn > p {
  left: 96.22219848632812px;
  top: 259.0086669921875px;
}
.image-pzo-diarra-romagne {
  width: 330px;
  shape-outside: polygon(64.01% -1.97%, 97.95% 31.93%, 103.70% 49.40%, 97.64% 92.47%, 84.61% 101.31%, 11.28% 101.10%, 0.98% 81.94%, 0.07% 66.57%, 0.67% 0.56%);
}
.image-pzo-vil-seral {
  width: 330px;
  shape-outside: polygon(44.31% 0.30%, 27.04% 8.47%, -5.39% 29.96%, 1.28% 49.14%, 22.19% 71.70%, 28.86% 90.51%, 39.46% 104.18%, 88.55% 95.48%, 107.34% 36.87%, 91.28% 8.11%, 75.52% -3.08%);
}
.image-pzo-academy-of-the-reclamation-school {
  width: 365px;
  shape-outside: polygon(41.29% -0.07%, 28.69% 9.93%, 19.10% 9.93%, 3.76% 36.24%, 0.20% 66.77%, 1.29% 98.35%, 21.57% 109.66%, 94.72% 95.98%, 106.77% 55.19%, 93.35% 0.19%);
}
.image-pzo-reclamation-archetype {
  width: 365px;
  shape-outside: polygon(60.96% -0.17%, 82.60% 10.31%, 88.63% 30.40%, 96.85% 63.15%, 102.06% 88.91%, 93.29% 95.32%, 58.49% 102.09%, 19.32% 91.83%, 0.14% 66.06%, 0.41% 51.21%, 24.25% 1.80%);
}
.image-pzohc-zemnad {
  width: 245px;
  shape-outside: polygon(24.78% -0.30%, 7.64% 16.55%, 13.36% 51.95%, -5.83% 64.02%, 5.19% 101.95%, 100.70% 95.77%, 112.54% 48.58%, 78.25% 1.67%);
}
.image-pzohc-zemnad > p {
  left: 83.72219848632812px;
  top: 255.92880249023438px;
}
.image-pzo-bofika-nemesan {
  width: 415px;
  shape-outside: polygon(52.65% 0.04%, 75.06% 18.45%, 98.92% 50.45%, 95.35% 88.23%, 49.09% 101.16%, 20.66% 95.69%, -4.40% 62.69%, 2.29% 21.60%, 40.36% -1.12%);
}
.image-pzo-murrou {
  width: 295px;
  shape-outside: polygon(51.70% -0.15%, 45.25% 7.84%, 43.56% 23.44%, 0.17% 35.13%, -2.20% 59.69%, 7.97% 70.61%, 41.53% 99.22%, 80.51% 102.53%, 111.70% 46.00%, 79.15% -5.41%);
}
.image-pzo-mockingfey {
  width: 330px;
  shape-outside: polygon(66.36% 0.03%, 44.24% 32.85%, 15.76% 30.68%, 0.61% 51.73%, -1.21% 91.05%, 76.36% 100.65%, 109.09% 90.43%, 93.03% 1.58%, 0.00% 1.24%);
}
.image-pzo-cobyslarni-pactbinder-expansion {
  width: 330px;
  shape-outside: polygon(46.67% 0.05%, 32.12% 11.39%, -6.36% 13.88%, 1.52% 66.72%, 32.73% 87.35%, 32.42% 102.24%, 102.12% 92.72%, 111.21% 1.79%);
}
.image-pzohc-jarn-lesantillo {
  width: 245px;
  shape-outside: polygon(32.13% 0.29%, 22.34% 14.78%, 19.07% 43.75%, -4.60% 71.03%, 10.50% 80.68%, 11.72% 95.74%, 72.95% 103.98%, 114.99% 74.72%, 97.03% -1.42%);
}
.image-pzohc-jarn-lesantillo > p {
  left: 34.722198486328125px;
  top: 259.0104064941406px;
}
.image-pzohc-animatronic {
  width: 365px;
  shape-outside: polygon(68.36% 0.49%, 45.62% 24.47%, 14.66% 38.85%, 12.19% 67.96%, -4.79% 69.67%, 1.23% 91.25%, 25.34% 91.59%, 31.64% 102.55%, 97.40% 101.86%, 106.16% -7.38%);
}
.image-pzo-mircea-celeste {
  width: 365px;
  shape-outside: polygon(70.00% -0.81%, 73.01% 10.77%, 77.40% 52.34%, 101.23% 61.54%, 94.93% 83.04%, 57.67% 95.14%, 56.58% 102.29%, 11.10% 99.22%, 2.06% 42.33%, -1.78% -1.84%);
}
.image-pzo-tatiana-lesantill {
  width: 320px;
  shape-outside: polygon(37.19% 1.24%, 17.81% 10.41%, 14.38% 19.88%, -4.37% 34.02%, 1.88% 44.06%, 19.69% 58.20%, 12.81% 82.26%, 23.75% 101.77%, 63.75% 95.76%, 110.31% 32.52%, 95.31% -2.82%);
}
.image-pzo-kitharodian-role-archetype {
  width: 385px;
  shape-outside: polygon(0.39% -0.15%, 0.13% 18.30%, 9.48% 27.43%, 32.60% 41.71%, 34.94% 68.30%, 38.83% 93.78%, 60.13% 101.72%, 105.84% 95.77%, 82.47% -3.53%);
}
.image-pzohc-nsentiah {
  width: 265px;
  shape-outside: polygon(31.22% 1.43%, 16.88% 19.12%, 16.50% 50.95%, -1.61% 64.78%, -2.75% 90.82%, 43.29% 102.72%, 94.99% 98.22%, 109.33% 72.82%, 78.76% -3.39%);
}
.image-pzohc-nsentiah > p {
  left: 99.72219848632812px;
  top: 237.454833984375px;
}
.image-pzo-msuna-elewe {
  width: 395px;
  shape-outside: polygon(104.99% -3.44%, 99.17% 13.62%, 74.11% 19.38%, 85.50% 84.85%, 72.59% 103.55%, 8.79% 98.79%, -3.61% 20.77%, 28.03% -1.46%);
}
.image-pzo-azimbye-baadurlo {
  width: 350px;
  shape-outside: polygon(34.63% 1.28%, 9.49% 20.06%, 1.21% 51.28%, 0.06% 91.33%, 27.21% 98.57%, 81.78% 101.51%, 97.78% 71.19%, 107.21% -2.56%);
}
.image-pzo-magaambya-wizard-school {
  width: 335px;
  shape-outside: polygon(-1.04% -1.36%, 0.15% 21.37%, 40.75% 34.05%, 31.19% 56.30%, 8.81% 78.07%, 18.06% 93.14%, 42.24% 103.67%, 104.63% 100.56%, 101.34% -4.47%);
}
.image-pzo-magaambya-storytelling-spells {
  width: 355px;
  shape-outside: polygon(77.61% 0.88%, 91.13% 15.25%, 102.11% 39.21%, 94.23% 52.55%, 88.03% 76.92%, 100.14% 94.84%, 93.66% 104.00%, -3.24% 100.25%, 1.27% 16.09%, 27.47% -4.12%, 0.85% 1.25%);
}
.image-pzohc-kitaja {
  width: 280px;
  shape-outside: polygon(35.08% 0.62%, 21.87% 16.56%, 14.01% 50.31%, -4.92% 55.31%, 2.58% 74.69%, 35.44% 102.81%, 90.08% 97.81%, 108.29% 61.25%, 75.08% -1.56%);
}
.image-pzohc-kitaja > p {
  left: 99.22219848632812px;
  top: 242.99478149414062px;
}
.image-pzo-swordmaster-ganhil {
  width: 415px;
  shape-outside: polygon(44.27% 0.50%, 66.44% 52.83%, 100.41% 72.83%, 99.88% 76.20%, 66.63% 78.26%, 49.04% 110.88%, -9.28% 100.79%, 0.36% -2.01%);
}
.image-pzo-abhaya-the-returner {
  width: 350px;
  shape-outside: polygon(44.57% 0.39%, 19.71% 7.46%, 0.86% 12.94%, 1.71% 30.61%, 20.57% 44.03%, 12.86% 90.17%, 1.71% 94.94%, 4.57% 99.18%, 99.14% 99.53%, 99.43% 41.38%, 98.86% 1.10%);
}
.image-pzo-unbreaking-waves-monks {
  width: 330px;
  shape-outside: polygon(39.39% 0.22%, 27.27% 8.97%, -3.33% 14.25%, 2.42% 34.65%, 7.88% 57.22%, 13.64% 60.96%, 9.09% 83.00%, 6.36% 101.58%, 85.46% 100.85%, 109.09% 7.69%, 59.39% -1.78%);
}
.image-pzo-unbreaking-waves-magus {
  width: 415px;
  shape-outside: polygon(-0.12% -1.98%, 1.08% 16.54%, 22.29% 47.90%, 1.08% 89.87%, 4.46% 103.15%, 105.66% 103.65%, 102.29% 6.86%);
}
.image-pzohc-kateriyana-de-rijiene {
  width: 220px;
  shape-outside: polygon(32.27% 0.72%, 11.36% 17.18%, 15.00% 55.38%, -5.91% 63.76%, 2.27% 103.20%, 109.09% 103.20%, 92.73% -0.21%);
}
.image-pzohc-kateriyana-de-rijiene > p {
  left: 7.001708984375px;
  top: 242.31942749023438px;
}
.image-pzo-professor-cheris-nefritiussincoth {
  width: 240px;
  shape-outside: polygon(38.33% -0.11%, 27.92% 17.61%, 7.08% 21.65%, 7.50% 38.36%, 16.25% 46.14%, 1.67% 70.77%, 9.17% 88.06%, -4.58% 90.36%, 5.42% 98.72%, 68.33% 104.63%, 94.17% 92.96%, 112.92% 50.30%, 95.00% 0.18%);
}
.image-pzo-tere-athlanere {
  width: 240px;
  shape-outside: polygon(12.50% 0.67%, 13.75% 16.33%, -1.67% 22.82%, 8.33% 43.78%, -5.42% 103.32%, 112.08% 96.47%, 89.58% 16.49%, 51.25% 0.19%);
}
.image-pzohc-aetheric-irritant {
  width: 295px;
  shape-outside: polygon(2.20% -4.93%, -1.52% 89.70%, 6.61% 105.31%, 105.25% 104.34%, 104.58% -8.35%);
}
.image-pzohc-maelstromic-destabilizer {
  width: 230px;
  shape-outside: polygon(67.39% -0.37%, 11.74% 42.95%, -5.22% 87.89%, 6.52% 107.32%, 73.91% 73.31%, 110.87% 4.49%, 93.91% -14.14%);
}
.image-pzo-lepidstadt-surgeon {
  width: 305px;
  shape-outside: polygon(49.34% 0.91%, 58.53% 22.84%, 104.43% 52.31%, 98.53% 62.20%, 90.00% 105.69%, 64.75% 102.84%, 11.97% 94.67%, -6.07% 65.64%, 0.49% 1.12%);
}
.image-dolok-treefinal {
  width: 350px;
  shape-outside: polygon(29.14% 0.25%, -2.57% 23.82%, 3.43% 49.02%, 16.29% 57.01%, 13.71% 84.34%, 14.00% 94.99%, 28.29% 99.50%, 93.43% 96.63%, 103.71% 29.42%, 94.29% 1.69%);
}
.image-dolok-treefinal > p {
  left: 130.001708984375px;
  top: 393.55902099609375px;
}
.image-pzo-aesara-fleethoof {
  width: 305px;
  shape-outside: polygon(59.18% 0.36%, 74.26% 8.63%, 102.46% 12.19%, 97.21% 26.78%, 80.16% 45.58%, 88.36% 101.78%, 5.74% 98.87%, 0.82% 61.91%, 0.16% 37.60%, 34.59% 0.04%);
}
.image-pzo-alamyra-jadwiga {
  width: 365px;
  shape-outside: polygon(39.59% 0.60%, 21.51% 41.63%, 10.27% 48.10%, 10.82% 71.70%, -2.05% 86.86%, 2.60% 99.80%, 103.97% 101.46%, 80.69% 1.34%);
}
.image-pzo-chancellor-chiral {
  width: 350px;
  shape-outside: polygon(62.00% 0.58%, 83.14% 9.68%, 93.43% 39.68%, 98.29% 56.29%, 97.14% 73.89%, 76.29% 78.77%, 76.00% 90.73%, 28.00% 138.23%, 0.86% 80.48%, 0.29% 22.44%, 23.43% -2.10%);
}
.image-pzo-ehmik-naaru {
  width: 325px;
  shape-outside: polygon(0.77% 7.14%, -0.15% 26.94%, 8.77% 46.93%, 15.85% 60.46%, 7.54% 70.11%, 27.85% 82.46%, 28.15% 99.38%, 103.23% 101.58%, 105.08% 47.27%, 63.54% -3.68%, 19.54% 2.41%);
}
.image-pzo-gazryn {
  width: 280px;
  shape-outside: polygon(22.50% 0.41%, -5.71% 25.09%, 4.64% 43.00%, 19.29% 53.61%, 17.50% 73.49%, 7.86% 90.86%, 18.93% 95.98%, 85.36% 101.46%, 94.64% 94.15%, 109.29% 17.59%, 85.71% -4.16%);
}
.image-pzopfs-junia-dacilane-copy {
  width: 330px;
  shape-outside: polygon(39.39% 0.04%, 24.55% 13.16%, 1.82% 12.68%, 0.61% 19.32%, 22.12% 40.07%, 29.09% 62.44%, 23.94% 78.12%, -2.73% 80.71%, 9.70% 97.57%, 62.42% 102.76%, 107.27% 98.06%, 82.12% -1.42%);
}
.image-pzo-messida-vost {
  width: 435px;
  shape-outside: polygon(55.98% 0.46%, 62.41% 12.24%, 84.94% 33.31%, 91.61% 61.20%, 99.43% 69.67%, 101.49% 91.14%, 78.28% 97.34%, 56.67% 101.26%, 4.48% 97.96%, 0.35% 34.73%, 11.15% 11.59%, 34.37% 0.25%);
}
.image-pzo-nochtli-tlatoa {
  width: 290px;
  shape-outside: polygon(30.35% 0.05%, 8.97% 11.72%, 1.38% 30.03%, -0.69% 58.60%, 10.00% 96.98%, 58.97% 101.61%, 91.38% 89.14%, 107.24% 30.18%, 98.28% 0.65%);
}
.image-pzo-thanom {
  width: 305px;
  shape-outside: polygon(102.46% 0.37%, 93.28% 32.43%, 76.89% 46.22%, 72.95% 56.52%, 54.26% 96.99%, 27.38% 103.80%, -8.36% 102.47%, -3.44% -1.46%, 4.43% -2.95%);
}
.image-pzo-veasna {
  width: 340px;
  shape-outside: polygon(45.29% 0.65%, 28.82% 24.09%, 24.71% 48.50%, -1.47% 59.50%, 2.35% 93.23%, 56.18% 106.15%, 115.59% 110.09%, 86.77% 11.65%, 61.77% -1.74%);
}
.image-pzo-venorium-blorm {
  width: 415px;
  shape-outside: polygon(54.58% -0.13%, 45.42% 13.68%, 40.84% 18.35%, 26.14% 67.99%, -7.11% 97.01%, 4.94% 99.77%, 106.39% 99.77%, 100.60% -2.90%);
}
.image-pzo-zenda-modic {
  width: 330px;
  shape-outside: polygon(0.91% 0.25%, 0.61% 13.05%, 19.39% 25.25%, 26.36% 100.29%, 109.09% 99.44%, 95.46% 1.06%);
}
.image-edit-pzo-sihedron-drawing {
  width: 355px;
  shape-outside: polygon(44.08% 0.42%, 4.65% 22.64%, -1.27% 64.03%, 34.23% 104.30%, 95.63% 96.53%, 109.44% 50.97%, 95.35% 2.08%);
}
.image-edit-pzo-sihedron-drawing > p {
  left: 104.501708984375px;
  top: 202.49478149414062px;
}
.image-pzo-runelord {
  width: 360px;
  shape-outside: polygon(98.33% 15.13%, 100.56% 46.27%, 98.89% 78.96%, 94.72% 98.26%, 6.11% 90.72%, 0.00% 73.31%, 0.56% -0.15%, 44.44% 0.43%, 49.44% 7.20%);
}
.image-pzohc-convocation-award {
  width: 290px;
  shape-outside: polygon(34.48% -0.32%, 0.69% 30.04%, -1.72% 67.34%, 17.93% 94.40%, 40.35% 103.97%, 95.86% 96.05%, 111.72% 36.97%, 80.35% -0.32%);
}

@media only screen and (max-width: 800px) {
    .lora-chapter-opener {
        & h1.normal {
            font-size: var(--font-size-6);
        }
    }
    
   .main-holder .floated-right {
        float: none;
        margin: 10px auto;
       max-width: 100%;
    }
}

@media only screen and (max-width: 650px) {

    .lora-chapter-opener {
        background-position: right !important;
        
        
        & h1.normal {
            width: 95%;
            font-size: var(--font-size-5);
            
        }
    }
    
    .main-holder .intro-letter {
        margin: 10px 0px;
    }
}

@media only screen and (max-width: 450px) {

    .lora-chapter-opener {
       
        min-height: 500px !important;
        
        & h1.normal {
            top: 20px;
            width: 100%;
            font-size: var(--font-size-3);
            
        }
    }
    
    .main-holder .academy-overview .image-with-subtitle-center {
    margin: auto;
}

@media only screen and (max-width: 800px) {

    .main-holder .academy-overview {
        gap: 25px;
        justify-content: center;
        
        & > div {
            margin: 0px auto;
        }
        
        & .book-image-left {
            float: none;
            margin: 0px 0px 30px;
            
        }
        
        .image-left {
            display: none;
        }
    }

}

@media only screen and (max-width: 450px) {
 
    .main-holder .academy-overview {
        
        gap: 0px;
        
        & > div {
            width: 100% !important;
        }
    }
    
}

@media only screen and (max-width: 650px) {

    .lora-chapter-opener.ch2, .lora-chapter-opener.ch4, .lora-chapter-opener.ch7 {
        background-position: right !important;
        min-height: 400px !important;
        
        & h1.normal {
            width: 95%;
            font-size: var(--font-size-3);
            top: 310px
        }
    }
    
    .lora-chapter-opener.ch3, .lora-chapter-opener.ch5, .lora-chapter-opener.ch6 {
        background-position: left !important;
        min-height: 400px !important;
        
        & h1.normal {
            width: 95%;
            font-size: var(--font-size-3);
            top: 310px
        }
    }
}

@media only screen and (max-width: 600px) {

    .main-holder .sidebar h5.block-header {
        text-align: center;
    }
}

.main-holder .force-image-left {
    margin-right: 10px;
}