@font-face {
    font-family: 'Junicode';
    src: url("../fonts/Junicode/TTF/Junicode-Regular.ttf") format("truetype"), url("../fonts/Junicode/OTF/Junicode-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0000-0369, U+0400-1EFF, U+2000-FFFFF
}
@font-face {
    font-family: 'Junicode';
    src: url("../fonts/Junicode/TTF/Junicode-Bold.ttf") format("truetype"), url("../fonts/Junicode/OTF/Junicode-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0000-0369, U+0400-1EFF, U+2000-FFFFF
}
@font-face {
    font-family: 'Junicode';
    src: url("../fonts/Junicode/TTF/Junicode-BoldItalic.ttf") format("truetype"), url("../fonts/Junicode/OTF/Junicode-BoldItalic.otf") format("opentype");
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0000-0369, U+0400-1EFF, U+2000-FFFFF
}
@font-face {
    font-family: 'Junicode';
    src: url("../fonts/Junicode/TTF/Junicode-Italic.ttf") format("truetype"), url("../fonts/Junicode/OTF/Junicode-Italic.otf") format("opentype");
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0000-0369, U+0400-1EFF, U+2000-FFFFFF
}
@font-face {
    font-family: 'AlegreyaSans';
    src: url("../fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400
}
@font-face {
    font-family: 'AlegreyaSans';
    src: url("../fonts/Alegreya_Sans/AlegreyaSans-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400
}
@font-face {
    font-family: 'AlegreyaSans';
    src: url("../fonts/Alegreya_Sans/AlegreyaSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700
}
@font-face {
    font-family: 'AlegreyaSans';
    src: url("../fonts/Alegreya_Sans/AlegreyaSans-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700
}
@font-face {
    font-family: 'GFSBaskerville';
    src: url("../fonts/GFS_BASKERVILLE/GFSBaskerville.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0370-03FF, U+1F00-1FFF
}
@font-face {
    font-family: EzraSILW;
    src: url("../fonts/SILEOT.woff"), url("../fonts/SILEOT.ttf") format("truetype")
}
@font-face {
    font-family: 'Newton Sans';
    src: url('../fonts/newton.eot'); /* IE9 Compat Modes */
    src: url('../fonts/newton.eot') format('embedded-opentype'), /* IE6-IE8 */ 
url('../fonts/newton.woff') format('woff'), /* Modern Browsers */ 
url('../fonts/newton.ttf') format('truetype'); /* Safari, Android, iOS */

    font-style: normal;
    font-weight: 400;
}

:root {
    --doc-id-scale: 1.27;
}
html {
    font-size: 20px;
}
.ns {
    font-family: "Newton Sans"
}
.gre,
.greek {
    font-family: 'GFSBaskerville', serif;
}
/* Adjust this single value to scale Junicode-based transcription text. */
#text_container {
    --junicode-base-size: 23px;
    font-size: var(--junicode-base-size, 1rem);
    font-family: Junicode, "Times New Roman", Times, serif;
    line-height: 1;
    color: #000;
}
.nb-n,
.gap,
.pagenumber-embed,
.pagenumber,
.editorialdecision,
p .editorialdecision,
#switcherHelp ul .editorialdecision,
#additionalMetadata ul .editorialdecision,
#switcherHelp li .editorialdecision,
#additionalMetadata li .editorialdecision,
.handshift {
    color: #3d3d8f;
    font-weight: bold
}
#text_container div,
#text_container dl,
#text_container dt,
#text_container dd,
#text_container ul,
#text_container ol,
#text_container li,
#text_container h2,
#text_container .inline-floatingHead,
#text_container h3,
#text_container h4,
#text_container h5,
#text_container h6,
#text_container pre,
#text_container form,
#text_container fieldset,
#text_container div.p,
#text_container span.p,
#text_container #switcherHelp ul,
#text_container #additionalMetadata ul,
#text_container #switcherHelp li,
#text_container #additionalMetadata li,
#text_container .inline-p,
#text_container blockquote,
#text_container th,
#text_container td,
#text_container .catalogue_list .key .keynum {
    font-size: var(--junicode-base-size, 1rem)
}
#text_container .cat_full ul.catalogue_list li {
    font-size: calc(var(--junicode-base-size, 1rem) * 0.9375);
    line-height: 1.75
}
h1.page_title,
h2.page_title,
h3.page_title,
h4.page_title,
h5.page_title,
h6.page_title,
#text_container h1.page_title,
#text_container h2.page_title,
#text_container h3.page_title,
#text_container h4.page_title,
#text_container h5.page_title,
#text_container h6.page_title {
    font-family: "AlegreyaSans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #6c5d48;
}
#tei .left,
.maintext .left,
#text_container .left,
#tei .right,
.maintext .right,
#text_container .right {
    float: none
}
table {
    border: none;
    color: inherit;
    background: inherit;
    padding: 0.4em;
    line-height: 1.3
}
table tr {
    border: none;
    color: inherit;
    background: inherit;
    padding: 0.4em;
    line-height: 1.3
}
table tr td {
    border: none;
    color: inherit;
    background: inherit;
    padding: 0.4em;
    line-height: 1.3
}
table tbody {
    border: none;
    color: inherit;
    background: inherit;
    padding: 0.4em;
    line-height: 1.3
}
table tbody tr {
    border: none;
    color: inherit;
    background: inherit;
    padding: 0.4em;
    line-height: 1.3
}
table tbody tr td {
    border: none;
    color: inherit;
    background: inherit;
    padding: 0.4em;
    line-height: 1.3
}
table tbody tr:nth-child(even) {
    background: inherit
}
.label {
    background: #fff;
    color: #000
}
math * {
    font-style: normal
}
math *[mathvariant = italic] {
    font-style: italic
}
img {
    border: none
}
#tei {
    background: #fff
}
/* Heading base outside #tei (np-main lines 206–250, 3676–3684) */
#text_container h1,
#text_container h2,
#text_container .inline-floatingHead,
#text_container h3,
#text_container h4,
#text_container h5,
#text_container h6 {
    font-family: "AlegreyaSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #6c5d48;
}
#text_container h1 { font-size: 1.375rem; }
#text_container h2,
#text_container .inline-floatingHead { font-size: 1.375rem; }
#text_container h3 { font-size: 1.1875rem; }
#text_container h4 { font-size: 1.1875rem; }
#text_container h5 { font-size: 1.0625rem; }
#text_container h6 { font-size: 1.0625rem; }
/* #tei resets headings to inherit — overrides the rule above for content inside #tei */
#tei h1,
#tei h2,
#tei h3,
#tei h4,
#tei h5,
#tei h6,
#tei .inline-floatingHead {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0
}
#tei table,
#tei thead,
#tei tbody,
#tei tfoot,
#tei tr,
#tei th,
#tei td {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    background: inherit;
    border: none;
    margin-bottom: 1.5rem
}
#tei ul,
#tei ol,
#tei li {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin-bottom: 1.5rem
}
.cat_full #tei h1,
.cat_full #tei h2,
.cat_full #tei h3,
.cat_full #tei h4,
.cat_full #tei h5,
.cat_full #tei h6,
.cat_full #tei .inline-floatingHead {
    font-weight:bold;
    color: #6c5d48;
    margin-bottom: 1.5rem;
    line-height: 1.1;
}
.underline,
.doubleunderline,
.doubleUnderline {
    text-decoration: underline;
    font-style: normal
}
.doubleunderline,
.doubleUnderline {
    text-decoration: underline double;
}
.overline {
    border-width: 1px;
    border-style: solid none none none
}
.italic {
    font-style: italic
}
.bold {
    font-weight: bold
}
.large {
    font-size: calc(var(--junicode-base-size, 1rem)* 1.1875)
}
.larger {
    font-size: calc(var(--junicode-base-size, 1rem)* 1.3125)
}
.largest {
    font-size: calc(var(--junicode-base-size, 1rem)* 1.5)
}
.small {
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375)
}
.smaller,
#tooltip h3 div,
#tooltip h3 p,
#tooltip h3 #switcherHelp ul,
#switcherHelp #tooltip h3 ul,
#tooltip h3 #additionalMetadata ul,
#additionalMetadata #tooltip h3 ul,
#tooltip h3 #switcherHelp li,
#switcherHelp #tooltip h3 li,
#tooltip h3 #additionalMetadata li,
#additionalMetadata #tooltip h3 li,
#tooltip h3 ul,
#tooltip h3 li,
div.body div,
div.body p,
div.body #switcherHelp ul,
#switcherHelp div.body ul,
div.body #additionalMetadata ul,
#additionalMetadata div.body ul,
div.body #switcherHelp li,
#switcherHelp div.body li,
div.body #additionalMetadata li,
#additionalMetadata div.body li,
div.body ul,
div.body li {
    font-size: calc(var(--junicode-base-size, 1rem)* 0.875)
}
.smallest {
    font-size: calc(var(--junicode-base-size, 1rem)* 0.75)
}
.dropcap,
.dropCap {
    float: left;
    font-size: calc(var(--junicode-base-size, 1rem)* 3);
    font-weight: bold;
    padding-right: 0.1em;
    line-height: 1em
}
.smallcaps,
.smallCaps {
    font-variant: small-caps
}
.allCaps {
    text-transform: uppercase;
}
sup,
.sup,
sub,
.sub,
.supra-n,
.infra-n,
.inline-n,
.begin-n,
.end-n {
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9)
}
sup,
.sup {
    vertical-align: 0.3rem
}
sub,
.sub {
    vertical-align: -0.3rem
}
.lg {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.i0,
.l,
.l0 {
    text-indent: 0
}
.i5,
.l5 {
    text-indent: 1.5rem
}
.i10,
.l10 {
    text-indent: 3rem
}
.i15,
.l15 {
    text-indent: 4.5rem
}
.i20,
.l20 {
    text-indent: 6rem
}
.i25,
.l25 {
    text-indent: 7.5rem
}
.i30,
.l30 {
    text-indent: 9rem
}
.i35,
.l35 {
    text-indent: 10.5rem
}
.i40,
.l40 {
    text-indent: 12rem
}
.i45,
.l45 {
    text-indent: 13.5rem
}
.i50,
.l50 {
    text-indent: 15rem
}
.l,
.l0 {
    margin: 0
}
.l5 {
    text-indent: 1.5rem;
    margin: 0
}
.l10 {
    text-indent: 3rem;
    margin: 0
}
.l15 {
    text-indent: 4.5rem;
    margin: 0
}
.l20 {
    text-indent: 6rem;
    margin: 0
}
.l25 {
    text-indent: 7.5rem;
    margin: 0
}
.l30 {
    text-indent: 9rem;
    margin: 0
}
.l35 {
    text-indent: 10.5rem;
    margin: 0
}
.l40 {
    text-indent: 12rem;
    margin: 0
}
.l45 {
    text-indent: 13.5rem;
    margin: 0
}
.l50 {
    text-indent: 15rem;
    margin: 0
}
.l-cent,
.l-left,
.l-right {
    margin: 0
}
#tei .cent,
.maintext .cent,
.l-cent,
#tei .center {
    text-align: center
}
#tei .left,
.maintext .left,
#text_container .left,
.l-left {
    text-align: left
}
#tei .right,
.maintext .right,
#text_container .right,
#text_container .marginRight,
.l-right {
    text-align: right
}
.cancel-n,
.del,
.add,
.delover-n,
.wordstrike-n,
.blockstrike-n,
.supra-n,
.infra-n,
.inline-n,
.over-n,
.begin-n,
.end-n,
.add-n,
.supplied-n,
.supplied,
.footnote {
    cursor: help
}
.nb-n {
    font-weight: bold
}
.wordstrike-n,
.blockstrike-n,
.del,
.strikethrough {
    text-decoration: line-through;
    background: transparent
}
.pagenumber {
    display: block;
    text-align: center
}
.pagenumber-embed,
.pagenumber,
.editorialdecision,
p .editorialdecision,
#switcherHelp ul .editorialdecision,
#additionalMetadata ul .editorialdecision,
#switcherHelp li .editorialdecision,
#additionalMetadata li .editorialdecision,
.handshift {
    text-decoration: none;
    background: inherit;
    font-style: normal;
    font-weight: normal;
    font-variant: normal
}
.supplied-n {
    background: transparent
}
.cancel-n,
.delover-n {
    text-decoration: inherit;
    background: #BFBFBF;
    background: rgba(0, 0, 0, 0.25)
}
.cancel-n math *,
.delover-n math *,
.wordstrike-n math *,
.blockstrike-n math *,
.cancel-n img,
.delover-n img,
.wordstrike-n img,
.blockstrike-n img {
    background: #BFBFBF
}
.supra-n {
    vertical-align: 0.2rem
}
.infra-n {
    vertical-align: -0.2rem
}
.over-n { /*vertical-align:.1ex*/
}
.begin-n { /*vertical-align:.1ex*/
}
.end-n { /*vertical-align:.1ex*/
}
.add-n {
    color: #000
}
.hi-n,
.med-n,
.lo-n {
    background: transparent
}
.hover,
.hover .color_fix,
.hover .gap,
.hover .sic .nb-n {
    color: rgba(143, 61, 61, 0.95)
}
.nb-n.focus,
.hover .nb-n,
.hover .color_fix .nb-n,
.focus .nb-n {
    color: #00c
}
.focus,
.focus .color_fix,
.focus .gap,
.focus .sic,
.focus.gap,
.focus.sic {
    color: #b81414
}
.cancel-n.hover,
.delover-n.hover,
.hover .cancel-n,
.hover .delover-n,
.focus.gap {
    background: rgba(187, 187, 187, 0.7)
}
.cancel-n.hover math *,
.delover-n.hover math *,
.wordstrike-n.hover math *,
.blockstrike-n.hover math *,
.cancel-n.hover img,
.delover-n.hover img,
.wordstrike-n.hover img,
.blockstrike-n.hover img {
    background: rgba(187, 187, 187, 0.7)
}
.img-block-cent,
#tei .blockCentered {
    display: block;
    clear: both;
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
    margin: 0 auto;
    padding: 0 0.5em
}
.img-float-left,
#tei .floatLeft {
    display: block;
    clear: both;
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
    float: left;
    padding-right: 0.5em
}
.img-float-right,
#tei .floatRight {
    display: block;
    clear: both;
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
    float: right;
    padding-left: 0.5em
}
.footnote,
.note {
    border-color: #3d3d8f;
    border-width: 1px;
    border-style: none none dotted none;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.75)
}
.footnote:hover,
.note:hover {
    border-bottom-style: solid
}
.endnote {
    display: none;
    text-align: left;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375)
}
#endnotes {
    display: none
}
#endnotes p,
#endnotes #switcherHelp ul,
#switcherHelp #endnotes ul,
#endnotes #additionalMetadata ul,
#additionalMetadata #endnotes ul,
#endnotes #switcherHelp li,
#switcherHelp #endnotes li,
#endnotes #additionalMetadata li,
#additionalMetadata #endnotes li {
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375)
}
.notez {
    text-align: left !important
}
#notepanels {
    width: auto
}
#header {
    border-width: 1px;
    border-style: none none solid none;
    border-color: #847663;
    padding: .5em;
    margin-bottom: 1em;
    font-family: "AlegreyaSans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
