@charset "utf-8";

/* 
<style>@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');
</style>
CSS Document */

/*
Site layout

Colour Guide
Background colour: hex #000038   rgba(0, 0, 56, 1)   hsla(240, 100%, 11%, 1)
Bible verse colour: hex #ccf   rgba(204, 204, 255, 1)   hsla(240, 100%, 90%, 1)
Default font colour: hex #fffd9e   rgba(255, 253, 158, 0.8)   hsla(59, 100%, 81%, 0.8)
God speaking colour: hex #ffba52   rgba(255, 186, 82, 1)   color: hsla(36, 100%, 66%, 1)
Headings colour: white   hex #fff   rgba(255, 255, 255, 1)   hsla(0, 100%, 100%, 1)
*/
/*
Menu
1. CSS RESET
2. GLOBAL STYLING. PAGE STYLING
4. ELEMENT STYLING
5. HYPERLINK CUSTOMIZATIONS
6. TEXT COLOUR, STYLE AND SIZE CUSTOMIZATIONS
7. BACKGROUND CUSTOMIZED STYLING
8. TEXT RESIZE and COLOR THEME
9. BLOCK LEVEL ELEMENT CUSTOMIZATIONS
10. OUTLINE PAGES STYLING
11. CLEAR FLOATS
12. POPUP AND FOOTNOTE MENUS
13. BIBLE STYLING - including paragraph settings
14. NAVIGATION MENU AND FINAL CSS ENTRIES
15. LEFT AND RIGHT NAVIGATION ARROWS AND BUBBLES AND VERSE DATA-TITLE
16. PULL OUT LEFT SIDE NAV PANEL
18. FACEBOOK BLUE INDEX TABLE SPECIFICATIONS
19. EXTRA SETTING CUSTOMIZATIONS FOR FACEBOOK IMAGE PAGES
20. ADOBE FONTS
20. DROPCAPS CSS
21. COLUMNS

Notes
1. Screen resolution basis is 1600px width.
2. Body tag has no width setting or head banner does not work.
3. Default content width is 80%.

/*  _____________________________________________________________________________

1. CSS RESET
_____________________________________________________________________________
*/

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

/* _____________________________________________________________________________

2. GLOBAL STYLES
_____________________________________________________________________________
*/


html {
color: rgb(250, 248, 121);
background: grey;
background: hsla(239, 74%, 0%, 1) url('../_images/Milky-Way.jpg');
background: hsl(246, 100%, 15%) url('../_images/background.jpg');
width: 3000px;
width: 1540px;
width: auto;
text-shadow: 0 0 0 hsla(59, 100%, 80%, 0.2), -1px -1px 0 hsla(0, 0%, 0%, 0.1), 1px 1px 0 hsla(0, 0%, 0%, 0.1), -1px 1px 0 hsla(0, 0%, 0%, 0.01), 1px 1px 1px hsla(61, 38%, 85%, 0.2), 0 0 0 hsla(59, 100%, 90%, 0.01);
text-shadow: 0 0 0 hsla(59, 100%, 80%, 0.95);
text-shadow: none;
}

/* This body tag must not display width setting for floating header banner to work */

body {
width: 1540px;
width: auto;
width: 2500px;
padding-left: 760px;
overflow: scroll;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-stretch: expanded;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 1.25;
letter-spacing: 1px;
word-spacing: 0.1rem;
text-align: center;
text-shadow: none !important;
}



/*  _____________________________________________________________________________

3. PAGE STYLING
_____________________________________________________________________________
*/
/* page header banner display*/

#bannerWrapper {
background: hsla(0, 0%, 0%, 1);
}

.introStyles img {
color: white;
}

.mainContent img,
.content img {
color: white;
}

.mainContent img.noFloat,
.content img.noFloat {
color: white;
}

/*  _____________________________________________________________________________

4. ELEMENT STYLING
_____________________________________________________________________________
*/

/* h2 styling */

