/* ------------------ Root Variables --------------------- */

:root {
  --link-color            : #605030;
  --link-hover-color      : #330000;
  --border-color          : #605030;
  --quote-color           : #f2e8d2;
}

/* ------------------ Global --------------------- */
div.container {
    background-image:url('pParchment.jpg'); 
    border-left: 2px solid #463014;
    border-right: 2px solid #463014;

    /*border: 2px solid #463014;*/
}


.white-container {
    background-color: white;
    border: 2px solid  #463014;
    padding: 2px 2px 10px 2px;
}

.small-white-container {
    background-color: white;
    border: 2px solid  #c0b090;
    margin: 1% 1% 2% 1%;
    padding: 1% 2% 0% 2%;
}


                               
.pale-container {
    background-color: #faf0e6;
    border: 2px solid  #908070;
    padding: 10px 10px 10px 10px;
    margin:  10px 0px 5px 2px;
}



/* ------------------ Home Page ------------------ */

/* Inner Container padding */
#home-jumbotron > p, #home-jumbotron > .white-container > p {
    padding-left: 10%;
    padding-right: 10%;
}


/* ------------------ Novels --------------------- */

/* List page image */
.book-blurb > div.blurb-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px;
}

/* Book page */
.hero-image {
    min-height: 50vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* ----------------------------------------------- */


body { 
    background-image:url('pWeave.jpg'); 
    font-family: Verdana, Tahoma, Calibri;
    color: #403010; 
}


.fancy-line {
  height:15px;
  width: 98%;
  border-style:solid;
  border-color:#403010;
  border-width:3px 0 0 0;
  border-radius:15px;
  margin-bottom: 0px;
  margin-top: 10px;
}

hr {
  border-color: #c0b090; 
  border-width:4px 0 0 0;
}


p.largePapyrus {
   text-align: center;
   font-size: 3em;
   font-family: "Tempus Sans ITC", Papyrus, "Poor Richard", Tahoma, Calibri;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.blockquote {
    background-color: var(--quote-color);
    border: 2px solid var(--border-color);
}
.blockquote > p {
    padding: 10px;
}

p.catchphrase {
   font-family: "Tempus Sans ITC", Papyrus, "Poor Richard", Tahoma, Calibri;
   font-style: italic;
   font-size: 1.3em;
   margin:  0px 3px 0px 3px;
   padding: 0px 3px 0px 3px;
}

p.hugRight {
   text-align: right;
   font-style: italic;
   font-size: 0.3em;
   margin:  0px 3px 0px 3px;
   padding: 0px 3px 0px 3px;
}

p.troll {
   font-size: 3em;
   font-family: "Colonna MT", Calibri;
}

p.fwh {
   font-size: 1.84em;
   font-family: "Lucida Calligraphy", Calibri;
}

p.indent60 {
   text-indent: 60px;
}

p.indent30 {
   text-indent: 30px;
}

p.Tempus {
   font-size: 3em;
   font-family: "Tempus Sans ITC", Verdana, Calibri;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

p.TempusCentered {
   text-align: center;
   font-size: 3em;
   font-family: "Tempus Sans ITC", Verdana, Calibri;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

p.medTempus {
   font-size: 1.34;
   font-family: "Tempus Sans ITC", Verdana, Calibri;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.reference {
   text-align: right;
   font-size: .8em;
   font-style: italic;

}

.itty {
   text-align: center;
   font-size: .8em;
   font-style: italic;

}



h1 {
   font-family: "Book Antiqua", Palatino, serif;
   /* "Tempus Sans ITC", Papyrus, "Poor Richard", Verdana, Tahoma, Calibri; */
   font-weight: bold;
   font-size: 2.17;
   margin:  0px 0px 0px 0px;
   padding: 10px 0px 0px 0px;
}

h2 {
   font-family:  "Book Antiqua", Palatino, serif;
   /* "Tempus Sans ITC", Papyrus, "Poor Richard", Verdana, Tahoma, Calibri; */
   font-size: 1.34;
   margin:  0px 3px 5px 3px;
   padding: 3px 3px 0px 3px;
}


h3 {
   font-family: "Book Antiqua", Palatino, serif;
   /* "Tempus Sans ITC", Papyrus, "Poor Richard", Verdana, Tahoma, Calibri;*/
   font-size: 2;
   font-weight: bold;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

h3.chapter {
   font-family:  "Book Antiqua", Palatino, serif;
   text-align: center;
   font-size: 1.34;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


h4 {
   font-family: "Book Antiqua", Palatino, serif;
   font-size: 1.2;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

h5 {
   font-family:  "Book Antiqua", Palatino, serif;
   font-size: 1.17em;
   margin:  0px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
}

h6 {
   font-family: "Tempus Sans ITC", Papyrus, Verdana, Tahoma, Calibri;
   font-weight: bold;
   font-size: 2.01em;
   margin:  0px 3px 0px 3px;
   padding: 3px 10px 0px 10px;
}



a {
   color: var(--link-color);
   text-decoration: none;
}

a:hover {
   color: var(--link-hover-color);
}


footer {
   font-size: 80%;
}

figure {
   float: left;
   width: 200;
   height: 280;
   padding: 5px;
   margin: 5px 15px 0px 5px;
}

figcaption {
   font-size: 90%;
   text-align: left;
   font-style: italic;
}



.btn {
    border: none;
    background-color: inherit;
    padding: 10px 22px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}


.btn:hover {background: #eee;}


.local {
    color: #664422;
    background-color: #dbd0bf;
    border: 1px solid #664422;
}


.local-sm {
    color: #664422;
    background-color: #dbd0bf;
    padding: 7px 14px;
    font-size: 12px;
    border: 1px solid #664422;
}



.amaz {
    color: #775533;
    border: 1px solid #775533;
}


.amaz:hover {
    background: #775533;
    color: white;
}



.top {
    color: #006699;
    border: 1px solid #006699;
    padding: 7px 14px;
    font-size: 12px;
}

.top:hover {
    background: #33a2c7;
    color: white;
}