#header h1 {
    text-align: left
}
#header p,
#header .inline-p,
#header div.p,
#header span.p,
#header ul,
#header li,
#header .label {
    font-family: inherit
}
#header .author, #header .metadataContent  {
    text-align: left;
    line-height: 1.5;
    margin-left: 3.5rem;
    text-indent: -3.5rem;
    margin-bottom: 0
}
#header .header_label,
#header .metadataTitle {
    font-weight: bold
}

#buttons {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-size: calc(var(--junicode-base-size, 1rem) * 0.9375);
}
#switcherHelp,
#additionalMetadata {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    line-height: normal
}
#switcherHelp ul,
#additionalMetadata ul {
    margin-top: 0.5em
}
#switcherHelp li,
#additionalMetadata li {
    text-indent: -1em;
    margin-left: 1em
}
#additionalMetadata p,
#additionalMetadata #switcherHelp ul,
#switcherHelp #additionalMetadata ul,
#additionalMetadata ul,
#additionalMetadata #switcherHelp li,
#switcherHelp #additionalMetadata li,
#additionalMetadata li,
#additionalMetadata li {
    display: block;
    margin: 0;
    padding: .25em 0 .25em 1em;
    line-height: normal;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375)
}
#switcher,
#addmeta,
#images,
#translation,
#intro,
#catalogue,
#original {
    display: inline;
    padding-right: 1em
}
#switcher,
#addmeta {
    
    margin: 1em 0 0 0
}
#switcherHelp,
#additionalMetadata {
    padding-top: .5em;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 100%
}
#switcherHelp p,
#additionalMetadata p,
#switcherHelp ul,
#additionalMetadata #switcherHelp ul,
#switcherHelp #additionalMetadata ul,
#switcherHelp #additionalMetadata ul,
#additionalMetadata #switcherHelp ul,
#additionalMetadata ul,
#switcherHelp li,
#additionalMetadata #switcherHelp li,
#switcherHelp #additionalMetadata li,
#switcherHelp #additionalMetadata li,
#additionalMetadata #switcherHelp li,
#additionalMetadata li {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375)
}
#switcherHelp ul,
#additionalMetadata ul {
    margin-top: 0.25em
}
/* TODO: /mainui/images/icons/help.svg and help.png do not exist in this viewer.
   Replace both background-image values below with correct icon paths when
   help icons are made available. */
