Test theme by Thomas Clegg (TN_Clegg@lycos.com)

@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,600i,700');

/* Main Background */
/* 
Chapter Start (odd) - url("https://www.gmbinder.com/images/il7ALa1.jpg")

Normal Page (odd) - 
url("https://www.gmbinder.com/images/qpmus76.jpg")

*/
.phb { 
    column-gap:35px;
    text-align:justify;
    text-indent:0px;
    padding-left: 95px;
    padding-right: 80px;
    padding-top: 90px;
    padding-bottom: 120px;
}

/* Fonts */

.phb {
    font-family: 'Palatino Linotype', serif;
    font-size:11pt;
}

.phb:nth-of-type(odd) {
    background-image:
    url("https://www.gmbinder.com/images/jkG7UHG.png"),
    url("https://www.gmbinder.com/images/M1tGW5v.jpg")
    ;
    background-position: center,center;
    background-size: 100% 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
}

.phb:nth-of-type(even) {
    background-image:
    url("https://www.gmbinder.com/images/qhhUIbj.png"),
    url("https://www.gmbinder.com/images/qpmus76.jpg")
    ;
    background-position: center,center;
    background-size: 100% 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
}

.phb h1, .phb h2, .phb h3, .phb h4, .phb h5, .phb h6 { 
    letter-spacing: 0.6px;
    font-family: 'Alaska Extrabold';
}

