/* Styling for "bookstyle"*/

.booknotedivider {

color: gray;
opacity: 0.2;

}

hr.bookpagedivider {

height: 0.2px;
background: lightgray;
margin-top: 24px;

}

div.bookendnotes {

font-size: 12pt;
text-indent: 0px;
padding-bottom: 3px;

}

div.bookdisplay {
width: 600px;	
margin-left: 10%;	
}

div.bookbody {

font-family: baskerville;
font-size: 14pt;
text-indent: 20px;

}

div.bookeditorialintro {

border: solid 1px;
background: #f0f0f0;
padding: 10px;

}

div.bookeditorialintro>p {

margin: 10px;

}

div.booktitlepage {

text-align: center;
line-height: 250%;

}

span.booktitlepart {

}

span.bookbigcaps {

font-size: 24pt;
text-transform:uppercase;

}

span.bookcaps {

font-size: 20pt;
text-transform:uppercase;
}

span.booksmallcaps {

font-size: 16pt;
text-transform:uppercase;

}

div.bookcit {

text-indent: 0px;
width: 470px;
margin-left: 120px;
font-size: 12pt;
line-height: 100%;
margin-top: 40px;

}


span.bookdocImprint {

font-size: 16pt;

}

div.bookpreface {

}

h3.bookheader {

font-weight: 300;
text-indent: 0;
text-align: center;

}

p.booksp {

text-indent: 0px;
margin-top: 4px;
margin-bottom: 4px;

}


div.bookverses {

}

div.bookpb {

text-align: center;
width: 600px;

}

span.booknotesuperscript {

vertical-align: super;
font-size: 8pt;
font-style: normal;

}

div.bookbibl {

font-family: baskerville;
font-size: 13pt;
margin-bottom: 200px;

}

div.bookbiblitem {

	padding-left: 25px;
	text-indent: -25px;
	padding-bottom: 15px;

}


/*  ******************** */
/* Styline for "webstyle" */

div.webbody {

font-family: avenir;
font-size: 13pt;
font-weight: 300;
margin-top: 25px;

}

div.webeditorialintrocontainer {

margin-top: 20px;
padding: 10px 0 10px 0;
padding-bottom: 30px;
min-height: 150px;

}

div.webeditorialintro {

border: ridge 1px;
background: #f0f0f0;
padding-left: 12px;
padding-right: 12px;
border-radius: 6px;
display: inline-block;
width: 60%;

}

div.webintroimage {

display: inline-block;
float: right;

}

#webimage {

width: 180px;
max-height: 100%;
padding-bottom: 10px;
padding-left: 5px;

}

div.webeditorialintro>p {

margin-bottom: 10px;
font-size: 12pt;

}

div.webtitle {

text-align: center;
font-family: optima;
padding: 20px;
font-size: 20pt;
color: #022c69;
font-style: normal;

}

div.webtitle i {

font-style: normal;

}



h3.webheader {

font-weight: 300;
font-family: optima;

}


span.webepigraph {

float:right;
margin-bottom: 50px;

}

p.websp {

margin-top: 4px;
margin-bottom: 4px;
padding-left: 20px;
text-indent: -20px;
}

}

span.webspeaker {

}

span.webspeech {

}

span.webdocimprint {

float:right;
display: inline-block;
font-size: 16pt;

}

div.webpreface {

}

div.webverses {

}

div.webcit {

float:right; 
border: ridge 1px;
border-radius: 6px;
background: #f0f0f0;
padding: 8px;
font-size: inherit;
margin: 5px 0px 20px 20px;
width: 250px;

}

span.webquote {

}

span.webquotesource {

float: right;
font-size: 12pt;
font-variant: small-caps;

}

.webtooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 2px;
    text-indent: 0;
}

.webtooltip .webtooltiptext {
    visibility: hidden;
    border: solid 0.5px;
    width: 300px;
    background-color: hsl(28, 52%, 98%);
    color: black;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 100;
    bottom: 150%;
    left: 20%;
    margin-left: -10px;
    font-size: 12pt;
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 0.2s;
}

.webtooltip .webtooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/* .webtooltip .show {
    visibility: visible;
    -webkit-animation: fadeIn 0.2s;
    animation: fadeIn 0.2s;
    }
    */
    
.webtooltip:hover .webtooltiptext {
    visibility: visible;
    opacity: 1;
}

div.webdisplay {

	width: 50%;
	margin-left: 10%;
	height: 100%;
	min-width: 575px;
			
}