#switcherHelpIcon {
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    width: 21px;
    background-image: url("/mainui/images/icons/help.svg");
    background-size: 21px;
    background-repeat: no-repeat
}
.no-svg #switcherHelpIcon {
    background-image: url("/mainui/images/icons/help.png");
    height: 16px;
    width: 16px;
    background-size: 16px;
    background-repeat: no-repeat
}
#other_versions p,
#other_versions #switcherHelp ul,
#switcherHelp #other_versions ul,
#other_versions #additionalMetadata ul,
#additionalMetadata #other_versions ul,
#other_versions #switcherHelp li,
#switcherHelp #other_versions li,
#other_versions #additionalMetadata li,
#additionalMetadata #other_versions li {
    line-height: 1;
    margin-bottom: 0
}
#text_container #addmeta {
    background: none;
    color: #000;
    padding: 0 0 0.25em 0;
    font-size: calc(var(--junicode-base-size, 1rem) * 0.9375);
}
#addmeta p,
#addmeta #switcherHelp ul,
#switcherHelp #addmeta ul,
#addmeta #additionalMetadata ul,
#additionalMetadata #addmeta ul,
#addmeta #switcherHelp li,
#switcherHelp #addmeta li,
#addmeta #additionalMetadata li,
#additionalMetadata #addmeta li,
#addmeta ul,
#addmeta li,
#addmeta .label {
    font-size: inherit
}
#addmeta .label {
    padding-left: 0px;
    background: #fff;
    color: #000
}
#addmeta .expandable ul {
    display: none
}
#addmeta .nobullet-indent {
    margin-left: 20px
}
#addmeta ul {
    margin-left: 1.25em;
    font-size: 0.9rem;
}
#addmeta ul ul {
    margin-left: 2.25em
}
#addmeta ul ul ul {
    margin-left: 3.25em
}
#addmeta li {
    list-style: none;
    line-height: 1.2;
    padding-top: 0.25em;
    text-indent: 0;
    margin-left: 0;
}
#addmeta .ui-icon {
    float: left
}
#addmeta .label.hover {
    text-decoration: underline
}
li#additional,
li#related_texts {
    margin-left: -16px
}
.editorialdecision {
    display: block;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em
}
.flag-n {
    color: #000
}
.table {
    display: inline-table;
    vertical-align: middle;
    border: none
}
.td {
    display: table-cell;
    border: none
}
.tr {
    display: table-row;
    border: none
}
#tooltip {
    padding: 0.5em;
    background-color: #d4d4d4 !important
}
.custom_ttip {
    border-radius: 0.35rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.18);
}