/* H1 is used for chapter Headers */
.phb h1{
    color: #FFFFFF;
    font-weight:700;
    font-variant: small-caps;
    font-size:18pt;
    text-align: center;
    vertical-align: middle;
    margin-bottom:0px;
    margin-top:-5px;
    background-image: url(https://www.gmbinder.com/images/DV9exx4.png);
    background-position: center;
    background-size: 70% 100%;
    background-repeat: no-repeat;
}

/* H2 is the 1st header at the beginning of the chapter 
with a single height background */
.phb h2 {
    font-family: 'Alaska Extrabold';
    color: #FFFFFF;
    font-weight:700;
    font-variant: small-caps;
    font-size:18pt;
    text-align: center;
    vertical-align: middle;
    margin-bottom:0px;
    margin-top:-5px;
    background-image: url(https://www.gmbinder.com/images/DV9exx4.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* Makes the bigger "first letter" in paragraphs under H2*/
.phb h2 + p:first-letter, h3 + p:first-letter   {
    font-family: 'Alaska Extrabold';
    color: #326DA1;
    font-size:46pt;    
    line-height:95%;
    margin-bottom:-5px;
    margin-right:2px;
    margin-top:-5px;
    float:left;
}

/* H3 is a two line version of H2 */
.phb h3 {
    font-family: 'Alaska Extrabold';
    color: #FFFFFF;
    font-weight:700;
    font-variant: small-caps;
    font-size:18pt;
    text-align: center;
    vertical-align: middle;
    margin-bottom:0px;
    margin-top:-5px;
    background-image: url(https://www.gmbinder.com/images/0G4efWK.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.phb h4 {
    color: MidnightBlue;
    font-variant: small-caps;
    font-size: 14pt;
    text-align:center;
    text-shadow: 
        -1px -1px 0 Grey, 
         1px -1px 0 Grey, 
        -1px 1px 0 Grey, 
         1px 1px 0 Grey;
}

.phb h5 {
    color: #326DA1;
    font-weight: 1;
    font-variant: small-caps;
    font-size: 16pt;
}

.phb h6 {
    color: #ea702b;
    font-variant: small-caps;
    font-size: 16pt;
    display: table;
    border-bottom: 1px solid #ea702b;
}

.phb p { 
    font-size: 14px; 
  	letter-spacing: -.5px;
  	line-height:1.15em;
  	text-indent:0px !important;
  	font-weight:400;
  	padding-bottom:1px;
  	column-fill:balance;
  }

.phb p + p {
    margin-top:0px;
    padding-left:15px;
  }

.phb wide {clear:both;}
.phb ul {list-style: none;}
.phb ul li::before {
    content: "•"; 
    color: #F69337;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }

/* Tables */
.phb td {
    font-family: 'Crimson Text', serif;
    font-size:8pt;
    font-weight:400;
    text-align:left;
}
.phb td, th {border: 1px solid gray;}
.phb table {overflow:auto;}
.phb table tr:nth-child(odd) td {background-color: #E0F4FC;}
.phb table thead th {
    color: white; 
    background-color: #F69337; 
  	padding-top: 0.3em;
    padding-left: 0.5em;
    text-transform: uppercase;
}
.phb table tbody tr td {  padding: 0.5em;}
.phb table thead {display: table-row-group; }
.phb table .subheader td {
    color:white;
    text-transform:uppercase;
    padding-bottom:2px;
    background-color: #2D4864 !important;
    font-size:10pt;
    font-weight:bold;
    }

/* Genesys Notes */

.phb .note
{
    position:relative;
    color: white;
    background-color: #2D4864;
    border-radius: 0px 0px 30px 0px;
    padding: 10px 20px;  
    font-family: 'Crimson Text';
    letter-spacing: 0.5px;
    font-size:12ptx;
    font-weight:600
    }

.phb .note:before {
    position:absolute;
    content:" ";
    border-style:solid;
    border-width:1px;
    -moz-border-image: -moz-linear-gradient(-45deg, rgba(219,219,219,.7) 0%, rgba(219,219,219,0) 50%, rgba(219,219,219,0) 100%);
    -webkit-border-image: -webkit-linear-gradient(-45deg, rgba(219,219,219,.7) 0%,rgba(219,219,219,0) 50%,rgba(219,219,219,0) 100%);
    border-image: linear-gradient(135deg, rgba(219,219,219,.7) 0%,rgba(219,219,219,0) 50%,rgba(219,219,219,0) 100%); 
    left:4px;
    top:4px;
    right:4px;
    bottom:4px;
    border-image-slice:1;
}

.phb .note h5 {color:white;}
.phb .note td {color:black;}
.phb .note table tr:nth-child(even) td { background-color: #ffffff;}
  
  
/* Example Block */

.phb .example
{
    position:relative;
    color: black;
    background: rgba(204, 203, 199, 0.4);
    border-radius: 0px 0px 30px 0px;
    padding: 14px 20px;
}

/* Read-aloud */

.phb .read {
    display:block;
    font-family: 'Crimson Text';
    font-size:10pt;
    font-style: italic;
    color: rgb(230,0,0);
    border: 1px dotted rgb(230,0,0);
    border-radius:30px;
    padding:15px;
    position:relative;
}

.phb .read:before {
    content:'';
    position:absolute;
    display:block;
    border: 1px dotted rgb(230,0,0);
    border-radius:30px;
    left:2px;
    top:2px;
    right:2px;
    bottom:2px;
    }

/* Footer */
.phb .pageNumber { color: #FFFFFF}
.phb .footnote { color: #FFFFFF }
.phb:nth-child(odd) .pageNumber { color: white;
	right: 45px;
	bottom: 35px;
	width: 50px;
	text-align: center;
    font-family: 'Alaska Extrabold';
    font-size:18pt;
    font-weight:bold;
}

.phb:nth-child(even) .pageNumber { color: white;
	left: 45px;
	bottom: 35px;
	width: 50px;
    text-align: center;
    font-family: 'Alaska Extrabold';
    font-size:18pt;
    font-weight:bold;
}

.phb:after { 
    background-image:url("none") 
}

/*Index*/

.phb .index-letter {
    color:rgb(118,18,19);
    font-size:24pt;font-weight:bold; 
    font-family:'Bebas Neue';
    line-height:1.1em;
}

.phb .index {
    list-style:none;
    padding:0;
    overflow-x:hidden;
    max-width:329px;
}

.phb .index li::before {
            content: ""; }
            
.phb .index li {
    
    display:flex;
}
            
.phb .index li span:first-child {
    margin-right:0.2em;
    order:1;
}
            
.phb .index li::after {
  content: "";
  border-bottom: 1px dotted;
  flex-grow: 1;
  order: 2;
  position:relative;
  top:-5px
}

.phb .index span + span {
    order:3;
    margin-left:0.2em;
    }
    
/* NON BLENDED IMAGE BORDER */
    
.phb .non-blended {
    padding:10px;
    border-width:2px;
    border-style:solid;
    border-image:linear-gradient(135deg, rgba(230,0,0,1) 0%,rgba(230,0,0,0.01) 99%,rgba(230,0,0,0) 100%);
    -moz-border-image:-moz-linear-gradient(-45deg, rgba(230,0,0,1) 0%, rgba(230,0,0,0.01) 99%, rgba(230,0,0,0) 100%); -webkit-border-image:-webkit-linear-gradient(-45deg, rgba(230,0,0,1) 0%,rgba(230,0,0,0.01) 99%,rgba(230,0,0,0) 100%);
    border-image-slice: 1;
}

</style>

width:500px;
    
    text-shadow: 
        -2px -2px 0 Black, 
         2px -2px 0 Black, 
        -2px 2px 0 Black, 
         2px 2px 0 Black;
    
    margin-bottom:0px;
    margin-top:600px;
    margin-left:0px;
    
	transform: rotate(-90deg);
	transform-origin: left top 0;
}
</style>

.phb#p2 {
    counter-reset: phb-page-numbers;
  }
  
  .phb .image-framed {
    position: absolute;
    height:490px;
    width:630px;
    top: 49%;
    left: 49%;
    transform: translate(-50%, -50%);
  }

.phb .cover-frame{
    position:absolute;
    top:0;
    right:0;
    height:1066px;
  }
  
  .phb .image-logo {
    position:absolute;
    right:0;
    bottom:0;
    height:120px;
  }
  
  .phb .cover-header{
    position:absolute;
    font-family:Alaska Extrabold,serif;
    font-variant: small-caps;
    transform:scale(2, 2);
    font-weight:normal;
    font-size:14px;
    color:White;
    width:250px;
    text-shadow:
        -1px -1px 0 Grey, 
         1px -1px 0 Grey, 
        -1px 1px 0 Grey, 
         1px 1px 0 Grey;
    top:667px;
    left:320px;
    text-align: center;
  }

.phb .author-text{
    position:absolute;
    font-family:Alaska Extrabold,serif;
    font-variant: small-caps;
    transform:scale(2, 2);
    font-weight:bold;
    font-size:18px;
    color:White;
    width:250px;
    text-shadow:
        -1px -1px 0 Grey, 
         1px -1px 0 Grey, 
        -1px 1px 0 Grey, 
         1px 1px 0 Grey;
    bottom:210px;
    left:275px;
    text-align: center;
  }
  
.phb .partpage{
    background-image:
    url("https://www.gmbinder.com/images/qhhUIbj.png"),
    url("https://www.gmbinder.com/images/il7ALa1.jpg")
    
    ;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    height:100%;
    z-index: -1;
}

/*Cover Image Background*/
.phb .cover-image{
    top:0;
    left:0;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: repeat;
}

</style>

<img src='https://www.gmbinder.com/images/DsfsfVH.jpg' class='image-framed' />

<div class='author-text'>Testing Author - This is a long text string</div>

\pagebreak

<div class="partpage"></div>
<div class="chapter-title">
Chapter 1: Testing A Long Title
</div>

\columnbreak

### Torg Eternity <br/> GM Binder Theme

Header 1 should be used to create chapter titles (like above). The first letter of the next text block will be capitalized just like this automatically! Headline 1 and Headline 2 both also span both columns. If you separate

your text above a Headline 1 or Headline 2 with a blank line in the editor it will automatically shift the contents of everything after the blank line to the second size.

## Headline 2

Headline 2 denotes major sections of the chapter. Whenever you need a header inside a chapter, this should be your go to!

The first paragraph after a header is not indented, the rest of it is.

See, the second paragraph has an indent now.

Giae explaceribus reped que sequatem voleste mporepre comniendebis quidero et, et la autem ella dis con porepudi diorum et restioste ratiatint aboria expernatur?

Por amuscitiae voluptur molenient offici omni omnihiliasi consed eos sus dolorporit pro etur?

### Headline 3: <br/> Multi line <br/> Header

Headline 3 is a multi-line version of Header 2, but without the Triangle decoration in the sides.

Testing indent

#### Headline 4

This is to be used inside the "Notes" with the bottom row underlined. More information on this later.

\pagebreakNum

##### Headline 5

Headline 5 is simply a 3rd layer of denotation you can use. Any time you need to separate out different ideas underneath an H3, use this. Note, that this is usually the deepest level of denotation you should use. If you are doing a considerable list, consider using Headline 6 instead.

\columnbreak

###### Headline 6
Headline 6 is used to create lists that require significant detail. It is most notably used to list talents. This is a bottom tier header, meaning there should never be any headers "underneath" it in the document.

You can start a new column like this by using the `\columnbreak` command.

\pagebreakNum

### Testing
This is a tast hadkj asdlfkg jbslak dfjgbvkj sfdlg kjasd kjasbd fglkja sbdfglkasjfd gbslkjdfbgslkdfjbgslkdfjbglsk dfjbglk sdfgbs lkdfb