/* fonts */

@font-face {
    font-family: 'Vesper Libre';
    src: url('fonts/vesperlibre-bold-webfont.woff2') format('woff2'), url('fonts/vesperlibre-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Vesper Libre';
    src: url('fonts/vesperlibre-heavy-webfont.woff2') format('woff2'), url('fonts/vesperlibre-heavy-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Vesper Libre';
    src: url('fonts/vesperlibre-medium-webfont.woff2') format('woff2'), url('fonts/vesperlibre-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Vesper Libre';
    src: url('fonts/vesperlibre-regular-webfont.woff2') format('woff2'), url('fonts/vesperlibre-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Cutive+Mono');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
/* variables */

#bibletext {
    --color-accent: #C74F32;
    --color-text: #3a3a3a;
    --color-furniture: lightgrey;
    --color-grey: grey;
    --lightgrey: white;
    --font-serif: "Vesper Libre", Georgia, serif;
    --font-sans: Montserrat, helvetica, sans-serif;
    --font-mono: "Cutive Mono", monospace;
    --font-size: 18px;
    --line-height: 1.3;
    --font-initial: "Montserrat";
    --page-bleed: 20px;
}


/* layout */

#bibletext {
    font-family: var(--font-serif);
    color: var(--color-text);
    font-size: var(--font-size);
    font-weight: 400;
}

/* typography for bibletext*/

.bibletext h1,
.bibletext h2,
.bibletext h3,
.bibletext h4,
.bibletext h5,
.bibletext h6 {
    line-height: 1.3;
}

.bibletext p,
.bibletext ul,
.bibletext ol {
    max-width: 65ch;
    text-align: justify;
    hyphens: auto;
    margin: 0;
    padding: 0;
}

.bibletext p+p {
    margin-top: 1em;
}
#bibletext p {
	margin-top: 1em;
}

.colrow {
	display:flex;
}
.lefthandcol {
	flex: 75%;
}
.righthandcol {
	flex: 25%;
	/*padding-left: 2em;*/
}
.lefthandcol50 {
	flex: 50%;
	padding-right: 2em;
}
.righthandcol50 {
	flex: 50%;
	padding-left: 2em;
}
@media (min-width: 600px){
	.righthandcol {
		padding-left: 2em;
	}
}

p.paraFirstSpecial::first-letter {
    color: white;
    font-size: 2.5em;
    display: block;
    padding: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 0 0 -8px inset white, 0 0 0 -10px inset red;
    background: var(--color-accent) !important;
    font-family: var(--font-serif);
    border: 1px solid var(--color-accent);
    line-height: 1;
    float: left;
    margin-right: 0.2em;
    position: relative;
    margin-top: 6px;
    font-style: normal;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	p.paraFirstSpecial:first-letter {
		color: var(--color-text);
	}
}
_::selection, .selector {
	p.paraFirstSpecial:first-letter {
		color: var(--color-text);
	}
}

.bibletext h1 {
    font-size: 2em;
    /*margin-top: 5em;*/
    color: var(--color-accent);
    font-family: var(--font-initial);
}

.bibletext h2 {
    text-transform: uppercase;
    font-size: 1em;
    text-align: right;
    margin-top: 3em;
    border-bottom: 1px solid var(--color-accent);
    font-family: var(--font-initial);
    letter-spacing: 0.1em;
}

.bibletext h3 {
    font-size: 1em;
    padding: 0;
    margin: 0;
    font-weight: 600;
    color: var(--color-accent);
    margin-top: 3em;
    font-family: var(--font-sans);
    margin-bottom: 1em;
}

.bibletext h5 {
    font-size: 1em;
    padding: 0;
    margin-left: 0px;
    font-weight: 600;
    color: var(--color-text);
    margin-top: 3em;
    margin-bottom: 1em;
    font-weight: 600;
}

.bibletext h4 {
    font-size: 0.9em;
    padding: 0;
    margin-left: 0px;
    font-weight: 600;
    color: var(--color-text);
    margin-top: 3.5em;
    font-family: var(--font-sans);
    margin-bottom: 1em;
}

.bibletext h6 {
    font-size: 1em;
    padding: 0;
    margin-left: 0px;
    font-weight: 600;
    color: var(--color-text);
    margin-top: 3em;
    margin-bottom: 1em;
    font-weight: 600;
}

.bibletext ul,
.bibletext ol {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
}

.bibletext ul {
    list-style-position: outside;
    padding: 0;
}

.bibletext ul {
    list-style-type: none;
}

.bibletext ul li::before {
    content: ">";
    color: var(--color-accent);
    margin-right: 1em;
    margin-left: -1.5em;
}
.bibletext ul.crossrefs li::before {
	content: attr(data-verse) ":";
	color: var(--color-text);
	margin-right: 0.5em;
	margin-left: -2em;
}

.bibletext ol {
    list-style-type: none;
    counter-reset: list;
}

.bibletext ol li {
    counter-increment: list;
}

.bibletext ol li::before {
    content: counter(list);
    color: var(--color-accent);
    margin-right: 1em;
    margin-left: -1.5em;
}

.bibletext a {
    color: var(--color-accent);
    border-bottom: 1px solid var(--color-text);
    font-style: normal;
    font-family: var(--font-serif);
   /* font-size: 0.9em; */
}
.bibletext a.crossreflink {
	border-bottom: 0;
}

.bibletext pre {
    border: 1px solid #d1d1d1;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 65ch;
    background: var(--lightgrey);
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 8px;
    font-size: 0.9em;
}

.bibletext hr {
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
}

.bibletext li>ul,
.bibletext li>ol {
    margin-bottom: 0;
}

.bibletext dl {
    margin: 0 0 1.75em;
}

.bibletext dt {
    font-weight: 700;
}

.bibletext dd {
    margin: 0 0 1.75em;
}

.bibletext del {
    opacity: 0.8;
}

.bibletext table,
.bibletext th,
.bibletext td {
    border: 1px solid #d1d1d1;
}

.bibletext table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

.bibletext caption,
.bibletext th,
.bibletext td {
    font-weight: normal;
    text-align: left;
}

.bibletext th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

.bibletext td {
    border-width: 0 1px 1px 0;
}

.bibletext code {
    font-size: 0.7em;
    background: var(--lightgrey);
    margin: 0;
    background: rgba(0, 0, 0, 0.1);
}

.bibletext pre {
    background: rgba(0, 0, 0, 0.1);
}

.bibletext pre code {
    background: transparent;
    border: 0px solid var(--color-text);
}

.bibletext th,
.bibletext td {
    padding: 0.4375em;
}

p.verseline {
	text-indent: -1em;
	padding-left: 3em;
	padding-right: 2em;
	max-width:60ch;
}


/* image*/

.bibletext p img {
    display: block;
    max-width: 120%;
    height: auto !important;
    border: 5px solid white;
    background: white;
    position: relative;
    border: 1px solid var(--color-accent);
    margin: 3em 0;
    padding: 1em;
}

.bibletext h3+p img {
    margin-top: 0;
}

@media screen and (max-width: 900px) {
    .bibletext p img {
        max-width: 100%;
    }
    .site-main {
        max-width: calc(100% - 60px);
    }
}



/* print.css */

@media print {
    @page {
        margin: 10mm 10mm 20mm 10mm;
        size: 210mm 297mm;
    }

figure {
    max-width: 100%;
    
}
blockquote {
    width: 90%;
    margin-left: 0;
}

blockquote p {
    text-indent: 2em;
    font-size: 0.8em;
    
}
    .bibletext p img {
    }

    .bibletext p,
    .bibletext ul,
    .bibletext ol {
        max-width: 100%;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        column-span: all;
        break-after: avoid;
        page-break-after: avoid;
    }
    .bibletext {
        font-size: 12pt;
        line-height: 15pt;
        columns: 2;
        column-gap: 10mm;
    }
    .bibletext p+p {
        text-indent: 2em;
        margin-top: 0;
    }
    .bibletext a {
        font-size: inherit;
        border-bottom: 0;
        color: black;
        font-family: var(--font-serif);
    }
    .bibletext a::after {
        /* content: " ["attr(href) "]"; */
        border-bottom: 0;
    }

    .bibletext>p:first-child:first-letter {
        margin-top: 0;
        font-size: 2em;
    }

    .bibletext pre {
        padding: 0;
        border-radius: 0;
        padding-left: 1em;
    }