.custom_ttip p {
    margin-bottom: 0.25rem;
}
.custom_ttip p:last-child {
    margin-bottom: 0;
}

#tooltip .switcherHelpText,
#tooltip .switcherHelpText:first-child {
    font-weight: normal
}
.ui-widget-header,
.ui-dialog-title {
    color: #000;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375);
    background: inherit
}
.notez.ui-widget-content {
    color: #000;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375)
}
.notez.ui-widget-content div,
.notez.ui-widget-content table,
.notez.ui-widget-content p,
.notez.ui-widget-content #switcherHelp ul,
#switcherHelp .notez.ui-widget-content ul,
.notez.ui-widget-content #additionalMetadata ul,
#additionalMetadata .notez.ui-widget-content ul,
.notez.ui-widget-content #switcherHelp li,
#switcherHelp .notez.ui-widget-content li,
.notez.ui-widget-content #additionalMetadata li,
#additionalMetadata .notez.ui-widget-content li,
.notez.ui-widget-content ul,
.notez.ui-widget-content ol,
.notez.ui-widget-content li,
.notez.ui-widget-content .ui-widget-header,
.notez.ui-widget-content .ui-dialog-title {
    color: #000;
    font-size: calc(var(--junicode-base-size, 1rem)* 0.9375);
    background: inherit
}
.tei-note-dialog {
    position: relative;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.18);
    padding-top: 0.55rem;
}
.tei-note-dialog-close {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    z-index: 1;
    border: 0;
    background: #c62828;
    color: #fff;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
.tei-note-dialog-close:hover,
.tei-note-dialog-close:focus {
    background: #b71c1c;
}
.tei-note-dialog-close-glyph {
    font-size: 0.75rem;
    font-weight: 700;
    transform: translateY(-0.02rem);
}
.tei-note-dialog.ui-dialog .ui-dialog-content {
    padding-top: 0;
    padding: .75em 1em;
}
.cc-cookie {
    width: 100%
}
#tei .MathJax_CHTML {
    margin-right: 0.25em;
    display: inline-block;
    /*vertical-align: top;*/
}
#related_texts h2 {
    color: #000
}
#related_texts p {
    margin-bottom: 0
}
#related_texts div {
    margin: 0 0 1em 1.25em;
}
.summary {
    display: block;
    margin: 0 0 0.5em 2em
}
table,
.table {
    border-collapse: collapse;
}
.borderAll,
.borderBottom,
.borderTop,
.borderSides,
.borderLeft,
.borderRight,
.borderAllDotted,
.borderBottomDotted,
.borderTopDotted,
.borderSidesDotted,
.borderLeftDotted,
.borderRightDotted {
    border: 1px none black;
}
.borderAll {
    border-style: solid;
}
.borderBottom {
    border-bottom-style: solid;
}
.borderTop {
    border-top-style: solid;
}
.borderSides {
    border-left-style: solid;
    border-right-style: solid;
}
.borderLeft {
    border-left-style: solid;
}
.borderRight {
    border-right-style: solid;
}
.borderAllDotted {
    border-style: dotted;
}
.borderBottomDotted {
    border-bottom-style: dotted;
}
.borderTopDotted {
    border-top-style: dotted;
}
.borderSidesDotted {
    border-left-style: dotted;
    border-right-style: dotted;
}
.borderLeftDotted {
    border-left-style: dotted;
}
.borderRightDotted {
    border-right-style: dotted;
}
table.cent,
#tei .table.cent {
    margin: 0 auto
}
#tei .width05 {
    width: 5%;
}
#tei .width10 {
    width: 10%;
}
#tei .width15 {
    width: 15%;
}
#tei .width20 {
    width: 20%;
}
#tei .width25 {
    width: 25%;
}
#tei .width30 {
    width: 30%;
}
#tei .width33 {
    width: 33%;
}
#tei .width35 {
    width: 35%;
}
#tei .width40 {
    width: 40%;
}
#tei .width45 {
    width: 45%;
}
#tei .width50 {
    width: 50%;
}
#tei .width55 {
    width: 55%;
}
#tei .width60 {
    width: 60%;
}
#tei .width65 {
    width: 65%;
}
#tei .width66 {
    width: 66%;
}
#tei .width70 {
    width: 70%;
}
#tei .width75 {
    width: 75%;
}
#tei .width80 {
    width: 80%;
}
#tei .width85 {
    width: 85%;
}
#tei .width90 {
    width: 90%;
}
#tei .width95 {
    width: 95%;
}
#tei .width100 {
    width: 100%;
}
#element_set table,
#element_set tr,
#element_set td {
    border: none !important;
    margin: 0;
    padding: 0
}
#element_set div.refdoc {
    margin: 2em 0 0 0;
    padding: 0.5em;
    border: 1px black solid;
}
#element_set .refdoc h5 {
    margin: 0;
    font-size: 1.5em;
    font-weight: bold;
}
h5 > span.gi {
    display: inline-block;
    width: 100%;
    background: #efefef;
    padding: 0.25em 0.25em;
    margin-bottom: 0.25em;
    border-bottom: 1px solid;
}
table tbody tr td {
    vertical-align: middle;
}