h2 {
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

/* horizontal rule styling */

hr {
opacity: 0.4;
}

hr.divider,
html.js.no-touch body section.pageStyling section.bibleContent hr.divider {
opacity: 1;
box-shadow: inset 0 12px 12px -12px hsla(59, 100%, 54%, 1);
}

/*  _____________________________________________________________________________

5. HYPERLINK CUSTOMIZATIONS
_____________________________________________________________________________
*/

a.plain {
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:link {
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:visited {
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:hover {
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:active {
color: hsla(59, 100%, 80%, 0.95);
}

/*  _____________________________________________________________________________

6. TEXT COLOUR, STYLE AND SIZE CUSTOMIZATIONS
_____________________________________________________________________________
*/

.LORD,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.LORD {
text-shadow: 0px 0px 0.5px hsla(59, 100%, 54%, 1), 0 0 0 hsla(59, 100%, 80%, 0.95), -1px -1px 0 hsla(59, 100%, 54%, 0.5);
letter-spacing: 0.1rem;
margin-left: -0.002rem;
}

.God,
span.man span.God span.LORD,
span.God span.LORD,
html.js.no-touch body ul.jqpopupmenu li span.God,
html.js.no-touch body ul.jqpopupmenu li span.God {
color: rgb(255, 203, 144);
/* text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);  */
}

.Jesus,
html.js.no-touch body ul.jqpopupmenu li span.Jesus {
color: rgb(255, 210, 210);
/* text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2); */
}

html.js.no-touch body div#footnotes p span.Jesus {
color: hsla(0, 100%, 85%, 1);
/* text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2); */
}
 
.man,
span.man span.LORD,
html.js.no-touch body ul.jqpopupmenu li span.man {
/* color: hsla(56, 100%, 80%, 1); */
color: hsl(184, 60%, 86%);
/* text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2); */
}

.verse,
.verseHeadingProse {
color: rgb(0, 95, 173);
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}

.verseHeadingProse {
color: hsla(207.05, 100%, 33.922%, 0)
}


.verseHeading {
color: hsla(240, 100%, 80%, 1);
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}

div.firstWord.colouredBackground a span.reference {
color: inherit;
text-shadow: inherit;
}

html.js.no-touch body section.pageStyling section.bibleContent p span.whitetextHeader,
.whitetextHeader {
color: hsla(220, 100%, 78%, 1);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.whitetext,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.whitetext.nowrap li ul.whitetext,
.whitetext {
color: hsla(0, 100%, 100%, 1);
}

html.js body section.pageStyling section.mainContent div.divOutlinesWrapper img.leftDefault {
color: white;
}

img.imgNoStyle,
section.mainContent img.imgNoStyle,
section.bibleContent img.imgNoStyle {
color: white;
}

/*  _____________________________________________________________________________

7. BACKGROUND CUSTOMIZED STYLING
_____________________________________________________________________________
*/

.colouredBackground {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNTFjNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwYjY1YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwZTY2YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwZTY0YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiMwYzU2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwYTQyN2YiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDQwZDM4IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);



background: -o-radial-gradient(center, ellipse cover, hsla(235, 67%, 25%, 1) 0%, hsla(204, 87%, 34%, 1) 49%, hsla(207, 85%, 37%, 1) 50%, hsla(207, 85%, 36%, 1) 51%, hsla(209, 85%, 32%, 1) 59%, hsla(211, 85%, 27%, 0) 70%, hsla(230, 87%, 12%, 0) 100%);
background: -ms-radial-gradient(center, ellipse cover, hsla(235, 67%, 25%, 1) 0%, hsla(204, 87%, 34%, 1) 49%, hsla(207, 85%, 37%, 1) 50%, hsla(207, 85%, 36%, 1) 51%, hsla(209, 85%, 32%, 1) 59%, hsla(211, 85%, 27%, 0) 70%, hsla(230, 87%, 12%, 0) 100%);
background: radial-gradient(ellipse at center, hsla(235, 67%, 25%, 1) 0%, hsla(204, 87%, 34%, 1) 49%, hsla(207, 85%, 37%, 1) 50%, hsla(207, 85%, 36%, 1) 51%, hsla(209, 85%, 32%, 1) 59%, hsla(211, 85%, 27%, 0) 70%, hsla(230, 87%, 12%, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151c6a', endColorstr='#00040d38', GradientType=1);
}

/*   _____________________________________________________________________________

8. TEXT RESIZE and COLOR THEME
_____________________________________________________________________________
*/

.colorTheme {
opacity: 0.4;
color: white;
}

.colorTheme p {
opacity: 0.8;
}

.colorThemeButton {
text-shadow: inherit;
}

.textResize {
color: white;
}

.skin {
opacity: 0.4;
}

.buttonDecrease:hover,
.buttonRevert:hover,
.buttonIncrease:hover,
.leftButton:hover,
.rightButton:hover {
color: white;
background: linear-gradient(to bottom, rgb(43, 0, 144) 0%, rgb(1, 43, 255) 50%, rgb(0, 35, 232) 51%, rgb(105, 126, 244) 100%);
/* W3C */
}

.buttonDecrease:active,
.buttonDecrease:focus,
.buttonRevert:active,
.buttonDecrease:focus,
.buttonIncrease:active,
.buttonDecrease:focus,
.leftButton:active,
.leftButton:focus,
.rightButton:active,
.rightButton:focus {
background: rgb(15, 44, 205);
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMmNjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMTY5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMWJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjAwNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);



background: -o-linear-gradient(top, rgb(15, 44, 205) 0%, rgb(0, 22, 146) 49%, rgb(0, 27, 162) 50%, rgb(27, 0, 90) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(15, 44, 205) 0%, rgb(0, 22, 146) 49%, rgb(0, 27, 162) 50%, rgb(27, 0, 90) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgb(15, 44, 205) 0%, rgb(0, 22, 146) 49%, rgb(0, 27, 162) 50%, rgb(27, 0, 90) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f2ccd', endColorstr='#1b005a', GradientType=0);
/* IE6-8 */
color: white;
/*rgb(212,212,225);*/
}

/*  _____________________________________________________________________________

9. BLOCK LEVEL ELEMENT CUSTOMIZATIONS
_____________________________________________________________________________
*/

div.CommandmentBox {
border: 8px double hsla(202, 100%, 50%, 0.2);
box-shadow: 0 0 0 3px hsla(242, 60%, 38%, 1), 0 0 0 5px hsla(222, 65%, 38%, 1), 0 0 0 10px hsla(242, 65%, 38%, 1), 0 0 2px 10px hsla(226, 65%, 38%, 1);
color: hsla(242, 34%, 28%, 0.74);
}

div.CommandmentBox:after {
background: #01006d;
/* Old browsers */



background: -o-linear-gradient(top, hsla(241, 100%, 22%, 1) 0%, hsla(245, 67%, 32%, 1) 44%, hsla(234, 78%, 31%, 1) 53%, hsla(225, 77%, 35%, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, hsla(241, 100%, 22%, 1) 0%, hsla(245, 67%, 32%, 1) 44%, hsla(234, 78%, 31%, 1) 53%, hsla(225, 77%, 35%, 1) 100%);
/* IE10+ */
background: linear-gradient(to bottom, hsla(241, 100%, 22%, 1) 0%, hsla(245, 67%, 32%, 1) 44%, hsla(234, 78%, 31%, 1) 53%, hsla(225, 77%, 35%, 1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01006d', endColorstr='#01006d', GradientType=0);
/* IE6-9 */
border: 8px double hsla(202, 100%, 50%, 0.2);
}

div.CommandmentBox:before {
background: #1540ff;



background: -o-linear-gradient(top, hsla(229, 100%, 54%, 1) 0%, hsla(229, 94%, 49%, 1) 44%, hsla(229, 88%, 43%, 1) 100%);
background: -ms-linear-gradient(top, hsla(229, 100%, 54%, 1) 0%, hsla(229, 94%, 49%, 1) 44%, hsla(229, 88%, 43%, 1) 100%);
background: linear-gradient(to bottom, hsla(229, 100%, 54%, 1) 0%, hsla(229, 94%, 49%, 1) 44%, hsla(229, 88%, 43%, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1540ff', endColorstr='#0d31cf', GradientType=0);
}

div.CommandmentBox:hover {
font-size: 1.2rem;
border: 8px double hsla(202, 100%, 50%, 0.2);
box-shadow: 0 0 0 3px hsla(242, 70%, 48%, 1), 0 0 0 5px hsla(222, 75%, 48%, 1), 0 0 0 10px hsla(242, 75%, 48%, 1), 0 0 2px 10px hsla(226, 75%, 48%, 1);
color: hsla(242, 34%, 28%, 0.74);
}

div.CommandmentBox:active {
position: relative;
top: 1px;
}

/* BACK TO THE TOP DIV */
/* back to the top div from the bottom of the page - fixed position */

#backToTop {
opacity: 0.4
}

/* END OF BACK TO THE TOP DIVS */
/* closing mainContent paragraph */

/* DROPCAPS PAGE TEXT OPENING */
/* dropcap styling */

.dropCap {
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53, 100%, 97%, 0.70), -1px -1px 18px hsla(53, 100%, 97%, 0.70);
}

div.footer {
color: hsla(180, 100%, 75%, 1);
}

img.centeredImage,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.imageCenter img.centeredImage,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.imageCenter img.centeredImage,
html.js body section.pageStyling section.mainContent div.imageCenter a img.centeredImage,
html.js body section.pageStyling section.bibleContent div.imageCenter a img.popup {
color: white;
}

div#titles.blueTable img.textImage,
section.mainContent div.divOutlinesWrapper img.textImage,
img.textImage {
color: white;
}

/*  _____________________________________________________________________________

10. OUTLINE PAGES STYLING
_____________________________________________________________________________
*/

h3 {
text-indent: 0.575rem;
font-size: 1.1rem;
}

html.js.no-touch body section.pageStyling section.bibleContent p {
text-indent: 16px;
line-height: 1.5;
margin: 0.5rem 0;
font-size: 16px;
}

/* div.divOutlines,
html.js.no-touch body section.pageStyling section.bibleContent
{
width: 695px;
} */

html.js.no-touch body section.pageStyling section.mainContent button {
border: 1px solid hsla(240, 100%, 30%, 1);
color: hsla(212, 67%, 96%, 1);
text-shadow: 0 0 1px black;
background: #7e8ce8;



background: -o-linear-gradient(top, hsla(232, 70%, 70%, 1) 0%, hsla(234, 73%, 46%, 1) 49%, hsla(233, 69%, 51%, 1) 50%, hsla(238, 67%, 36%, 1) 100%);
background: -ms-linear-gradient(top, hsla(232, 70%, 70%, 1) 0%, hsla(234, 73%, 46%, 1) 49%, hsla(233, 69%, 51%, 1) 50%, hsla(238, 67%, 36%, 1) 100%);
background: linear-gradient(to bottom, hsla(232, 70%, 70%, 1) 0%, hsla(234, 73%, 46%, 1) 49%, hsla(233, 69%, 51%, 1) 50%, hsla(238, 67%, 36%, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e8ce8', endColorstr='#1e229a', GradientType=0);


border-top-left-radius: 0.5em;


border-top-right-radius: 0.5em;


border-bottom-right-radius: 0.5em;


border-bottom-left-radius: 0.5em;
box-shadow: 0.5em 0.5em 0.16em hsla(0, 0%, 0%, 0.4);
}

html.js.no-touch body section.pageStyling section.mainContent button:hover {
border: 1px solid hsla(252, 70%, 40%, 1);


background: -o-linear-gradient(top, hsla(238, 67%, 36%, 1) 0%, hsla(233, 69%, 51%, 1) 50%, hsla(234, 73%, 46%, 1) 51%, hsla(232, 70%, 70%, 1) 100%);
background: -ms-linear-gradient(top, hsla(238, 67%, 36%, 1) 0%, hsla(233, 69%, 51%, 1) 50%, hsla(234, 73%, 46%, 1) 51%, hsla(232, 70%, 70%, 1) 100%);
background: linear-gradient(to bottom, hsla(238, 67%, 36%, 1) 0%, hsla(233, 69%, 51%, 1) 50%, hsla(234, 73%, 46%, 1) 51%, hsla(232, 70%, 70%, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e229a', endColorstr='#7e8ce8', GradientType=0);
box-shadow: 0.5em 0.5em 0.16em hsla(0, 0%, 0%, 0.55);
}

button,
input,
optgroup,
select,
textarea {
color: hsla(0, 0%, 0%, 0.435);
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}

h3 {
margin: 1rem 0;
}

h3 a.ambientGlow {
margin: 0;
}

/*  _____________________________________________________________________________

11. CLEAR FLOATS
_____________________________________________________________________________
*/

/*  _____________________________________________________________________________

12. POPUP AND FOOTNOTE MENUS
_____________________________________________________________________________
*/

#footnotes,
html.js.no-touch body div#footnotes {
color: hsla(0, 0%, 100%, 1);
border: 1px solid hsla(0, 0%, 85%, 1);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00074c+0,000d84+50,021077+51,172493+100 */
background: #00074c;
/* Old browsers */


background: linear-gradient(to bottom, hsla(234, 100%, 15%, 1) 0%, hsla(234, 100%, 26%, 1) 50%, hsla(233, 97%, 24%, 1) 51%, hsla(234, 73%, 33%, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00074c', endColorstr='#172493', GradientType=0);
/* IE6-9 */
}

html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.noIndent span.man,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p span.man,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.man,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p span.man #footnotes .man {
color: hsla(56, 100%, 80%, 1);
color: hsla(178, 100%, 90%, 1);
text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

#footnotes a:hover {
/*hover background color*/
color: hsla(0, 0%, 100%, 1);
}

#footnotes a.white {
color: white;
}

#footnotes a,
#footnotes a:link {
color: hsla(0, 0%, 100%, 1);
}

#footnotes a:visited {
color: hsla(0, 0%, 100%, 1);
}

#footnotes a:hover {
color: hsla(0, 0%, 100%, 1);
}

#footnotes a:active {
color: hsla(0, 0%, 100%, 1);
}

#footnotes a:focus {
outline: 1px dotted hsla(0, 0%, 100%, 1);
}

html.js.no-touch body div#footnotes span.Jesus,
html.js.no-touch body ul.jqpopupmenu li span.Jesus,
html.js.no-touch body ul.flexdropdownmenu li span.Jesus {
color: hsla(0, 100%, 80%, 1);
text-shadow: none;
}

html.js.no-touch body ul.flexdropdownmenu li span.God,
html.js.no-touch body div#footnotes div.popitQuote p.noIndent span.God,
#footnotes span.God {
color: hsla(32, 100%, 80%, 1);
text-shadow: 0 0 0 hsla(32, 100%, 75%, 1);
}

#footnotes span.verse2 {
color: hsla(198, 71%, 85%, 1)
}

.footnotesTextLink,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.footnotesTextLink {
background-color: hsla(198, 71%, 84%, 0.125);
}

.footnotesTextLink:hover,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.footnotesTextLink:hover {
background-color: hsla(198, 71%, 84%, 0.325);
}

/*  main bottom footnote menu options .jqpopupmenu  */

.jqpopupmenu,
ul.jqpopupmenu,
html.js.no-touch body ul.jqpopupmenu,
ul.popupAuto,
html.js.no-touch body ul.popupAuto,
ul.jqpopupmenu.popupNarrow,
html.js.no-touch body ul.jqpopupmenu.popupNarrow,
ul.jqpopupmenu.popupMedium,
html.js.no-touch body ul.jqpopupmenu.popupMedium,
ul.jqpopupmenu.popupWide,
html.js.no-touch body ul.jqpopupmenu.popupWide,
ul.jqpopupmenu.popupExtraWide,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide,
ul.jqpopupmenu.popupQuote,
html.js.no-touch body ul.jqpopupmenu.popupQuote,
ul.jqpopupmenu.popupPoetry,
html.js.no-touch body ul.jqpopupmenu.popupPoetry {
/*topmost and sub ULs, respectively*/
color: hsla(0, 0%, 100%, 1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00074c+0,000d84+50,021077+51,172493+100 */
background: #00074c;
/* Old browsers */


background: linear-gradient(to bottom, hsla(234, 100%, 15%, 1) 0%, hsla(234, 100%, 26%, 1) 50%, hsla(233, 97%, 24%, 1) 51%, hsla(234, 73%, 33%, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00074c', endColorstr='#172493', GradientType=0);
/* IE6-9 */
visibility: hidden;
display: none;
/*collapse all sub menus to begin with*/
border: 1px solid hsla(0, 0%, 85%, 1);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
border-radius: 0.5rem;
overflow-y: auto;
max-height: 50%;
}

html.js.no-touch body ul.jqpopupmenu li div.footnotesOuterWrapper div.footnotesInnerWrapper p a.plain,
.jqpopupmenu a.plain,
#footnotes a.plain {
color: white;
/*color: hsla(59, 100%, 54%, 1);*/
}

.jqpopupmenu li .God,
.jqpopupmenu ul li .God,
.popupAuto li .God,
.popupAuto ul li .God {
color: hsla(32, 100%, 70%, 1);
text-shadow: 0 0 0 hsla(32, 100%, 60%, 0.5);
}

span.verse2 {
color: hsla(198, 71%, 75%, 1)
}

/*
.underlined,
html.js.no-touch body .jqpopupmenu li a span.underlined
{
border-bottom-color: white;
}

/*  _____________________________________________________________________________

13. BIBLE STYLING
_____________________________________________________________________________
*/
/* page main content styling */

.bibleContent p.noGap a:hover,
.mainContent p.noGap a:hover,
p.noGap a:hover,
html.js.no-touch body section.pageStyling section.mainContent p.noGap a:hover {
color: hsla(0, 100%, 95%, 1);
}

html.js.no-touch body section.pageStyling section.bibleContent p.Message,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote,
.bibleContent p.Message,
.mainContent p.Message,
p.Message,
.bibleContent p.Message,
.mainContent p.Message,
p.Message {
color: inherit;
text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html.js.no-touch body section.pageStyling section.bibleContent p.subMessage,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessageQuote,
.bibleContent p.subMessage,
.mainContent p.subMessage,
p.subMessage,
.bibleContent p.subsubMessage,
.mainContent p.subsubMessage,
p.subMessage {
color: inherit;
text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

.poetryVerseHeading {
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}



.bibleContent img {
color: white;
border: 2px solid #FDFDFB;
}

html.js body section.pageStyling section.bibleContent a img.special,
html.js body section.pageStyling section.bibleContent p img.special,
section.mainContent a img.special,
html.js body section.pageStyling section.mainContent img.special {
color: white;
}

html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv>div {
color: black;
}

div.copyrightImageDiv,
html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv {
background-color: white;
margin: 1.5rem 0 1.5rem 1.2rem;
padding: 0rem 0 0rem 1px;
display: inline;
float: right;
width: auto;
border: 1px black solid;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
border-radius: 0.5rem;
}

a img.copyrightImage,
html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv a img.copyrightImage {
border: none;
box-shadow: none;
}

/* 
section.poetryContent a img.first,
section.poetryContent a img.firstA,
section.poetryContent a img.secondA,
section.poetryContent a img.second,
section.poetryContent a img.third,
section.poetryContent a img.thirdA,
section.poetryContent a img.fourth,
section.poetryContent a img.fourthA,
section.poetryContent a img.fifth,
section.poetryContent a img.fifth,
.poetryContent img.noFloat,
.poetryContent img.noFloat2,
.poetryContent img.noFloat3,
section.poetryContent a img.popup,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper a img.popup,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.poetryWrapper div.psalmImageWrapper a img.popup,
{
color: white;
border: 2px solid white;
} */


/*  _____________________________________________________________________________

14. NAVIGATION MENU AND FINAL CSS ENTRIES
_____________________________________________________________________________
*/

#footerMenu,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li,
html.js body nav ul#footerMenu.footer_fullwidth li,
.topmenu,
html.js body header div.topMenu ul li,
.topMenu2,
html.js body div.topMenu2 ul li {
text-shadow: 0 0 0 hsla(0, 0%, 0%, 0.4), -1px -1px 0 hsla(234, 100%, 25%, 0.6), 1px 1px 0 hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(234, 100%, 25%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(234, 100%, 25%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.4), 3px 3px 1px hsla(0, 0%, 0%, 0.4), 0 0 0 hsla(0, 0%, 0%, 1);
}

/* footermenu a link styling */

html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:hover,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:focus,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:hover,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:focus {
color: hsla(233, 100%, 95%, 0.8);
text-shadow: none;
}

/* footerMenu dark gradient colors */

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup {
background: #00074c;
/* Old browsers */


background: linear-gradient(to bottom, hsla(234, 100%, 15%, 1) 0%, hsla(234, 100%, 26%, 1) 50%, hsla(233, 97%, 24%, 1) 51%, hsla(234, 73%, 33%, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00074c', endColorstr='#172493', GradientType=0);
/* IE6-9 */
color: white;
text-shadow: none;
}

.topmenu,
html.js body header div.topMenu ul li {
text-shadow: 0 0 0 hsla(0, 0%, 0%, 1), -1px -1px 0 hsla(0, 0%, 0%, 0.4), 1px 1px 0 hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.3), -1px -1px 1px hsla(0, 0%, 0%, 0.3), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.3), -1px -1px 1px hsla(0, 0%, 0%, 0.3), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.3);
}

/* End of section for Georgia font for I's and J's outside regular text */

.poetryFirstLetterDropCap {
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), 0px 0px 3px hsla(0, 0%, 0%, 1.00), -1px -1px 1px black, -1px -1px 2px black, -1px -1px 3px black, 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 4px 4px 4px black, 5px 5px 5px black, 20px 20px 150px hsla(308, 100%, 90%, 0.9), -20px -20px 150px hsla(308, 100%, 90%, 0.9), 30px 30px 100px hsla(0, 0%, 100%, 0.9), -30px -30px 100px hsla(0, 0%, 100%, 0.9), 20px 20px 80px hsla(0, 0%, 100%, 0.9), -20px -20px 80px hsla(0, 0%, 100%, 0.9), 15px 15px 70px hsla(308, 100%, 50%, 0.9), -15px -15px 70px hsla(308, 100%, 50%, 0.9), 10px 10px 40px hsla(308, 100%, 50%, 0.9), -10px -10px 40px hsla(308, 100%, 50%, 0.9), 5px 5px 30px hsla(308, 100%, 50%, 0.9), -5px -5px 30px hsla(308, 100%, 50%, 0.9), 1px 1px 20px hsla(0, 0%, 100%, 0.5), -1px -1px 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), -3px -3px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), -1px -1px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0, 0%, 0%, 1), 0 0 0 hsla(59, 100%, 75%, 1.00), 0 0 2px hsla(0, 0%, 0%, 1), 0 0 0px hsla(59, 100%, 75%, 1.00);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv span.poetryFirstLetterDropCap.nowrap {
padding-left: 0.2rem;
padding-right: 0.2rem;
font-family: Noto Serif;
font-style: normal;
font-weight: 500;
font-size: 1.8rem;
display: inline;
color: hsla(59, 100%, 75%, 0.7);
margin: -40px 0 1.2rem -1.5rem;
margin-left: -4px;
}

.poetrySecondLetterDropCap {
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), -1px -1px 1px black, -1px -1px 2px black, -1px -1px 3px black, 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 5px 5px 30px hsla(308, 100%, 50%, 1), 20px 20px 50px hsla(308, 100%, 50%, 1), 0px 0px 30px hsla(308, 100%, 50%, 1), 0px 0 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), 0px 0px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), 0px 0px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0, 0%, 0%, 1), 0 0 0 hsla(59, 100%, 75%, 1.00);
}

html.js body section.poetryPageStyling section.poetryContent div.poetryWrapper p.poetryFixedWidth span.verseWide,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.verseWide {
color: hsla(240, 100%, 90%, 1);
}

html.js body section.poetryPageStyling section.poetryContent h2 {
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html.js body section.poetryPageStyling section.poetryContent h3 {
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

/*  _____________________________________________________________________________

15. LEFT AND RIGHT NAVIGATION ARROWS AND BUBBLES AND VERSE DATA-TITLE
_____________________________________________________________________________
*/

.navDivRightBackground {
background-color: hsla(235, 100%, 80%, 0.05);
text-shadow: none;
color: hsla(235, 100%, 50%, 0.85);
}

.navDivRightArrow {
color: hsla(235, 100%, 80%, 0.95);
text-shadow: none;
}

.navDivRightInternal:hover {
color: hsla(235, 100%, 80%, 1);
text-shadow: none;
}

.navDivLeftBackground {
background-color: hsla(235, 100%, 80%, 0.05);
text-shadow: none;
color: hsla(235, 100%, 50%, 0.85);
}

.navDivLeftArrow {
color: hsla(235, 100%, 80%, 0.95);
text-shadow: none;
}

.navDivLeftInternal:hover {
color: hsla(235, 100%, 80%, 1);
text-shadow: none;

}

/*  This is the data-title attribute css specifications for verses */

span.verse:hover {
position: relative;
}

span.verse[data-title]:hover:after {
color: white;
border: 1px solid hsla(0, 0%, 90%, 1);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.4);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00074c+0,000d84+50,021077+51,172493+100
background: #00074c; /* Old browsers */


background: linear-gradient(to bottom, hsla(234, 100%, 15%, 1) 0%, hsla(234, 100%, 26%, 1) 50%, hsla(233, 97%, 24%, 1) 51%, hsla(234, 73%, 33%, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00074c', endColorstr='#172493', GradientType=0);
/* IE6-9 */
}

/*  This is the end of the data-title attribute css specifications for verses */

/*To fit the Nav Panel in with the content so the scrollbar has room, reduce the  <section class="pageStyling" style="width:70%">  accordingly */

/*  _____________________________________________________________________________

16. PULL OUT LEFT SIDE NAV PANEL
_____________________________________________________________________________

16.(a)  MENU CONTAINER

/*
Item Name : Pull Out Content Panel
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 1.12
*/

/*

TABLE OF CONTENTS

16.(a)  MENU CONTAINER
16.(b)  TOGGLE BUTTON
16.(c)  ICONS
16.(d)  PANEL CONTENT
1. Basic Typography
2. Default Lists
3. Icons Lists
4. Styled Lists
5. Styled Paragraphs
6. Videos & Images
16.(e)  FORM ELEMENTS
16.(f)  PANEL TOGGLES
16.(g)  SCROLLBAR

*/

/*  _______________________________________________

16.(a)  MENU CONTAINER
_______________________________________________  */

.pocp {
background: hsla(240, 100%, 23%, 1) url('../_images/backgroundNavbar.png');
text-shadow: 1px 1px 1px #000000;
font-weight: 300;
}

.pocp .panel_list,
.pocp_left,
div.pocp_content.pocp_content_list ul.pocp_toggle li a.navLink,
a.navLink,
.pocp a,
.pocp h1,
.pocp h2,
.pocp h3,
.pocp h4,
.pocp h5,
.pocp h6 {
color: hsla(42, 9%, 75%, 1);
text-shadow: 1px 1px 1px #000000;
font-weight: 300;
}

/*  _______________________________________________

16.(b)  TOGGLE BUTTON
_______________________________________________  */

html.js.no-touch body a.pocp_button.pocp_button_left,
.pocp_button {
color: black;
background: white;
outline: none;
}

/*  _______________________________________________

16.(c)  PANEL CAROUSEL and icon styling
_______________________________________________  */

.icon-plus {
font-size: 12px;
color: white;
}

/*  _______________________________________________

16.(d)  PANEL CONTENT
_______________________________________________  */

.pocp .panel_list li a:hover {
cursor: pointer;
background: #0d0d0d;
}

.pocp .panel_list .new {
color: #f22;
}

/* 5. Styled Paragraphs */

.pocp .blackbox {
background: hsla(220, 46%, 90%, 1);
}

.pocp .dark {
border-left: #3B3B3B solid 7px;
}

.pocp .brown {
border-left: #8D8767 solid 7px;
}

.pocp .yellow {
border-left: #DBA742 solid 7px;
}

.pocp .red {
border-left: #C05D48 solid 7px;
}

.pocp .blue {
border-left: #52878B solid 7px;
}

.pocp .green {
border-left: #808f4d solid 7px;
}

/* 6. Videos & Images */

.pocp .inline_img {
max-width: auto;
height: auto;
box-sizing: border-box;


-o-box-shadow: 0 2px 3px #000000;
box-shadow: 0 2px 3px #000000;
margin-bottom: 18px;
margin-top: 6px;
}

/*  _______________________________________________

16.(e)  FORM ELEMENTS
_______________________________________________  */

/*  _______________________________________________

16.(f)  PANEL TOGGLES
_______________________________________________  */

.pocp .pocp_toggle .pocp_panel {
background: hsla(230, 100%, 23%, 1) url('../_images/backgroundNavbarInner.png');
/*  secondary topic link panel colouring  */
box-shadow: inset rgba(0, 0, 0, 0.25) -2px 0 4px;
border: 1px solid hsla(230, 100%, 15%, 1);
/*  border 1px line  */
}

/*  _______________________________________________

16.(g)  SCROLLBAR
_______________________________________________  */

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools {
opacity: 0.65;
background: hsla(230, 55%, 65%, 0.2);
filter: "alpha(opacity=65)";
-ms-filter: "alpha(opacity=65)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

.mCustomScrollBox:hover>.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

.mCSB_scrollTools .mCSB_draggerRail {
background: hsla(209, 55%, 75%, 1);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: hsla(209, 55%, 75%, 1);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: hsla(209, 55%, 75%, 1);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: hsla(209, 55%, 80%, 1);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
/* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}

/*
_____________________________________________________________________________

18. FACEBOOK BLUE INDEX TABLE SPECIFICATIONS
_____________________________________________________________________________
*/

/* greyed out unless necessary, and specifications read from the combinedStylesLight.css page

html.blueIndexTableHTML body.blueIndexTableBody section.pageStyling.blueIndexTableOuterSection section.bibleContent.blueIndexTableInnerSection div.titles.blueTable.footnotesBibleIndex h5.blueIndexTableH5Left,
h5.blueIndexTableH5Left
{
font-size: 16px;
text-align: left;
display: inline;
letter-spacing: 2px;
color: hsla(0, 100%, 100%, 0.8);
text-shadow: -1px -1px 1px hsla(0,0%,0%,0.4), 1px 1px 1px hsla(0,0%,0%,0.4), -1px -1px 2px hsla(182, 100%, 29%, 0.6), 1px 1px 2px hsla(182, 100%, 29%, 0.6), -1px -1px 4px hsla(253, 100%, 24%, 0.2), 1px 1px 4px hsla(253, 100%, 24%, 0.2), 0 0 1px hsla(0,0%,0%,0.4);
}

h5.blueIndexTableH5Right
{
font-size: 16px;
text-align: right;
float: right;
letter-spacing: 2px;
color: hsla(0, 100%, 100%, 0.8);
text-shadow: -1px -1px 1px hsla(0,0%,0%,0.4), 1px 1px 1px hsla(0,0%,0%,0.4), -1px -1px 2px hsla(182, 100%, 29%, 0.6), 1px 1px 2px hsla(182, 100%, 29%, 0.6), -1px -1px 4px hsla(253, 100%, 24%, 0.2), 1px 1px 4px hsla(253, 100%, 24%, 0.2), 0 0 1px hsla(0,0%,0%,0.4);
}

*/

html.js.no-touch body section.pageStyling section.bibleContent p span.whitetextHeader {
text-indent: 0;
display: inline-block;
margin-top: 16px;
}

html.js.no-touch body section.pageStyling section.bibleContent h3.essayTopicSub {
margin: 0;
}

h2.psalmOutlines,
html.js.no-touch body section.pageStyling section.bibleContent h2.psalmOutlines {
margin: 0;
margin: 0.75rem auto 0 auto;
}


h2.headings,
html.js.no-touch body section.pageStyling section.bibleContent h2.headings,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2.headings {
margin: 0;
margin: 12px auto -20px auto;
}

html.js.no-touch body section.pageStyling section.bibleContent {
padding-top: 200px;
}

h2.non-italic-title,
html.js.no-touch body section.pageStyling section.bibleContent h2.non-italic-title,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2.non-italic-title {
margin: 0;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-display: swap;
font-size: 20px;
font-weight: 400;
font-style: normal;
color: white;
display: inline-block;
margin: 10px auto;
margin-bottom: 16px;
margin-bottom: 10px;
font-weight: 400;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
}

html.js.no-touch body section.pageStyling section.bibleContent h3.non-italic-title,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h3.non-italic-title {
margin: 0;
text-align: center;
font-family: Noto Serif;
font-style: italic;
font-style: normal;
font-display: swap;
font-size: 17.6px;
font-weight: 400;
font-style: normal;
color: white;
display: inline-block;
margin: 10px auto;
margin-bottom: 16px;
margin-bottom: 10px;
font-weight: 400;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
}


h2.non-italic-title,
html.js.no-touch body section.pageStyling section.bibleContent h2.sans-serif,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2.sans-serif,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.blue-title-button h2.sans-serif {
margin: 0;
text-align: center;
font-family: "ariana-pro";
font-size: 20px;
font-weight: 900;
font-style: normal;
color: white;
display: inline-block;
margin: 10px auto;
margin-bottom: 16px;
margin-bottom: 10px;
font-weight: 400;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.blue-title-button h2.sans-serif {
margin: 8px auto;
margin-top: 6px;
font-family: "ariana-pro";
font-size: 20px;
font-weight: 700;
font-style: normal;
letter-spacing: 3px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.blue-title-button {
text-shadow: inherit;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 17px;
line-height: 20px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 0 auto;
margin-top: 0;
margin-bottom: 16px;
background: linear-gradient(to bottom, hsla(234, 100%, 33%, 0.85) 0%, hsla(200, 100%, 33%, 0.75) 43%, hsla(201, 100%, 31%, 0.75) 55%, hsla(234, 100%, 33%, 0.86) 100%);
background: linear-gradient(to bottom, #2f08ec 5%, #073784 100%);
opacity: 1;
width: 100%;
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1);
border-radius: 3px;
padding-left: 0;
padding-right: 0;
box-shadow: inset 0px 1px 0px 0px #97c4fe;
border: 1px solid #337fed;
display: inline-block;
cursor: pointer;
padding: 0.4rem 0.9rem;
padding-right: 0.9rem;
padding-left: 0.9rem;
text-decoration: none;
}

html.js.no-touch body section.pageStyling section.bibleContent h3.sans-serif,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h3.sans-serif {
margin: 0;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: italic;
font-style: normal;
font-display: swap;
font-size: 1.25rem;
font-weight: 400;
font-style: normal;
color: white;
display: inline-block;
margin: 0rem auto;
font-weight: 400;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
}

h3.margin {
margin: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h3 {
margin: 0;
margin: 0.7rem auto;
}

/* fancy horizontal rule */

hr.fr,
html.js.no-touch body section.pageStyling section.bibleContent hr#nine.fr {
display: inline-block;
vertical-align: top;
height: 1.5px;
border: none;
outline: none;
margin: 40px auto 30px auto;
position: relative;
border: 0;
padding: 0;
width: 100%;
height: 1.5px;
background: hsla(239, 74%, 27%, 1) url('../../../_images/background.jpg');
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
text-align: left;
opacity: 0.6;
}

[data-symbol]::before {
content: attr(data-symbol);
/* Returns '✅' */
margin-top: -5px;
}

hr.fr:before,
html.js.no-touch body section.pageStyling section.bibleContent hr#nine:before {
content: attr(data-symbol);
font-size: 30px;
line-height: 20px;
vertical-align: top;
position: absolute;
top: 0;
left: 50%;
background: hsla(239, 74%, 27%, 1) url('../_images/background.jpg');
color: white;
padding: 3.5em 0.75rem 1rem 0.75rem;
transform: translate(-50%, -50%);
opacity: 1;
}

hr#nine.fr:before,
html.js.no-touch body section.pageStyling section.bibleContent hr#nine.fr:before {
/*border: 0.1px solid white;*/

border: 0;
padding: 1rem 1.5rem;
border-radius: 50%;
line-height: 34px;
}

/* end of fancy horizontal rule */

hr.boundaryHR,
html.js.no-touch body section.pageStyling section.bibleContent hr.boundaryHR {

display: table-cell;
border: 0;
padding: 0;
width: 94%;
height: 2px;
margin: 2.5rem auto;
margin-top: 5rem;
background-color: hsla(240, 0%, 68%, 0.9);
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
text-align: left;
opacity: 0.6;
left: 0%;
}

hr.balanceQuote,
html.js.no-touch body section.pageStyling section.bibleContent hr.balanceQuote,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.balanceQuote {
display: inline-block;
height: 0.45px;
margin: 0;
margin: 0 auto;
margin-top: 18px;
margin-bottom: 18px;
margin-top: 18px;
margin-bottom: 18px;
margin: 15px auto;
width: 100%;
opacity: 0.5;
left: 0%;
}

hr.half,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.half,
html.js.no-touch body section.pageStyling section.bibleContent hr.half,
div.divOutlines hr.half {
display: inline-block;
height: 1px;
margin: 0;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
margin-top: 16px;
margin-bottom: 16px;
margin: 10px auto;
width: 100%;
text-align: left;
opacity: 0.35;
left: 0%;
}

hr.quarter,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.quarter,
html.js.no-touch body section.pageStyling section.bibleContent hr.quarter,
div.divOutlines hr.quarter {
display: inline-block;
height: 0px;
margin: 0;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
margin: 10px auto;
width: 100%;
text-align: left;
opacity: 0.2;
left: 0%;
}

hr.quarter2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.quarter2,
html.js.no-touch body section.pageStyling section.bibleContent hr.quarter2,
div.divOutlines hr.quarter2 {
display: inline-block;
height: 0;
margin: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0.75rem;
margin: 20px auto;
width: 100%;
text-align: left;
opacity: 0.25;
left: 0%;
}

hr.eighth,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.eighth,
html.js.no-touch body section.pageStyling section.bibleContent hr.eighth,
div.divOutlines hr.eighth {
display: inline-block;
height: 0;
margin: 0;
margin-top: 18px;
margin-bottom: 18px;
margin: 20px auto;
width: 100%;
text-align: left;
opacity: 0.2;
left: 0%;
}

/*glyph horizontal rule */

/* Glyph, by Harry Roberts */

hr.style-eight {
overflow: visible;
/* For IE */
padding: 0;
border: none;
border-top: medium double white;
color: white;
text-align: center;
margin: 24px auto;
width: 100%;
}

hr.style-eight:after {
content: "יהוה";
display: inline-block;
position: relative;
top: -0.7em;
top: -25px;
font-size: 30px;
padding: 0 12px;
background: #000050;
}

.light-yellow,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent.light-yellow {
text-indent: 0;
color: hsla(59, 100%, 72%, 1);
font-weight: 400;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: italic;
margin-top: 16px;
}

.bold-italic,
html.js.no-touch body section.pageStyling section.bibleContent span.bold-italic {
font-weight: 900;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-variant: small-caps;
font-style: italic;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote,
h4.Bible-quote {
font-weight: 500;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 1.35rem;
font-size: 16px;
font-size: 17px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 0.6rem auto;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote2,
h4.Bible-quote2 {
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 17px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 0 auto;
margin-top: 12px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote3,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote3,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote3,
h4.Bible-quote3 {
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 17px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 0 auto;
margin-top: 4px;
width: 100%;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote-inline,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote-inline,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote-inline,
h4.Bible-quote-inline {
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 17px;
line-height: 21px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 14px;
}

html.js.no-touch body section.pageStyling section.bibleContent p.noIndent.light-yellow span.whitetextHeader,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent.light-yellow span.whitetext,
span.whitetextHeader,
span.whitetext {
font-variant: normal;
transform: skew(0deg);

}

.italic,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryHeadingDiv span.italic,
html.js.no-touch body section.pageStyling section.bibleContent p.psalmCenter span.poetryHeadingDiv span.poetryIndentBlock span.italic {
transform: skew(-6deg);

}

.plainbold,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryHeadingDiv span.plainbold,
html.js.no-touch body section.pageStyling section.bibleContent p.psalmCenter span.poetryHeadingDiv span.poetryIndentBlock span.plainbold {
font-weight: 600;
font-size: 1.1rem;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.secondLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.secondLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.secondLetterGoldBox,
.secondLetterGoldBox {
font-size: 1.5rem;
text-shadow: inherit;
display: inline-block;
font-family: Noto Serif;
font-style: normal;
font-weight: 800;
margin: 0;
line-height: 0;
font-variant: small-caps;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.firstLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.firstLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.firstLetterGoldBox,
.firstLetterGoldBox {
margin: 0;
margin-left: 0px;
display: inline-block;
font-family: Noto Serif;
font-style: normal;
font-weight: 900;
font-size: 1.85rem;
text-shadow: inherit;
line-height: 0;
}

.hebrew {
font-size: 1.5rem;
letter-spacing: 2px;
margin: -3rem 0.25rem 0 -0.95rem;
display: inline-block;
}

/* Adobe fonts

/*  _____________________________________________________________________________

20. ADOBE FONTS
_____________________________________________________________________________
*/

/*
Merriweather
font-family: merriweather, serif;

Lipa Agate High
font-family: lipa-agate-high, sans-serif;

Lipa Agate Low Narrow
font-family: lipa-agate-low-narrow, sans-serif;

Lipa Agate Low Condensed
font-family: lipa-agate-low-condensed, sans-serif;

Lipa Agate Low
font-family: lipa-agate-low, sans-serif;

Lipa Agate High Narrow
font-family: lipa-agate-high-narrow, sans-serif

Base 12 Sans
font-family: base-12-sans, sans-serif;

Base 9 Sans
font-family: base-9-sans, sans-serif;

Base 900 Sans
font-family: base-900-sans, sans-serif;

Iro Sans
font-family: iro-sans, sans-serif;

FF Unit
font-family: unit, sans-serif;

FF Unit Rounded
font-family: unit-rounded, sans-serif;

Noto Sans
font-family: noto-sans, sans-serif;

Noto Serif
font-family: noto-serif, serif;

Noto Sans ExtraCondensed
font-family: noto-sans-extracondensed, sans-serif;

Noto Sans Condensed
font-family: noto-sans-condensed, sans-serif;

Noto Sans SemiCondensed
font-family: noto-sans-semicondensed, sans-serif;

Noto Serif SemiCondensed
font-family: noto-serif-semicondensed, serif;

Noto Serif ExtraCondensed
font-family: noto-serif-extracondensed, serif;

Noto Serif Condensed
font-family: noto-serif-condensed, serif;

Ariana Pro
font-family: ariana-pro,
sans-serif;

Kobenhavn C
font-family: kobenhavn-c, sans-serif;

*/

/* DROPCAPS PAGE TEXT OPENING
ORIGINAL Copy

/* dropcap styling *

div.firstWordWrapper
{
margin-top: 16px;
margin-left: 6rem;
}

div.firstWordWrapper.poetryInset
{
margin-left: 2.6rem;
}

div.firstWord
{
display: block;
float: left;
height: 4.2rem;
min-width: 3.6rem;
padding: 2.1rem;
margin: -3rem 0.55rem -1.25rem -1.5rem;
text-align: center;


border-radius: 1.75rem;
color: hsla(54,100%,60%,1.00);
}

div.firstWordAlt
{
display: block;
float: left;
height: 3.15rem;
min-width: 3.6rem;
padding: 0.8rem 1.6rem 1rem 1.2rem;
margin: -2.3rem 0.35rem -2.25rem -1.5rem;
text-align: center;


border-radius: 16px;
color: hsla(54,100%,60%,1.00);
}

.dropCap
{
font-family:  noto-serif;
font-style: normal;
font-weight: 900;
font-style: normal;
font-size: 2.1rem;
float: left;
line-height: 6rem;
margin-top: -1.4rem;
margin-right: 0.2rem;
display: block;
clear: left;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 19px hsla(53,100%,97%,0.70), -1px -1px 19px hsla(53,100%,97%,0.70), -1px -1px 21px hsla(53,100%,97%,0.70), -1px -1px 21px hsla(53,100%,97%,0.70);
}

.secondLetter
{
font-family:  noto-serif;
font-weight: 900;
font-style: normal;
font-size: 1.6rem;
margin-top: -0.2rem;
float: left;
display: inline-block;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70);
}

html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWordAlt.colouredBackground span.secondLetter
{
margin-top: -0.2rem;
}

.secondLetterAlt
{
font-family:  noto-serif;
font-weight: 900;
font-style: normal;
font-size: 2.6rem;
margin-top: -0.35rem;
display: inline-block;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70);
}

.verseHeadingProse
{
float: left;
margin: -0.01rem 2.8rem 0 -1.85rem;
clear: left;
}

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.firstWordWrapper span.verseHeadingProse
{
margin-left: -1.75rem;
}

div.firstWord.colouredBackground a span.reference
{
color: inherit;
text-shadow: inherit;
}

/* dropcap paragraph styling repair

p.opening,
.bibleContent p.opening,
html.js.no-touch body section.pageStyling section.bibleContent p.opening
{
text-indent: 0.8rem;
display: inline;
}

/* end of dropcaps page text opening */

/* END OF DROPCAPS PAGE TEXT OPENING original */

/* DROPCAPS PAGE TEXT OPENING */

/* dropcap styling */
html body div.page-wrapper div.columns div.column div.firstWordWrapper,
html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper,
div.firstWordWrapper {
margin-top: 2.5rem;
margin-left: 1.8rem;
break-before: avoid-column;
break-inside: avoid-column;
}

html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWord,
div.firstWord {
float: left;
height: 4.2rem;
min-width: 3.6rem;
padding: 2rem 2.6rem 3.8rem 16px;
margin: -3rem -1.95rem -4.25rem -3.5rem;
margin: -2.55rem -1.95rem -4.25rem -3.5rem;
text-align: center;
border-radius: 1.75rem;
color: hsla(54, 100%, 60%, 1.00);
break-before: avoid-column;
break-inside: avoid-column;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper div.firstWord div.colouredBackground2 span.dropCap,
html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWord div.colouredBackground2 span.dropCap,

.dropCap {
font-family: noto-serif;
font-style: normal;
font-weight: 900;
font-style: normal;
font-size: 2.1rem;
float: left;
margin-top: -0.8rem;
margin-right: 0.2rem;
clear: left;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53, 100%, 97%, 0.70), -1px -1px 18px hsla(53, 100%, 97%, 0.70), -1px -1px 19px hsla(53, 100%, 97%, 0.70), -1px -1px 19px hsla(53, 100%, 97%, 0.70), -1px -1px 21px hsla(53, 100%, 97%, 0.70), -1px -1px 21px hsla(53, 100%, 97%, 0.70);
}

html body div.page-wrapper div.columns div.column div.firstWordWrapper div.firstWord div.colouredBackground2 span.dropCap
{
margin-top: -0.3rem;
margin-right: 0.2rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper.no-chapter {
margin-left: -3.8rem;
padding-left: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper.no-chapter div.firstWord div.colouredBackground2 span.dropCap {
font-size: 2.75rem;
margin-top: -0.8rem;
}

html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWord div.colouredBackground2 span.secondLetter,
.secondLetter {
font-family: noto-serif;
font-weight: 900;
font-style: normal;
font-size: 1.6rem;
margin-top: 0.35rem;
float: left;
break-before: avoid-column;
break-inside: avoid-column;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53, 100%, 97%, 0.70), -1px -1px 18px hsla(53, 100%, 97%, 0.70);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper.no-chapter div.firstWord div.colouredBackground2 span.secondLetter {
font-size: 1.75rem;
margin-top: 0.075rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper span.verseHeadingProse,
.verseHeadingProse {
float: left;
margin: -0.18rem 3rem 0 2.5rem;
clear: left;
break-before: avoid-column;
break-inside: avoid-column;
}

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.firstWordWrapper span.verseHeadingProse {
margin-left: 16px;
break-before: avoid-column;
break-inside: avoid-column;
margin-right: -3rem;
}

div.firstWord.colouredBackground a span.reference {
color: inherit;
text-shadow: inherit;
}

/* dropcap paragraph styling repair */

p.opening,
.bibleContent p.opening,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening,
html.js.no-touch body section.pageStyling section.bibleContent p.opening {

break-before: avoid-column;

}

html body div.page-wrapper div.columns div.column div.firstWordWrapper div.firstWord div.colouredBackground2,
html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWord div.colouredBackground2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper div.firstWord div.colouredBackground2,
div.colouredBackground2 {
display: inline-block;
padding: 1.6rem 1.6rem 1.6rem 1.4rem;
margin-top: -1.45rem;
margin-right: -1rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#60b3f7+0,5cd0ed+21,7db9e8+60&1+0,0+68,0+77 */


background: radial-gradient(ellipse at center, hsla(207, 91%, 67%, 1) 0%, hsla(192, 80%, 65%, 0.69) 21%, hsla(206, 70%, 70%, 0.12) 60%, hsla(206, 70%, 70%, 0) 68%, hsla(206, 70%, 70%, 0) 77%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60b3f7', endColorstr='#007db9e8', GradientType=1);
/* IE6-9 fallback on horizontal gradient */

}

/* end of dropcaps page text opening */

/* END OF DROPCAPS PAGE TEXT OPENING */

/*  _____________________________________________________________________________

21. COLUMNS
_____________________________________________________________________________

*/

html body section.pageStyling {
padding-top: 100px;

}

html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns h2 {
text-align: center;
font-family: Noto Serif;
font-size: 1.2rem;
font-weight: 200;
font-style: italic;
margin: 0.75rem auto;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.nowrap {
white-space: nowrap;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns p.PoetryParagraph {
margin: 0.5rem -1rem 0 0;
text-indent: 0;
padding: 0 0 0 2rem;
line-height: 1.6;
white-space: normal;
overflow: visible;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.poetryTextIndent {
margin: 0.5rem -1rem 0.5rem 3rem;
text-indent: 0;
padding: 0 0.2rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList span.poetryIndentBlock span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.paragraphList.topMediumPadding span.poetryIndentBlock span.verse.noMargin,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList.topMediumPadding span.verse.noMargin,
p.poetryTextIndent span.verse.noMargin,
span.verse.noMargin,
.noMargin {
margin: 0 -0.1rem 0 -0.2rem;
padding: 0;
float: none;
display: inline-block;
vertical-align: baseline;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2 br {
line-height: 2rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper p.PoetryParagraph span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv span.poetrySecondLetterDropCap br,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper p.PoetryParagraph span.poetryHeadingDiv span.poetrySecondLetterDropCap br,
span.poetrySecondLetterDropCap br {
line-height: 22px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.nowrap span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock br {
line-height: 19px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv span.poetrySecondLetterDropCap,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock {
line-height: 1.6rem;
}

/*
{
break-inside: auto;
}*/


.verse,
.verseHeadingProse,
html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper span.verseHeadingProse,
section.letter p span.verse,
section.letter p.Message span.verse,
section.letter p.textBlock span.verse {
font-size: 16px;
color: hsl(210deg 100% 65.68%);
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
text-shadow: none;
line-height: 12px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv.condensed.nowrap span.verseHeadingPoetry.condensed {
font-size: 18px;
color: hsla(210, 100%, 80%, 1);
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
text-shadow: none;
line-height: 12px;
margin-top: 14px;
}

h2.chapter {
margin-bottom: -1rem;
}



html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList span.poetryIndentBlock span.paragraphListBreak {
display: inline-block;
margin-bottom: -1.15rem;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph {
margin: 0.5rem -1rem 0 0;
text-indent: 0;
padding: 0 0 0 2rem;
line-height: 1.6;
text-align: left;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns p.PoetryParagraph {
margin: 0.5rem 0 0 0;
text-indent: 0;
padding: 0 0 0 2rem;
line-height: 1.6;
white-space: normal;
overflow: visible;
}



html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv span.verseHeadingPoetry {
margin: 1.2rem 3.6rem -1.5rem -2.7rem;
margin: 1.2rem 2.6rem -1.5rem -2rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv span.verseHeadingPoetry.nowrap {
margin-right: 29px;
margin: 0;
margin-top: 9px;
margin-left: -30px;
float: left;
clear: left;
}

/* Psalm specifications */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.poetryTextIndent {
margin: 0.5rem -1rem 0.5rem 0rem;
text-indent: 0;
padding: 0 0.2rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph {
padding-top: 0;
margin-top: 0.5rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryIndentBlock {
padding-left: 16px;
display: block;
text-indent: 0;
}


/* COLUMNS non Psalms poetry and prose, i.e. Song of Songs  --------------------------------------------------------------------------------------------------------------------*/


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper div.firstWord div.colouredBackground2 span.dropCap {
font-size: 2.75rem;
margin-top: -1rem;
margin-top: -14px;
}

html body div.page-wrapper div.columns div.column div.firstWordWrapper div.firstWord div.colouredBackground2 span.secondLetter,
html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWord div.colouredBackground2 span.secondLetter,
.secondLetter {
font-family: noto-serif;
font-weight: 900;
font-style: normal;
font-size: 1.6rem;
margin-top: 0.35rem;
margin-top: 2px;
float: left;
break-before: avoid-column;
break-inside: avoid-column;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53, 100%, 97%, 0.70), -1px -1px 18px hsla(53, 100%, 97%, 0.70);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper {
margin-left: -3.8rem;
padding-left: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper span.verseHeadingProse,
.verseHeadingProse {
float: left;
margin: -0.18rem 3rem 0 2.5rem;
margin: -0.18rem 3rem 0 62px;
clear: left;
break-before: avoid-column;
break-inside: avoid-column;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper div.firstWord,
html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWord,
div.firstWord {
float: left;
height: 4.2rem;
min-width: 3.6rem;
padding: 2rem 25px 40px 16px;
margin: -3rem -1.95rem -4.25rem -3.5rem;
margin: -2.55rem -1.95rem -4.25rem -3.5rem;
margin: -2.55rem -1.95rem -4.25rem -1.5rem;
text-align: center;
border-radius: 1.75rem;
color: hsla(54, 100%, 60%, 1.00);
break-before: avoid-column;
break-inside: avoid-column;
}

html body div.page-wrapper div.columns div.column div.firstWordWrapper div.firstWord
{
padding: 2rem 25px 40px 18px;
margin: -2.55rem -1.95rem -4.25rem -1.5rem;
}

/* end of non Psalms poetry, i.e. Song of Songs */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlines h2.psalmH2,
h2.psalmH2 {
padding-bottom: 0.4rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.verse.noMargin {
float: none;
margin: 0;
padding: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.topMediumPadding {
padding-top: 0.5rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryBreak,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.poetryBreak,
span.poetryBreak {
display: block;
line-height: 1rem;
}



html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent span.whitetextHeader,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.light-yellow {
text-indent: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.light-yellow,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumn p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.psalmOutlinesUL,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.poetryTextIndent,
p.column-paragraph,
p.opening,
p.noIndent,
ul.psalmOutlinesUL,
ul.psalmOutlinesUL,
p.poetryTextIndent,
ol.simpleOL,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simple-full-UL,
ol.simple-full-UL {
margin: 0.5rem 0;
margin: 0.35rem 0;
white-space: strict;
text-align: justify;
hyphens: auto;
overflow-wrap: break-word;
word-break: break-word;
}

/*
overflow-wrap: normal;
word-break: normal;
}*/

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph {
text-indent: 1.15rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening,
p.opening {
text-indent: 16px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL.no-hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.light-yellow.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumn p.column-paragraph.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph.no-hyphen,
p.column-paragraph.no-hyphen,
p.opening.no-hyphen,
p.noIndent.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent span.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumn p.column-paragraph span.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening span.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent span.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.psalmOutlinesUL li.no-hyphen,
p.column-paragraph.no-hyphen,
p.opening.no-hyphen,
p.noIndent.no-hyphen,
span.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL li.no-hyphen,
ol.simpleOL li.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL.no-hyphen,
ol.simpleOL.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL.no-hyphen li,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL li.no-hyphen,
ol.simpleOL li.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simple-full-UL.no-hyphen,
ol.simple-full-UL.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simple-full-UL.no-hyphen li,
ol.simple-full-UL li.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.psalmOutlinesUL li.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.buttonOP span.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.Bible-quote2.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.no-hyphen,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.no-hyphen {
white-space: normal;
hyphens: none;
overflow-wrap: normal;
word-break: normal;
break-inside: none;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList span.textIndentBlock span.verse.noMargin {
float: none;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.Message {
font-family: noto-serif;
font-style: normal;
font-weight: 300;
margin: 0.8rem auto 0.8rem auto;
color: inherit;
text-indent: 0;
line-height: 1.7;
width: 95%;
}

/* Gold box */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBoxLeftAlt {
margin: 1.2rem auto;
padding: 2rem 0.6rem;
display: table;
width: auto;
position: relative;
font-family: noto-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.verse {
float: left;
margin-left: -2rem;
margin-top: 0.6rem;
clear: left;
font-weight: 500;
}

h3 {
text-align: center;
margin-bottom: -0.2rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv.nowrap,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper p.PoetryParagraph.nowrap span.poetryHeadingDiv span.poetrySecondLetterDropCap.nowrap,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper p.PoetryParagraph.nowrap span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock.nowrap,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper p.PoetryParagraph.nowrap,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.nowrap,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper p.PoetryParagraph span.poetryHeadingDiv,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.nowrap,
.nowrap,
span.nowrap {
white-space: nowrap;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper h2.psalmH2 br {
line-height: 20px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlines h4.whitecolumns,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h4.whitecolumns,
h4.whitecolumns {
color: white;
font-size: 1.2rem;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
margin: 1rem auto 0.7rem auto;
line-height: 1.6rem;
}

/*  Psalm poetry colored heading extra specs */

/*
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlines p.PoetryParagraph span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock
{
margin-top:-0.45rem;
margin-bottom: 0.45rem;
}

*/

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.nowrap span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock {
line-height: 22px;
}

/*

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.nowrap span.poetryHeadingDiv span.poetryFirstLetterDropCap
{
margin: 0 0 1.2rem -1.5rem;
margin: 0 0 0 -1.5rem;
line-height: 1.6rem;
}

*/

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv {
display: inline-block;
text-align: left;
line-height: 0;
margin: -0.7rem 0 -0.5rem 0rem;
white-space: normal;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.poetryHeadingDiv.chapter-number {
padding-left: 45px;
}

/* column h2 bottom margin  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2 {
margin-bottom: 16px;
}

/* superscription settings  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.superscription,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.superscription,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlines span.superscription,
span.superscription {
margin: 0 auto;
display: inline-block;
text-align: center;
width: 460px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.superscription span.superscriptionSpecs,
span.superscriptionSpecs {
margin-left: auto;
margin-right: auto;
margin-top: -10px;
margin-bottom: 20px;
white-space: normal;
text-align: left;
hyphens: none;
overflow-wrap: normal;
word-break: normal;
display: inline-block;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.superscription-topmargin {
margin-top: -6px;
margin-left: auto;
margin-right: auto;
}



/* column images specs */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns img.column-image,
img.column-image {
float: right;
clear: right;
border: 0.5px solid hsla(235, 100%, 80%, 0.63);
border-radius: 0.5rem;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.25rem 0.25rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
margin: 10px 0 3px 16px;
width: 45%;
}

/* Psalm essay quote  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.essay-quote,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.essay-quote {
float: left;
margin-left: -2.7rem;
margin-left: -2rem;
margin-top: 0.3rem;
margin-top: -0.05rem;
clear: left;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.essay-quote span.verse-essay {
line-height: 1.6rem;
font-size: 16px;
color: hsla(210, 100%, 80%, 1);
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
text-shadow: none;
}

html body section.pageStyling section.bibleContent table.PsalmEssayTable,
.PsalmEssayTable {
text-shadow: none;
margin: 0;
padding: 0;
width: 1500px;
height: 740px;
box-shadow: 10px 10px 5px hsla(0, 0%, 0%, 0.47);
border: 2px solid black;
}

/* Psalm essay tables about Psalm essay and Jesus */

html body section.pageStyling section.bibleContent table.PsalmEssayTable,
table.PsalmEssayTable {
text-shadow: none;
margin: 0;
padding: 0;
width: 1500px;
height: 730px;
box-shadow: 10px 10px 5px hsla(0, 0%, 0%, 0.47);
border: 2px solid black;
}

html body section.pageStyling section.bibleContent table tbody tr th h2 {
color: white;
margin: 0;
margin: 0 auto;
padding: 0;
text-align: center;
font-family: Noto Serif;
font-style: normal;
font-display: swap;
font-size: 20px;
font-weight: 400;
font-style: italic;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html body section.pageStyling section.bibleContent table.PsalmEssayTable tbody tr th {
font-size: 18px;
font-weight: normal;
text-shadow: 0 0 0 black, 1px 1px black, -1px -1px black, -1px 1px hsla(240, 100%, 70%, 0.5), 1px -1px hsla(240, 100%, 70%, 0.5), 3px 4px 2px hsla(0, 100%, 10%, 0.2), 3px 4px 3px hsla(0, 100%, 10%, 0.2), 3px 4px 3px hsla(0, 100%, 10%, 0.2), 3px 4px 6px hsla(0, 100%, 10%, 0.2);
}


html body section.pageStyling section.bibleContent div table.PsalmEssayTable tbody tr td,
html body section.pageStyling section.bibleContent table.PsalmEssayTable td,
table.PsalmEssayTable td {
vertical-align: middle;
border: 2px solid #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-width: 0px 1px 1px 0px;
text-align: left;
margin: -9px 14px -9px 22px;
font-size: 18px;
font-weight: 600;
color: white;
height: auto;
text-shadow: 0 0 0 black, 1px 1px black, -1px -1px black, -1px 1px hsla(240, 100%, 70%, 0.5), 1px -1px hsla(240, 100%, 70%, 0.5), 3px 4px 2px hsla(0, 100%, 10%, 0.2), 3px 4px 3px hsla(0, 100%, 10%, 0.2), 3px 4px 3px hsla(0, 100%, 10%, 0.2), 3px 4px 6px hsla(0, 100%, 10%, 0.2);
}

html body section.pageStyling section.bibleContent table.PsalmEssayTable tbody tr.trborder td.td-border,
html body section.pageStyling section.bibleContent div table.PsalmEssayTable tbody tr.trborder td.td-border {
border-left: 4px solid black;
border-left-width: 40px;
border-left: 400px dotted blue;
border-left: 1.5px solid #000000;
}

h6.h6white {
font-size: 18px;
color: white;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
text-shadow: inherit;
margin: 1rem auto 0.7rem auto;
line-height: 1.6rem;
line-height: 22px;
line-height: 28px;
text-decoration: underline;
}



h6.h6white1 {
font-size: 18px;
color: white;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
text-shadow: inherit;
margin: 12px auto 10px auto;
line-height: 1.6rem;
line-height: 28px;
line-height: 22px;
text-decoration: none;
}

h6.h6white2 {
font-size: 19px;
color: white;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
text-shadow: inherit;
margin: 29px auto -2px auto;
line-height: 24px;
text-decoration: none;
text-decoration: underline;
break-inside: auto;
letter-spacing: 1px;
word-spacing: 0.1rem;
}

h6.H6column-list {
font-size: 18px;
color: white;
text-align: center;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
text-shadow: inherit;
margin: 16px auto -9px auto;
line-height: 28px;
text-decoration: underline;
}

/* Lists */


/* ordered list styling  */

ol.customNumberingOl,
html.js.no-touch body section.pageStyling section.bibleContent ol.customNumberingOL {
list-style-type: none;
margin: 0;
margin: 0.8rem 0 0.8rem 2rem;
padding: 0;
line-height: 1.5;
counter-reset: li;
}

ol.customNumberingOl li,
html.js.no-touch body section.pageStyling section.bibleContent ol.customNumberingOL li {
/*  counter-increment: step-counter;  */
counter-increment: OrderedList;
position: relative;
margin: 10px 0 0 0;
}

html.js.no-touch body section.pageStyling section.bibleContent ol.customNumberingOL li::before,
ol.customNumberingOL li::before {
margin-left: -3rem;
/* Also needed for space (tweak if needed) */
/* content: counter(step-counter); */
content: "("counter(OrderedList, lower-alpha) ") ";
display: inline-block;
position: absolute;
top: 3px;
/* Adjust < -number | number+ > */
width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
color: hsla(220, 100%, 78%, 1);
font-weight: 500;
font-size: 18px;
text-shadow: 0 0 0 black, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

ol.customNumberingOl li.noIcon,
html.js.no-touch body section.pageStyling section.bibleContent ol.customNumberingOL li.noIcon {
list-style: none;
/*  counter-increment: step-counter;  */
counter-increment: none;
position: relative;
margin: 25px 0 0 0;
}

ol.customNumberingOl li.noIcon::before,
html.js.no-touch body section.pageStyling section.bibleContent ol.customNumberingOL li.noIcon::before,
li.noIcon::before {
content: none;
color: hsla(4, 100%, 78%, 0);
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 2rem;
/* Also needed for space (tweak if needed) */
margin-left: -2rem;
/* Also needed for space (tweak if needed) */
}

/* end of ordered list styling  */

ul.psalmOutlinesUL,
ul.psalmOutlinesUL li {
list-style: none;
/* Remove default bullets */
margin: 0;
padding: 0;
padding-left: 15px;
width: 460px;
line-height: 1.7;
font-style: normal;
font-size: 18px;
line-height: 1.5;
letter-spacing: 1.1px;
word-spacing: 0.1rem;
color: hsla(59, 100%, 54%, 1);
}

span.ul-wrapper {
display: inline-block;
margin-left: 16px;
}

ul.psalmOutlinesUL,
html.js.no-touch body section.pageStyling section.bibleContent ul.psalmOutlinesUL {
margin: 0.8rem 0 0.8rem -2rem;
color: hsla(59, 100%, 54%, 1);
width: 480px;
display: block;
}

html.js.no-touch body section.pageStyling section.bibleContent ul.psalmOutlinesUL li::before,
ul.psalmOutlinesUL li::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: hsla(220, 100%, 78%, 1);
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1.6rem;
/* Also needed for space (tweak if needed) */
margin-left: -1.6rem;
/* Also needed for space (tweak if needed) */
}

html.js.no-touch body section.pageStyling section.bibleContent ul.psalmOutlinesUL li,
ul.psalmOutlinesUL li,
html.js.no-touch body section.pageStyling section.bibleContent ul li,
{
color: hsla(59, 100%, 54%, 1);
margin: 0.65rem 0;
}

html.js.no-touch body section.pageStyling section.bibleContent ul.psalmOutlinesUL li.noIcon,
ul.psalmOutlinesUL li.noIcon {
color: hsla(59, 100%, 54%, 1);
margin: 0.65rem 0;
}

ul.psalmOutlinesUL li.noIcon::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: hsla(4, 100%, 78%, 0);
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 2rem;
/* Also needed for space (tweak if needed) */
margin-left: -2rem;
/* Also needed for space (tweak if needed) */
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL,
ol.simpleOL {
margin: 0;
padding: 0;
font-size: 18px;
counter-increment: item;
line-height: 2;
width: 680px;
width: auto;
width: 100%;
column-width: 20em;  display: block;
hyphens: auto;
hyphenate-limit-chars: 8 3 4;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL li,
ol.simpleOL li {
line-height: 1.65;
width: auto;
width: 100%;
column-width: 20em;
margin: 0;
padding: 0;
margin: 6px;
margin-left: 0px;
}

.simpleOL li strong {
display: inline-block;       /* makes it act like a heading */
margin-bottom: 6px;   /* space under the title */
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL.wide-linespace,
ol.simpleOL.wide-linespace,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.simpleOL li.wide-linespace,
ol.simpleOL li.wide-linespace {
line-height: 22px;
}

.simpleOL {
list-style-position: inside; /* keeps numbers aligned nicely */
}

.simpleOL li::marker {
color: white; /* makes the numbers white */
font-weight: bold; /* optional: makes numbers stand out */
}


/*
UL simple full column width OL  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.simple-full-UL,
ul.simple-full-UL {
margin-left: -1.25rem;
margin-bottom: 20px;
font-size: 18px;
line-height: 20px;
width: 100%;
counter-increment: item;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.simple-full-UL li,
ul.simple-full-UL li {
line-height: 20px;
margin: 10px;
margin-left: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.simple-full-UL.wide-linespace,
ul.simpleOL.wide-linespace,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.simple-full-UL li.wide-linespace,
ul.simpleOL li.wide-linespace {
line-height: 26px;
}


/* Ordered list for Bible references modified

/* ordered list for index of topics css  */

ol.Bible-reference-ol {
margin-left: -1rem;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 1.4rem;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
color: white;
counter-increment: none;
white-space: nowrap;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ol.Bible-reference-ol li {
margin-bottom: 10px;
margin-left: 0.4rem;
}

/* ordered list from psalm essay introduction from here  */


ol.column-list2 {
margin: 0;
padding: 0;
font-size: 17px;
color: white;
line-height: 0;
white-space: nowrap;
}

ol.column-list2 li {
line-height: 0;
margin: 28px 0;
}

ol.column-list2 li span.poetryIndentBlock {
margin: 22px 0 0 5px;
display: inline-block;
}

ol.sub-list {
margin: 0;
padding: 0;
font-size: 17px;
line-height: 0;
}

ol.sub-list li {
line-height: 0;
margin-left: 16px;
}

ol.sub-list li span.poetryIndentBlock {
margin: 22px 0 0 17px;
display: inline-block;
}

ol.column-list2,
ol.sub-list {
list-style-type: none;
counter-reset: item;
}

ol.column-list2 li,
ol.sub-list li {
counter-increment: item;
}

ol.column-list2 li:before,
ol.sub-list li:before {
content: counters(item, ".") ". ";
}

ol.column-list2 li li:before {
content: counters(item, ".") " ";
}

/* OL COLUMN LIST 3  */

ol.column-list3 {
padding: 0;
margin: 30px auto 30px auto;
margin: 0;
font-size: 17px;
color: white;
line-height: 0;
white-space: nowrap;
white-space: normal;
}

ol.column-list3 li {
line-height: 0;
margin: 28px 0;
}


ol.column-list3 li span.poetryIndentBlock {
margin: 22px 0 0 15px;
display: inline-block;
}

ol.column-list3 {
list-style-type: none;
counter-reset: item;
text-align: left;
}

ol.column-list3 li {
counter-increment: item;
}

ol.column-list3 li:before {
content: "Reference "counters(item, ".") ". ";
}

/* OL COLUMN LIST 3  */


/*  Reference Number to start from different reference number */

ol.column-list4 {
margin: 0;
padding: 0;
font-size: 17px;
color: white;
line-height: 0;
white-space: nowrap;
counter-increment: start 6;
}

ol.column-list4 li {
line-height: 0;
margin: 28px 0;
}


ol.column-list4 li span.poetryIndentBlock {
margin: 22px 0 0 15px;
display: inline-block;
}

ol.column-list4 {
list-style-type: none;
counter-reset: item;
}

ol.column-list4 li {
counter-increment: item;
}

ol.column-list4 li:before {
/*content: "Reference " counters(item, ".") ". ";*/
content: "Reference "counter(start, decimal) ". ";
counter-increment: start;
}

/* OL COLUMN LIST 5  */

ol.column-list5 {
margin: 0;
padding: 0;
font-size: 17px;
color: white;
line-height: 0;
white-space: nowrap;
}

ol.column-list5 li {
line-height: 0;
margin: 35px 0;
}


ol.column-list5 li span.poetryIndentBlock {
margin: 25px 0 0 15px;
display: inline-block;
}

ol.column-list5 {
list-style-type: none;
counter-reset: item;
}

ol.column-list5 li {
counter-increment: item;
}

ol.column-list5 li:before {
content: "Reference "counters(item, ".") ". ";
}

/* OL COLUMN LIST 5  */

.greek2 {
font-size: 16px;
letter-spacing: 1.2px;
margin: -3rem 0.25rem 0 -0.95rem;
display: inline-block;
/*font-family: 'robotomedium';*/
}


/* h1 styling */

h1,
h2,
div.column h2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2,
html body h2 {
color: white;
display: block;
margin: 12px auto 0 auto;
text-align: center;
font-family: Noto Serif;
font-family: "Noto Sans Display", sans-serif;
font-display: swap;
font-size: 1.25rem;
font-weight: 400;
font-style: italic;
font-style: normal;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
}

h1,
h2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2.ordered-list,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2.ordered-list,
h2.ordered-list {
color: white;
display: block;
margin: 12px auto;
margin-bottom: 0px;
text-align: center;
font-family: "Noto Serif";
font-style: normal;
font-display: swap;
font-size: 20px;
font-weight: 400;
font-style: italic;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
max-width: 490px;
}

h3 {
color: white;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin: 14px 0 0px 0;
text-align: center;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px hsla(240, 100%, 10%, 0.2), 1px 1px 7px hsla(244, 100%, 10%, 0.15), 1px 1px 8px hsla(240, 100%, 10%, 0.15), 1px 1px 9px hsla(240, 100%, 10%, 0.15), 1px 1px 10px hsla(244, 100%, 10%, 0.15), 1px 1px 11px hsla(240, 100%, 10%, 0.15);
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.buttonOP {
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 19px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 12px auto 12px auto;
/* background: linear-gradient(to bottom, hsla(234, 100%, 33%, 0.85) 0%, hsla(200, 100%, 33%, 0.75) 43%, hsla(201, 100%, 31%, 0.75) 55%, hsla(234, 100%, 33%, 0.86) 100%);*/
background: linear-gradient(to bottom, #2f08ec 5%, #073784 100%);
opacity: 1;
width: 100%;
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1);
border-radius: 2px;
padding-left: 0;
padding-right: 0;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.buttonBlack {
box-shadow: inset 0px 1px 0px 0px #97c4fe;
background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
background-color: #3d94f6;
border-radius: 0.5rem;
border: 1px solid #337fed;
display: inline-block;
cursor: pointer;
color: hsla(229, 91%, 98%, 1);
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1);
font-family: inherit;
font-size: inherit;
font-weight: 600;
padding: 0.4rem 0.9rem;
text-decoration: none;
line-height: 1.2rem;
opacity: 0.7;
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 19px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 12px auto 16px auto;
background: linear-gradient(to bottom, hsla(120, 0%, 49%, 1) 0%, hsla(0, 0%, 5%, 1) 100%);
opacity: 1;
width: 100%;
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1);
border-radius: 2px;
padding-left: 0;
padding-right: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.buttonOP.nowrap {
padding-left: 0;
padding-right: 0;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns button.buttonOP2 {
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 19px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 0 auto;
/* margin-top: 17px; */
margin-bottom: 16px;
margin: 0 auto 20px auto;
background: linear-gradient(to bottom, #2f08ec 5%, #073784 100%);
background: linear-gradient(to bottom, hsla(217, 100%, 67%, 1) 0%, hsla(230, 93%, 54%, 1) 37%, hsla(250, 93%, 48%, 1) 66%, hsla(217, 90%, 27%, 1) 100%);
opacity: 1;
width: 100%;
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1);
border-radius: 2px;
border: 2px solid hsla(212, 67%, 36%, 1);
padding-left: 0;
padding-right: 0;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns img.centeredImage,
img.centeredImage {
margin: 0;
padding: 0;
margin: 20px auto 20px auto;
text-align: center !important;
text-shadow: none !important;
float: none;
color: white;
border: none;
width: 480px;
box-shadow: none;
border-radius: 0;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.image-holder,
div.image-holder {
text-align: center;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h3 a.ambientGlow {
margin: 0;
padding: 0;
margin: 10px auto;
}



hr.half,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.half,
html.js.no-touch body section.pageStyling section.bibleContent hr.half,
div.divOutlines hr.half,

hr.fr,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.fr,
html.js.no-touch body section.pageStyling section.bibleContent hr.fr,
div.divOutlines hr.fr hr.balanceQuote,
html.js.no-touch body section.pageStyling section.bibleContent hr.balanceQuote,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.balanceQuote,

hr.quarter,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns hr.quarter,
html.js.no-touch body section.pageStyling section.bibleContent hr.quarter,
div.divOutlines hr.quarter {
display: inline-block;
width: 475px;
width: 100%;
}

div#multicolumns {
text-align: center;
margin: 0 auto;
}


div#columnoverlay {
display: grid;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.textBreak,
p.textBreak {
margin: 8px;
text-align: justify;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns p.PoetryParagraph {
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 0.1rem;
text-shadow: none;
text-align: left;
margin: 10px 0;
text-indent: 0;
line-height: 1.6rem;
white-space: nowrap;
white-space: normal;
overflow: visible;
max-width: 480px;
border: 0;
padding: 0;
padding-left: 38px;
display: block;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph span.verse {
float: left;
margin-left: -38px;
margin-top: 0.19rem;
clear: left;
}


/* hyphens class where needed */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.light-yellow.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumn p.column-paragraph.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.poetryTextIndent.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph.hyphens,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns p.PoetryParagraph.hyphens,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns ul.psalmOutlinesUL li.hyphens,
p.column-paragraph.hyphens,
p.opening.hyphens,
p.noIndent.hyphens,
p.poetryTextIndent.hyphens,
*.hyphens {
white-space: normal;
hyphens: none;
}

/* end of hyphens class where needed */

img.popup {
float: none;
border: 3px solid white;
border-radius: 0.5rem;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
margin: 16px auto;
text-align: center;
}

img.popup2 {
float: none;
border: 3px solid white;
border-radius: 0.5rem;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
margin: 8px auto;
text-align: center;
}

/* plain column image */

img.plain {
float: none;
border: none;
border-radius: 0;
box-shadow: none;
color: transparent;
font-size: 0;
font-family: none;
text-align: center;
margin: 0 auto;
padding: 0;
}



.verse,
.verseHeadingProse,
section.letter p span.verse,
section.letter p.Message span.verse,
section.letter p.textBlock span.verse,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p,
.bibleContent p,
.content p,
div p,
p {
line-height: 1.65;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent.light-yellow,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumn p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.poetryTextIndent,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns p.column-paragraph,
p.noIndent,
p.poetryTextIndent {
line-height: 1.65;
border: 0;
display: block;
hyphens: auto;
hyphenate-limit-chars: 8 3 4;
/* Numeric values
hyphenate-limit-chars: 8 3 4;
hyphenate-limit-chars: 10 4;
hyphenate-limit-chars: 10; */
}




html.js.no-touch body section.pageStyling section.bibleContent div#columnoverlay {
display: grid;
/*padding:15em;
padding:0;
margin:300px;
column-gap: 1em;
gap: 1rem;
column-gap:30px;*/

justify-content: space-between;
column-width: 580px
}

/*   COLUMN IMAGE SPECS   */

/* column div image float right specs */
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.column-float,
div.column-float {
float: right;
text-align: center;
}

/* column float right images specs */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns img.column-image,
img.column-image {
width: 194px;
height:248px;
float: none;
display: inline;
border: 1.6px solid hsla(227, 100%, 100%, 0.65);
border-radius: 0.5rem;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.25rem 0.25rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: white;
margin: 10px 0 3px 16px;
width: 280px;
}

/* end of column float right  images specs */

/* column div centered image non float specs */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.centered-image,
div.centered-image {
float: none;
text-align: center;
}

/* column centered image non float specs */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns img.column-centered-image,
img.column-centered-image {
float: none;
display: inline;
border: 1.6px solid hsla(227, 100%, 100%, 0.65);
border-radius: 0.5rem;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.25rem 0.25rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: white;
margin: 10px auto 3px auto;
width: 95%;
}

/* end of column centered image non float specs */

/*   END OF COLUMN IMAGE SPECS   */

h6.column-image-text {
float: none;
display: inline-block;
margin: 6px auto 0 auto;
text-align: center;
color: white;
font-size: 12px;
font-weight: 400;
max-width: 104%;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper span.verseHeadingProse,
.verseHeadingProse {
float: left;
margin: -0.18rem 3rem 0 125px;
clear: left;
break-before: avoid-column;
break-inside: avoid-column;
}


h2.chapter-heading,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2.chapter-heading {
margin: 35px auto -6px auto;
display: block;
}



span.hyphen-limit,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening span.hyphen-limit {
hyphenate-limit-chars: 8 3 4;
hyphens: auto;
/* Numeric values
hyphenate-limit-chars: unset;
hyphenate-limit-chars: 8 3 4;
hyphenate-limit-chars: 10 4;
hyphenate-limit-chars: 10; */
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.opening,
p.opening {
border: 0;
display: block;
hyphens: auto;
hyphenate-limit-chars: 8 3 4;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph,
p.PoetryParagraph {
border: 0;
display: block;
text-align: left;
hyphens: auto;
hyphenate-limit-chars: 8 3 4;
/* Numeric values
hyphenate-limit-chars: 8 3 4;
hyphenate-limit-chars: 10 4;
hyphenate-limit-chars: 10; */
}

/*  select and screen unnecessary css from here down */



section.prayer div#firstLineLarge .verseHeadingPoetry {
color: hsla(240, 100%, 90%, 1);
}


section.prayer {
color: hsla(0, 0%, 98%, 1.00);
text-shadow: 0 0 0 white, 1px 1px 1px hsla(0, 0%, 0%, 0.7), 1px 1px 2px hsla(0, 0%, 0%, 0.9), 1px 1px 3px hsla(0, 0%, 0%, 0.8), 1px 1px 4px hsla(60, 90%, 15%, 0.9), 1px 1px 4px hsla(60, 90%, 15%, 0.7), -1px -1px 1px hsla(60, 90%, 15%, 0.8);
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer,
section.prayer,
section.prayer p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer p.column-paragraph,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.noIndent,
section.prayer p.noIndent {
font-style: italic;
}


/* END OF select and screen unnecessary css from here down

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer p.noIndent
{
line-height: 1.85rem;
padding: 0;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 0.1rem;
}
*/

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer span.man,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer p.PoetryParagraph {
font-style: italic;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph,
p.column-paragraph {
color: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 0.1rem;
text-shadow: none !important;
line-height: 1.65;
margin: 0.35rem 0;
text-align: justify;
overflow-wrap: break-word;
word-break: break-word;
text-indent: 28px;
border: 0;
display: block;
hyphens: auto;
hyphenate-limit-chars: 6 3 4;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList,
p.paragraphList {
text-indent: 0;
max-width: 445px;
text-align: justify;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
text-align: justify;
line-height: 1.65;
text-indent: 0;
margin: 12px 0;
padding-left: 40px;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList span.verse,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.paragraphList span.verse html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.subParagraphList span.verse,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumnst p.subParagraphList span.verse {
float: left;
text-indent: 0.2rem;
margin-left: -43px;
margin-top: 0rem;
vertical-align: top;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumnst p.subParagraphList,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumnst p.subParagraphList {
text-indent: 0;
margin-left: 2.35rem;
margin-top: -0.5rem;
margin-bottom: 16px;
width: 490px;
text-align: justify;
}


/* LETTER Section css */


section.letter {
color: hsla(226, 100%, 81%, 1);
text-shadow: 1px 1px 1px hsla(226, 100%, 74%, 0.5);
}

html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock {
text-shadow: 1px 1px 1px hsla(226, 100%, 74%, 0.5);
}

section.letter .LORD {
text-shadow: 1px 1px 1px hsla(226, 100%, 74%, 0.5);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter span.emDash {
font-family: "noto-serif-condensed", serif;
font-weight: 300;
font-style: italic;
font-size: 20px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter section.letter,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter section.letter p.paragraphList,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter section.letter p.subParagraphList,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter section.letter p.PoetryParagraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter section.letter p.textBlock,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.noIndent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.column-paragraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.PoetryParagraph,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.paragraphList,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.textBlock,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.opening,
section.letter .smallCaps,
section.letter {
color: hsla(190, 100%, 92%, 1);
font-family: "noto-serif-condensed", serif;
font-weight: 300;
font-style: italic;
font-size: 18px;
text-shadow: 0 0 0 hsl(246, 100%, 15%), 0 -1px 1px hsl(246, 100%, 15%), 0 1px -1px hsl(246, 100%, 15%);
margin: 0.6rem auto;
letter-spacing: 1.2px;
line-height: 1.75;
text-align: justify;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
hyphenate-limit-chars: 8 3 4;
}

section.letter p span.verse,
section.letter p.Message span.verse,
section.letter p.textBlock span.verse,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.textBlock span.verse,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p span.verse,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter span.poetryHeadingDiv span.verseHeadingPoetry {
color: hsla(80, 100%, 84%, 1);
color: hsla(210, 100%, 80%, 1);
font-weight: 300;
word-spacing: 0.1rem;
text-indent: 0;
text-align: justify;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
hyphenate-limit-chars: 8 3 4;
letter-spacing: 1.2px;
font-family: "noto-serif-condensed", serif;
font-weight: 300;
font-style: italic;
font-size: 16px;
text-shadow: 0 0 0 hsl(246, 100%, 15%), 0 -1px 1px hsl(246, 100%, 15%), 0 1px -1px hsl(246, 100%, 15%);
line-height: 1.75;
color: hsla(80, 100%, 84%, 1);
font-weight: 400;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter p.textBlock {
margin-left: -1rem;
}


/* LETTER section fancy heading text  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter span.poetryHeadingDiv span.poetryFirstLetterDropCap {
font-size: 32px;
font-family: "noto-serif-condensed", serif;
font-weight: 400;
font-style: italic;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.letter span.poetryHeadingDiv span.poetrySecondLetterDropCap {
font-family: "noto-serif-condensed", serif;
font-weight: 400;
font-style: italic;
font-size: 24px;
}

/* end of LETTER Section css  */


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.PoetryParagraph {
hyphens: auto;
white-space: normal;
line-height: 1.8rem;
text-align: justify;
}

/* Poetry heading css specifications */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.poetryHeadingDiv span.poetryFirstLetterDropCap.condensed,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.poetryHeadingDiv span.poetrySecondLetterDropCap.condensed,
span.poetrySecondLetterDropCap.condensed,
.condensed {
font-family: noto-serif-extracondensed, serif;
line-height: 30px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.poetryHeadingDiv span.poetryFirstLetterDropCap.condensed,
.condensed {
padding-right: 0rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.divOutlinesWrapper span.poetryHeadingDiv span.poetrySecondLetterDropCap.condensed,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.poetryHeadingDiv.chapter-number span.poetrySecondLetterDropCap.condensed,
span.poetrySecondLetterDropCap.condensed,
.condensed {
font-weight: 400;
font-size: 1.25rem;
}




.poetryHeadingDiv,
html.js.no-touch body section.pageStyling section.bibleContent span.poetryHeadingDiv {
color: hsla(59, 100%, 54%, 1);
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 0.1rem;
text-shadow: none !important;
display: inline-block;
display: block;
text-align: left;
line-height: 2rem;
white-space: nowrap;
margin: 5px 0 -40px 100px;
padding-left: 17px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.poetryHeadingDiv span.verseHeadingPoetry,
span.verseHeadingPoetry {
letter-spacing: 1px;
word-spacing: 0.1rem;
text-align: left;
line-height: 2rem;
display: block;
white-space: nowrap;
font-size: 0.85rem;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
margin: 1.2rem 3.6rem 10px -2.7rem;
margin-left: -3.5rem;
display: inline-block;
color: hsla(240, 100%, 85%, 1);
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.poetryHeadingDiv span.poetryFirstLetterDropCap,
.poetryFirstLetterDropCap {
letter-spacing: 1px;
word-spacing: 0.1rem;
text-align: left;
line-height: 2rem;
white-space: nowrap;
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), 0px 0px 3px hsla(0, 0%, 0%, 1.00), -1px -1px 1px black, -1px -1px 2px black, -1px -1px 3px black, 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 4px 4px 4px black, 5px 5px 5px black, 20px 20px 150px hsla(308, 100%, 90%, 0.9), -20px -20px 150px hsla(308, 100%, 90%, 0.9), 30px 30px 100px hsla(0, 0%, 100%, 0.9), -30px -30px 100px hsla(0, 0%, 100%, 0.9), 20px 20px 80px hsla(0, 0%, 100%, 0.9), -20px -20px 80px hsla(0, 0%, 100%, 0.9), 15px 15px 70px hsla(308, 100%, 50%, 0.9), -15px -15px 70px hsla(308, 100%, 50%, 0.9), 10px 10px 40px hsla(308, 100%, 50%, 0.9), -10px -10px 40px hsla(308, 100%, 50%, 0.9), 5px 5px 30px hsla(308, 100%, 50%, 0.9), -5px -5px 30px hsla(308, 100%, 50%, 0.9), 1px 1px 20px hsla(0, 0%, 100%, 0.5), -1px -1px 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), -3px -3px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), -1px -1px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0, 0%, 0%, 1), 0 0 0 hsla(59, 100%, 75%, 1.00), 0 0 2px hsla(0, 0%, 0%, 1), 0 0 0px hsla(59, 100%, 75%, 1.00);
padding-left: 0.2rem;
padding-right: 0.2rem;
font-family: Noto Serif;
font-style: normal;
font-weight: 600;
font-size: 32px;
display: inline;
color: hsla(59, 100%, 75%, 0.7);
margin: 0 0 1.2rem -1.5rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.poetryHeadingDiv span.poetrySecondLetterDropCap,
.poetrySecondLetterDropCap {
letter-spacing: 1px;
word-spacing: 0.1rem;
text-align: left;
white-space: nowrap;
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), -1px -1px 1px black, -1px -1px 2px black, -1px -1px 3px black, 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 5px 5px 30px hsla(308, 100%, 50%, 1), 20px 20px 50px hsla(308, 100%, 50%, 1), 0px 0px 30px hsla(308, 100%, 50%, 1), 0px 0 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), 0px 0px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), 0px 0px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0, 0%, 0%, 1), 0 0 0 hsla(59, 100%, 75%, 1.00);
display: inline;
color: hsla(59, 100%, 75%, 0.7);
font-family: Noto Serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
margin-left: -4px;
line-height: 22px;
;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock {
line-height: 0;
padding-left: 1.2rem;
margin-bottom: 25px;
display: block;
text-indent: 0;

}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns,
div#multicolumns {
display: block;
column-count: auto;
column-fill: auto;
column-span: all;
box-sizing: content-box;
break-before: avoid-column;
break-inside: auto;
margin-left: -35px;
margin-right: -35px;
column-width: 490px;
gap: 1vw;
height: 760px;
height: 830px;
height: 600px;
height: 717px;
/* chrome Bible book name 2 pane column height at 75% page zoom */
height: 810px;
/* standard 2 pane column height */
height: 692px;
height: auto;
/* AUTO FULL SCREEN */
}




html.js.no-touch body section.pageStyling section.bibleContent section.prayer span.poetryHeadingDiv span.poetryFirstLetterDropCap.quote {
margin-left: -1rem;
}

/* white text box */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.whitetextBox2 h3,
.whitetextBox2 h3 {
/* text format */
font-weight: 400;
text-shadow: inherit;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
margin: 0px auto;
padding: 10px auto;
text-align: center;
font-variant: normal;
font-style: normal;
color: white;
font-size: 19px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.whitetextBox2 {
font-size: 18px;
letter-spacing: 1px;
word-spacing: 0.1rem;
border: 2px solid grey;
display: block;
margin: 12px 0 10px 0;
position: relative;
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
color: white;
text-align: center;
line-height: 26px;
opacity: 1;
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1);
border-radius: 2px;
padding: 0;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
width: 486px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns span.whitetextBox2 p.noIndent {
font-weight: 300;
color: white;
text-shadow: 0px 1px 1px hsla(229, 91%, 11%, 1), 0 -1px -1px hsla(229, 91%, 11%, 1);
margin: 0.35rem 0;
border: 0;
display: block;
max-width: 470px;
padding: 5px 20px;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns section.prayer h2,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns h2 {
/*    line-height: 1.25;
letter-spacing: 1px;
word-spacing: 0.1rem;
color: white;
display: block;
margin: 12px auto 0 auto;
text-align: center;
font-family: Noto Serif;
font-size: 1.25rem;
font-weight: 400;
font-style: italic;*/
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
break-inside: auto;
font-weight: 500;
text-shadow: inherit;
font-family: "Noto Sans Display", sans-serif;
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: italic;
font-style: normal;
font-stretch: 90%;
/* Or a specific value like 75% */
color: white;
font-size: 21px;
line-height: 30px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 1rem auto 0.6rem auto;
margin: 12px auto 6px auto;
}


/*  GOLDBOX CONFIGURATION  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBox {
margin: 17px 0;
padding-top: 30px;
padding-bottom: 30px;
display: block;
width: 490px;
position: relative;
text-align: center;
border-radius: 0.5rem;
border: 1px double hsla(40, 79%, 34%, 1);
background: url("../_images/gold.jpg");
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBox p.PoetryParagraph {
line-height: 1.8rem;
padding: 0;
padding-left: 50px;
border: 0;
color: white;
font-family: noto-serif, Georgia, "Times New Roman", Times, serif;
text-shadow: 0 0 1px hsla(44, 100%, 15%, 1), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
text-align: left;
font-weight: 600;
font-style: normal;
font-size: 20px;
padding-top: 30px;
padding-top: 0px;
padding-bottom: 30px;
padding-bottom: 0px;
margin: 0 auto;
display: block;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBox p.PoetryParagraph span.verse {
letter-spacing: 1px;
word-spacing: 0.1rem;
text-indent: 0;
text-align: left;
hyphenate-limit-chars: 8 3 4;
hyphens: auto;
white-space: nowrap;
font-size: 16px;
color: hsla(210, 100%, 80%, 1);
font-family: "Noto Sans Display";
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
text-shadow: none;
text-shadow: 0 1px 1px hsla(210, 100%, 20%, 0.5);
line-height: 1.65;
float: left;
margin-left: -30px;
margin-top: 0.05rem;
clear: left;
}

/*  GOLDBOX LEFT CONFIGURATION  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBoxLeft {
display: block;
position: relative;
text-align: center;
border-radius: 9px;
border: 1px double hsla(40, 79%, 34%, 1);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
margin: 25px 0 25px 0;
margin: 0;
padding: 0;
background: none;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBoxLeft div.subGoldBoxLeft {
text-align: center;
margin: 0;
padding: 0;
width: 490px;
display: block;
background: url("../_images/gold.jpg");
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph {

letter-spacing: 1.1px;
word-spacing: 0.1rem;
color: white;
text-shadow: 0 0 1px hsla(44, 100%, 15%, 1), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
border: 0;
font: inherit;
margin: 0;
text-indent: 0;
padding: 0;
line-height: 1.7;
font-family: noto-serif, Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-size: 21px;
font-weight: 700;
text-align: left;
display: inline;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.goldBox p.PoetryParagraph span.Jesus {
font-style: normal;
text-indent: 0;
text-align: left;
hyphenate-limit-chars: 8 3 4;
hyphens: auto;
white-space: nowrap;
font-weight: 600;
font-family: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
word-spacing: inherit;
color: hsla(0, 100%, 75%, 1);
text-shadow: 0 1px 1px hsla(360, 100%, 21%, 1);
text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html body section.pageStyling h2.chapter-marker,
h2.chapter-marker {
margin-left: -800px;
line-height: 0;
display: block;
}

html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryIndentExtra,
div.psalmWrapper p.psalmCenter span.poetryIndentExtra,
.poetryIndentExtra {
padding-left: 4.8rem;
display: block;
}

/* White text box */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.whitetextBox,
.whitetextBox {
border: 2px solid gray;
display: table;
margin: 2rem auto 3rem auto;
position: relative;
font-family: noto-serif;
font-style: normal;
font-weight: 500;
padding: 3rem;
color: white;
font-family: noto-serif;
font-style: normal;
font-weight: 500;
}


/*  WHITE TEXT BOX  CONFIGURATION  */

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.whitetextBox,
.whitetextBox {
border: 3px solid white;
margin: 17px 15px 17px 0;
padding-top: 30px;
padding-bottom: 30px;
display: block;
position: relative;
text-align: center;
color: white;
font-style: normal;
font-weight: 300;
}


html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.whitetextBox p.PoetryParagraph {
line-height: 1.8rem;
padding: 0;
border: 0;
color: white;
font-family: noto-serif, Georgia, "Times New Roman", Times, serif;
text-shadow: 0 0 1px hsla(44, 100%, 15%, 1), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);

text-shadow: none;
text-align: left;
font-weight: 100;
font-style: normal;
font-size: 22px;
margin: 0 auto;
display: block;

letter-spacing: 1.75px;
word-spacing: 4px;
text-indent: 0;
overflow: visible;
max-width: 480px;
hyphenate-limit-chars: 8 3 4;
hyphens: auto;
white-space: nowrap;
line-height: 1.8;
border: 0;
color: white;
font-family: noto-serif;
text-shadow: none;
text-align: left;
font-weight: 100;
font-style: normal;
font-size: 22px;
margin: 0 auto;
display: block;
padding: 0 0 0 25px;
margin-right: -60px;
}


html {
background: none;
width: 2540px;
width: auto;
}

body {
width: auto;
width: 2540px;
padding-left: 707px;
background-color: darkblue;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background: black;
background-image: url('../_images/poetry-marker-full-screen.jpg');
background: url('../_images/background.jpg');
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns,
html.js.no-touch body section.pageStyling section.bibleContent div#multicolumns,
div#multicolumns {
display: block;
column-count: auto;
column-fill: auto;
column-span: all;
box-sizing: content-box;
break-before: avoid-column;
break-inside: auto;
margin-left: -35px;
margin-right: -35px;
/* 3 pane column width for Origins */
column-width: 23em;
column-width: 520px;
column-width: 20em;
column-width: 520px;
column-width: 20em;
/* gap: 1vw; */
height: 760px;
height: 830px;
height: 600px;
height: 717px;
/* chrome Bible book name 2 pane column height at 75% page zoom */
height: 810px;
/* standard 2 pane column height */
height: 692px;
height: auto;
/* AUTO FULL SCREEN */
}

p.reference {
text-indent: 0px;
font-size: 14px;
font-style: italic;
margin-left: auto;
margin-right: auto;
}

h4 {
font-weight: 500;
text-shadow: inherit;
font-family: "Noto Sans Display", sans-serif;
font-optical-sizing: auto;
text-align: center;
font-variant: normal;
font-style: italic;
font-style: normal;
font-stretch: 100%;
/* Or a specific value like 75% */
color: white;
font-size: 18px;
line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 1rem auto 0.6rem auto;
margin: 10px auto;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

h4:first-of-type
{
margin: 20px auto 0.6rem auto;
}

.quote {
margin-left: -1rem;
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns div.firstWordWrapper span.verseHeadingProse,
.verseHeadingProse {
float: left;
margin: -0.18rem 18px 0 56px;
clear: left;
break-before: avoid-column;
break-inside: avoid-column;
}

html body div.page-wrapper div.columns div.column div.firstWordWrapper span.verseHeadingProse
{
margin: -0.18rem 0px 0 0px;
margin: -0.18rem 0px -40px  -60px;
}


.verseHeadingProse {
color: hsla(207.05, 100%, 33.922%, 0)
}

html {
width: 600px;
/*background: black;*/
}

html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns p.column-paragraph, p.column-paragraph
{
line-height: 1.6;
}

body {
width: 600px;
word-spacing: 1px;
color: rgb(250, 248, 121);
background: black;
background: hsl(246, 100%, 15%) url('../_images/background.jpg');
/*background: #022b44;*/
}

.pageStyling {
display: block;
margin: 0 auto;
width: 406px;
clear: both;
}

/* ---li reset --- */

li { margin: 0; padding: 0; }

/* --- UL / OL reset --- */
ul, ol {
margin: 0;
padding: 0;
text-align: justify;
list-style: none;        /* remove bullets/numbers */
list-style-type: initial;
line-height: 1.65;
margin: 0.4rem 0 0.4rem 16px;
}

ul li {
list-style: disc;
padding-left: 0.25rem;
margin-top: 5px;
}

ul li::marker {
color: #57fa17; /* bullet color */
}


/* Improve nested list spacing after reset */

li > ul,
li > ol { margin-top: 0.5rem; }

/* Utilities to restore default markers when needed */
.ul-default { list-style: disc; padding-left: 1.25rem; }
.ol-default { list-style: decimal; padding-left: 1.25rem; }
.ul-default {margin-left: -10px;}
/* Optional: inside markers (use when tight horizontal space) */
.list-inside { list-style-position: inside; padding-left: 0; }

/* Optional: custom marker examples */
ul.marker-dash > li::before {
content: "– ";
margin-right: .25rem;
}
ul.marker-check > li::before {
content: "✔ ";
margin-right: .35rem;
}

/* Optional: CSS counters for fully reset ordered lists */

ol {
list-style: revert; /* Resets the list-style-type to its default (e.g., decimal) */
margin: revert;    /* Resets margin to browser default */
padding: revert;   /* Resets padding to browser default */
}
ol.counter {
counter-reset: item;
}
ol.counter > li {
counter-increment: item;
}
ol.counter > li::before {
content: counter(item) ". ";
margin-right: .35rem;
}
ol li {
margin-left: -15px;
line-height: 1.65
}

strong {/*
color: #fad779;
color: #57fa17;
font-weight: 500;*/
font-weight: 400;
}

strong.pale-yellow{
color: #ffe100;
color: rgb(250, 248, 121);
color: #faf744;
color: #faf617;
color: #fad779;
color: rgb(250, 248, 121);
}

span.bold {font-weight: 600;}

span.bold-squash {font-weight: 600; word-spacing: 0.7px;}


h6.day-three {
color: hsl(117 100% 49%);
color:white;
font-weight: 500;
text-align: center;
font-size: 17px;
padding:0;
margin: 10px 0; line-height: 26px;
letter-spacing: 1.2px;
word-spacing: 0.1rem;
margin: 1rem auto 0.6rem auto;
margin: 10px auto;
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

b {font-weight:500}

/* Definition List styling */
dl {
margin: 0;
padding: 0;
text-align: left;
color: inherit;
}

/* Definition Term (DT) styling */
dt {
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: left;
color: inherit;
color: white;
  font-family: "Noto Sans Display";
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 1.2px;
  word-spacing: 0.1rem;
  text-shadow: none !important;
  line-height: 1.65;
  text-align: justify;
  overflow-wrap: break-word;
  word-break: break-word;
  border: 0;
  display: block;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 4;
/* border-bottom: 2px solid #e0e0e0; /* Subtle separator line */
}

/* Definition Description (DD) styling */
dd {
margin: 0 0 0px 0px; 
line-height: 1.4;
text-align: left;
text-indent: 28px;
text-indent: 0px;
  color: inherit;
  font-family: "Noto Sans Display";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 1px;
  word-spacing: 0.1rem;
  text-shadow: none !important;
  line-height: 1.65;
  text-align: justify;
  overflow-wrap: break-word;
  word-break: break-word;
  border: 0;
  display: block;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 4;
}

/* Styling for the last item's DD to remove extra margin/border */
dd:last-of-type {
margin-bottom: 0;
}

.new-line-indent,
html body section.pageStyling section.bibleContent div#columnoverlay div#multicolumns dl dd img.new-line-indent
{
border-radius: 0;
box-shadow: none;
float: none;
margin: 0;
display:inline;
width:28px;
height:0;
border:none;
}


/*


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Two Column Layout</title>
  <style>
    body {
      margin: 0;
      padding: 40px 0;
      font-family: Arial, sans-serif;
      background-color: #f5f5f5;
    }

*/
    .page-wrapper {
      display: flex;
      justify-content: center;
    }

    .columns {
      display: flex;
      gap: 40px; /* space between columns */

    }

    .column {
      width: 500px;
width: 520px;
width: 516px;
      padding: 20px;
      box-sizing: border-box;
    }

/*
  </style>
</head>
<body>

  <div class="page-wrapper">
    <div class="columns">
      
      <div class="column">
        <h2>Left Column</h2>
        <p>
          This is the left column.  
          It can contain text, images, headings, or any HTML content.
        </p>
        <p>
          The column will grow vertically as content is added.
        </p>
      </div>

      <div class="column">
        <h2>Right Column</h2>
        <p>
          This is the right column.  
          It runs parallel to the left column for any length.
        </p>
        <p>
          Both columns remain centered on the page.
        </p>
      </div>

    </div>
  </div>

</body>
</html>
/*