/* ============================================================
   §1a–1b  Rules migrated from np-main.css so that
   texts-full.css is self-contained without np-main.css.
   ============================================================ */

/* Paragraph base (np-main lines 184–193) */
#text_container p,
#text_container .inline-p,
#text_container div.p,
#text_container span.p {
    font-size: calc(var(--junicode-base-size, 1rem) * 0.9375);
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Link colours (np-main lines 88–98, 3695–3709) */
#text_container a,
#text_container a:link,
#text_container a:visited,
#text_container a:hover,
#text_container a:active {
    color: #8a775d;
    font-weight: inherit;
    text-decoration: underline;
}
#text_container a:visited {
    color: #737373;
}
#text_container a:hover {
    text-decoration: none;
}

/* List base (np-main lines 282–288) */
#text_container ul,
#text_container ol {
    line-height: 1.6;
    margin-bottom: 15px;
    list-style-position: inside;
}

/* Code — reset np-main badge style to browser defaults (action note §1a) */
#text_container code {
    font-weight: normal;
    background: inherit;
}

/* Image float classes (np-main lines 3710–3757) */
#text_container .img-left-400 {
    display: block;
    width: 410px;
    clear: both;
    float: left;
    margin: 0 1em 0 0;
    padding: 0 0 0 .5em;
}
#text_container .img-right-400 {
    display: block;
    width: 410px;
    clear: both;
    float: right;
    margin: 0 0 0 1em;
    padding: 0 0 0 .5em;
}
#text_container .img-left-200 {
    display: block;
    width: 210px;
    clear: both;
    float: left;
    margin: 0 1em 0 0;
    padding: 0 0 0 .5em;
}
#text_container .img-right-200 {
    display: block;
    width: 210px;
    clear: both;
    float: right;
    margin: 0 0 0 1em;
    padding: 0 0 0 .5em;
}
#text_container .img-left-300 {
    display: block;
    width: 310px;
    clear: both;
    float: left;
    margin: 0 1em 0 0;
    padding: 0 0 0 .5em;
}
#text_container .img-right-300 {
    display: block;
    width: 310px;
    clear: both;
    float: right;
    margin: 0 0 0 1em;
    padding: 0 0 0 .5em;
}

/* Grid layout classes (np-main lines 1105–1203) */
#text_container .row {
    max-width: 100%;
    margin: 0 auto;
}
#text_container .columns {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
}
#text_container .three {
    width: 25%;
}
#text_container .twelve {
    width: 100%;
}

/* cat_full paragraph margin (np-main lines 4116–4118) */
#text_container .cat_full p,
#text_container .cat_full .inline-p {
    margin-bottom: 0;
}

/* Tour navigation classes (np-main lines 3839–3868) */
#text_container .tour p,
#text_container .tour .inline-p {
    text-align: left;
    margin: 0;
}
#text_container .tour .tour_nav {
    clear: both;
    padding-top: 1em;
}
#text_container .tour a.next {
    float: right;
}
#text_container .tour a.previous {
    float: left;
}
#text_container .tour img.border {
    border: 1px solid #666;
}

/* Inline child-links span (np-main lines 4410–4413) */
span.child_links {
    display: inline-block;
    margin: 0.25em 0 0.25em 0;
}

/* Catalogue list layout (np-main lines 3946–4115) */
#text_container .catalogue_list tr,
#text_container .filelist tr,
#text_container .catalogue_list th,
#text_container .filelist th,
#text_container .catalogue_list td,
#text_container .filelist td,
#text_container .filelist table {
    width: 100%;
    text-align: left;
    border: none;
}
#text_container .catalogue_list,
#text_container .filelist {
    line-height: 1.2;
    margin-bottom: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
#text_container ul.catalogue_list {
    margin-top: .75em;
    margin-bottom: 0;
    padding-bottom: 0;
}
#text_container ul.catalogue_list .links,
#text_container ul.catalogue_list .primary_key {
    padding-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
#text_container .catalogue_list li,
#text_container .filelist li {
    text-indent: 0;
    padding: 0 2.5em 1em;
    font-size: 1.0625rem;
    line-height: 1.3;
}
#text_container .catalogue_list ul.catalogue_list li {
    text-indent: -1em;
}
#text_container .catalogue_list p,
#text_container .catalogue_list .inline-p,
#text_container .filelist p,
#text_container .filelist .inline-p {
    margin-bottom: 0;
    font-size: 1.0625rem;
    line-height: 1.3;
}
#text_container .catalogue_list .metadata,
#text_container .filelist .metadata {
    text-indent: -4.75em;
    margin-left: 4.75em;
}
#text_container .catalogue_list .source,
#text_container .filelist .source {
    text-indent: -3.75em;
    margin-left: 3.75em;
}
#text_container .catalogue_list .key,
#text_container .filelist .key {
    width: 11%;
    text-align: center;
    vertical-align: middle;
}
#text_container .catalogue_list .key a,
#text_container .filelist .key a {
    font-size: 13px;
}
#text_container .catalogue_list .links,
#text_container .filelist .links {
    display: block;
    padding-bottom: 0;
    margin: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* List item indent in maintext (np-main lines 3758–3762) */
.maintext #tei li {
    text-indent: -1em;
    margin-left: 1em;
    font-size: calc(var(--junicode-base-size, 1rem) * 0.9375);
}

span.doc_id {
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: calc(var(--doc-id-scale) * 100%);
    line-height: calc(1 / var(--doc-id-scale));
}

/* ============================================================
   §2b  Rules for classes used in injected HTML that previously
   had no selector in either stylesheet, or were scoped only in
   np-main.css. All scoped to #text_container.
   ============================================================ */

#text_container .justify {
    text-align: left;
}

#text_container .hangingIndent {
    text-indent: -2em;
    margin-left: 2em;
}

/* Inset-left classes — p elements (pixel values match class name) */
#text_container .insetLeft5  { margin-left: 0.5rem; }
#text_container .insetLeft10 { margin-left: 1rem; }
#text_container .insetLeft25 { margin-left: 2.5rem; }
#text_container .insetLeft30 { margin-left: 3rem; }
#text_container .insetLeft40 { margin-left: 4rem; }

/* General nobullet-indent (np-main: #addmeta .nobullet-indent { margin-left: 20px }) */
#text_container .nobullet-indent {
    margin-left: 20px;
}

/* Expandable list items — JS (initExpandables) controls open/closed state;
   this rule provides the default closed state outside #addmeta. */
#text_container .expandable ul {
    display: none;
}
#text_container .expandable.open ul,
#text_container .expandable.open .wrapper {
    display: block;
}

/* Catalogue / filelist column padding (np-main lines 4083–4094) */
#text_container .catalogue_list .location,
#text_container .catalogue_list .shelfmark,
#text_container .catalogue_list .publication,
#text_container .catalogue_list .author,
#text_container .catalogue_list .title,
#text_container .filelist .metadata,
#text_container .filelist .location,
#text_container .filelist .shelfmark,
#text_container .filelist .publication,
#text_container .filelist .author,
#text_container .filelist .title {
    padding: 0;
}

/* Metadata class placeholders — general rules for content outside #header.
   Scoped rules in #header already handle the header context.
   TODO: add typographic values once usage outside the header is confirmed.
   #text_container .author { }
   #text_container .metadata { }
   #text_container .metadataContent { }
   #text_container .metadataTitle { } */

/* vAlignTop — vertical-align: top for td elements */
#text_container td.vAlignTop {
    vertical-align: top;
}

/* General width classes — mirrors #tei .widthNN but applies to all content
   inside #text_container (e.g. tables outside #tei). */
#text_container .width05  { width: 5%; }
#text_container .width10  { width: 10%; }
#text_container .width15  { width: 15%; }
#text_container .width20  { width: 20%; }
#text_container .width25  { width: 25%; }
#text_container .width30  { width: 30%; }
#text_container .width33  { width: 33%; }
#text_container .width35  { width: 35%; }
#text_container .width40  { width: 40%; }
#text_container .width45  { width: 45%; }
#text_container .width50  { width: 50%; }
#text_container .width55  { width: 55%; }
#text_container .width60  { width: 60%; }
#text_container .width65  { width: 65%; }
#text_container .width66  { width: 66%; }
#text_container .width70  { width: 70%; }
#text_container .width75  { width: 75%; }
#text_container .width80  { width: 80%; }
#text_container .width85  { width: 85%; }
#text_container .width90  { width: 90%; }
#text_container .width95  { width: 95%; }
#text_container .width100 { width: 100%; }

/* img.border — general rule (np-main: .tour img.border was scoped to .tour) */
#text_container .tour img.border {
    border: 1px solid #666;
}

#text_container #tour_bar {
    margin-top: 1em;
    margin-bottom: 1em;
}

#text_container #tour_bar a {
    display: block;
    position: relative;
}

#tour_bar span {
    display: block;
}

#text_container #tour_bar span.cap_block {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    max-height: 188px;
    width: 100%;
    overflow: hidden;
}

#text_container #tour_bar span.cap_head {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #847663;
    height: 2em;
    padding-top: 0.5em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: "AlegreyaSans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;;
}

.heb {
    direction: rtl;
}

/* ============================================================
   §1a  Table declarations from np-main.css (lines 3600–3648),
   scoped to #text_container.site_page.
   Font sizes are relative: base 0.8rem (scaling down from the
   Junicode 26px default); header cells 0.9rem (proportional
   to the original 17px/15px ratio). Line-height 1.2 preserves
   the original 18px/15px ratio. Colours and backgrounds reset
   to inherit; no borders.
   ============================================================ */

#text_container.site_page table {
    margin: 0 0 0.9rem;
    border: 1px solid #333;
    color: inherit;
    background: inherit;
}

#text_container.site_page table thead tr th,
#text_container.site_page table tfoot tr th,
#text_container.site_page table tbody tr th,
#text_container.site_page table thead tr td,
#text_container.site_page table tfoot tr td,
#text_container.site_page table tbody tr td {
    font-size: calc(var(--junicode-base-size, 1rem) * 0.8);;
    line-height: 1.2;
    text-align: left;
}

#text_container.site_page table thead tr th,
#text_container.site_page table tfoot tr td {
    padding: 0.4em 0.5em;
    font-size: calc(var(--junicode-base-size, 1rem) * 0.9);;
    font-weight: bold;
    color: inherit;
}

#text_container.site_page table tbody tr td {
    color: inherit;
    padding: 0.45em 0.5em;
    vertical-align: top;
    border: none;
}

#text_container.site_page table tr {
    border: 1px solid #333;
}

#text_container.site_page table tbody tr:nth-child(even) {
     background: #f9f9f9;
}

#text_container.site_page table.filelist td:nth-child(1) {
    width: 12%;
    vertical-align: middle;
}
#text_container.site_page table.filelist td:nth-child(2) {
    width: 63%;
    vertical-align: middle;
}
#text_container.site_page table.filelist td:nth-child(3) {
    width: 25%
}
