@charset "UTF-8";

@media only screen and (min-width : 600px) {
/* For desktop: */
   header {
      display: flex
   }
   .toplogo,
   .nav {
      width: 20%
   }
   .masthead {
      width: 60%
   }
   .nav {
      align-content: center
   }
}

/* FONTS */
@font-face
{
   font-family: "GentiumBookPlus";
   src: url('../fonts/GentiumBookPlus-Regular.ttf');
}
@font-face{
   font-family: "GentiumBookPlus";
   src: url("../fonts/GentiumBookPlus-Bold.ttf");
   font-weight: bold;
}
@font-face{
   font-family: "GentiumBookPlus";
   src: url("../fonts/GentiumBookPlus-Italic.ttf");
   font-style: italic;
}
@font-face{
   font-family: "GentiumBookPlus";
   src: url("../fonts/GentiumBookPlus-BoldItalic.ttf");
   font-weight: bold;
   font-style: italic;
}
@font-face
{
   font-family: "GentiumPlus";
   src: url('../fonts/GentiumPlus-Regular.ttf');
}
@font-face{
   font-family: "GentiumPlus";
   src: url("../fonts/GentiumPlus-Bold.ttf");
   font-weight: bold;
}
@font-face{
   font-family: "GentiumPlus";
   src: url("../fonts/GentiumPlus-Italic.ttf");
   font-style: italic;
}
@font-face{
   font-family: "GentiumPlus";
   src: url("../fonts/GentiumPlus-BoldItalic.ttf");
   font-weight: bold;
   font-style: italic;
}
@font-face{
   font-family: "SegoeUIHist";
   src: url("../fonts/seguihis.ttf");
}
@font-face{
   font-family: "Monomakh";
   src: url("../fonts/Monomakh-Regular.otf");
}
@font-face{
   font-family: "Shafarik";
   src: url("../fonts/Shafarik-Regular.otf");
}

*:lang(chu-Cyrl){
    font-family: Monomakh;
}

*:lang(chu-Glag){
    font-family: Shafarik;
}



/* general: header  */
header {
   font-family: tahoma, geneva, sans-serif;
   width: 100%;
   margin: 0px;
}
.toplogo {
   font-size: 12px;
   font-style: italic;
   vertical-align: middle;
   text-align: center;
   opacity: 0.6;
   /*width: 100%*/
}
.toplogo > * {
   margin: auto;
   display: block
}
figcaption {
   line-height: 120%
}
div.masthead
{
   text-align: center;
}
h1.title {
   font-size: 180%;
   text-align: center;
   margin: 12px 0px;
}
h1.siteeditor {
   font-size: 110%;
   font-style: italic;
   line-height: 100%;
   margin: 0px
}
.dateline {
   margin: 6px
}
.nav {
   vertical-align: middle;
   text-align: center;
   font-size: smaller;
   line-height: 100%;
   display: flex;
   flex-flow: row wrap;
}
.nav a {
   display: block;
   border-radius: 8px;
}
.nav a:link,
.nav a:visited {
   display: block;
   padding: 4px;
   text-decoration: none;
   text-transform: uppercase;
   color: black;
}
.nav a:hover,
.nav a:active {
   background-color: #F3BDA2;
}
/* footer */
footer
{
   display: flex;
   flex-flow: row wrap;
   text-align: center;
   font-variant: small-caps;
   text-transform: lowercase;
   justify-content: center;
}
footer > * {
   margin: 0px 5px
}
#contact {
   display: none
}
/* general: main text */
body {
   background-color: #FCFCFF;
   font-family: GentiumBookPlus;
   color: #1A001A;
   line-height: 150%;
   font-size: 20px;
   text-align: justify;
}
h1,
h1.title,
h2,
h3,
h4 {
   font-family: helvetica, sans-serif;
   font-weight: lighter;
   line-height: 150%;
   letter-spacing: 1px;
   z-index: 1;
   text-indent: initial;
   margin-left: 6px;
   color: inherit;
}
h1 {
   text-align: center;
   text-shadow: 0px 0px #808080;
}
h2 {
   margin-top: 12px
}
body > div > input{
   margin-left: 2em;
}

body > div,
.indent
{
   text-indent: 2em;
}
h1 + div,
h2 + div,
h3 + div,
h4 + div {
   text-indent: 0em;
   margin-top: 10px
}
/* drop cap initial letter */
/*h2 + div:first-letter,*/
.dcap:first-letter
{
   font-size: 72px;
   float: left;
   margin-right: 4px;
   margin-top: 10px;
}
h2 + div[lang=syr]:first-letter,
div[lang=syr] .dcap:first-letter{
   float: right;
}

/* corpus and bibliography (tables) */
table {
   table-layout: fixed;
}
thead {
   text-align: center
}
table > tbody {
   font-family: GentiumBook, 'garamond-premier-pro', garamond, serif;
   font-size: 20px;
   line-height: 140%
}
div.ancient-translations {
   background-color: #ccccff;
}
div.ed-and-tr {
   background-color: #e6e6ff;
}
.ancient-translations > table,
div.ed-and-tr > * > .label ~ * {
   margin-left: 10px
}
.ancient-translations > table > tbody,
.ed-and-tr > table > tbody {
   font-size: 18px;
   line-height: 130%
}
.book-title {
   font-style: italic;
   display: inline;
}
.book-title > i {
   font-style: normal;
}
table.show-last-col-only > tbody > tr > td:not(:last-of-type),
td.filler,
table.show-last-col-only > thead > tr > td:last-of-type
/* preceding two items swap all previous columns for the last, so that the hidden columns can be sorted using tablesorter */ {
   display: none
}
.show-last-col-only tbody > tr > td:last-of-type {
   /*width: 130%*/
}
body > table.tablesorter-default > tbody > tr > td {
   border-bottom: 2px solid #000066;
}
.dc-identifier,
.abstract,
.corpus-xref,
.pub,
.IRI,
.html-editions,
.transcriptions {
   margin-left: 10px;
   font-size: smaller
}
/*#corpus-table tbody td:nth-child(2){
    padding-left: 10px;
    text-indent: -10px
}*/
.id-label {
   float: right;
   background: lightgray;
   color: gray;
   margin-left: 3px;
   font-size: 12px;
   line-height: initial;
   text-align: right;
}
.orig-lang,
.orig-extant,
.authorship,
.names > .aliases > *{
   display: inline;
}
.names,
.pub-prefix,
.scriptum-lang {
   font-weight: 700
}
.clip-after-line-1 {
   position: relative;
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 80px;
}
.clip-after-line-1:after {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   background: linear-gradient(rgba(255, 255, 255, 0) 50px, white);
   content: "";
}
.links-to-other-formats {
   float: right;
   font-size: smaller;
}
.pub > * {
   display: inline
}

.transcriptions > * {
   display: inline;
   padding-left: 4px;
}

/* ancient testimonia styles */
.item {
   margin-left: 5px;
   margin-top: 20px;
}
.meta .au {
   font-weight: bold;
}
.title {
   font-style: italic;
   color: inherit;
   font-size: inherit;
   font-weight: inherit;
}
.date {
   font-variant: small-caps;
   color: gray;
   float: right;
}
.date:before {
   content: " ";
}
.e-comment {
   margin-left: 15px;
   font-style: italic;
}
.text {
   margin-left: 25px;
}
.credit {
   font-size: 12px;
}
.credit:before {
   content: " —";
}
.scriptum-data .e-comment {
   font-style: inherit
}
.scriptum-data > div.e-comment > div.e-claim * {
   background: inherit;
}
div.translates > * > div {
   display: table-cell;
}
td.scriptum-lang,
td.scriptum-date
{
   width: 100px;
}
div.e-claim {
   margin-bottom: inherit
}
.xrefs > .claim > *,
div.manuscript-title {
   display: inline
}

/* Image page */
aside > figure{
   display:inline-block;
}

/* TAN transcriptions, parallel editions */

/* Exceptions for simple transcriptions and collated parallel editions */

/* head */

.e-head {
   text-indent: 0em;
   line-height: 120%;
   font-size: smaller;
   margin-left: 1em;
}
.e-head .group,
.e-head .group > .label ~ * {
   margin-left: 1em;
}
.e-head .label,
.collapse > .label {
   font-variant: small-caps;
}
.e-head .a-who{
   float: none;
}
.e-head .e-item {
   margin-top: inherit;
}
.e-head .e-name {
   font-size: inherit;
}
.a-accessed-when {
   display: inline;
}
.a-accessed-when:before {
   content: "(accessed "
}
.a-accessed-when:after {
   content: ") "
}
/*.when{
   margin-left: 6px;
}*/
.a-which > *:last-child {
   margin-bottom: 0.5em;
}

/* body */
.e-body{
   margin: 0em 1.2em 0em 0.5em;
}
div.e-div {
   margin: 0em;
   margin-left: 0.5em;
}
table,
.e-TAN-T_merge div{
   margin: 0em;
}
div.control .group,
div.classSwitch > *{
    margin: 0.2em;
}
div.option-item,
div.options div.options{
   margin-left: 0.5em;
}
div.e-div > .a-n,
div.e-div > .a-type,
.e-body > .e-div > .a-type:first-of-type,
div.a-resp {
   display: none;
}
div.e-div > .e-ref {
   display: inline;
   float: left;
   margin: 0em;
   margin-right: .5em;
}
td .label{
   line-height:80%;
}
.ns-tei .a-ref {
   display: inline;
}


.transcriptions div {
   padding: 0px 4px 0px 0px;
}
div.e-diff div,
div.e-collation div {
   padding: 0px;
}
div.e-TAN-T_merge > div.e-body {
   text-indent: 0em;
}
div.e-div > div.e-ref {
   /*margin: 6px 0px 0px -24px;*/
   /*height: 3px;*/
   font-variant: small-caps;
   /*width: 42px;
    font-size: 14px;
    line-height: 18px;*/
}
/* for the scholia on Proverbs */
div.book > div.a-ref,
div.book > div.chapter > div.v > div.pt > div.a-ref,
div.book > div.chapter > div.a-ref
{
   display: none;
}
div.schol{
   font-weight:900;
}
div.control-wrapper div.sortable {
   display: table-row;
}
div.control-wrapper div.sortable > * {
   display: table-cell;
}
.primary-ns,
div.a-ref > div.a-n {
   display: none;
}
/* generally, groups and items are like table cells... */
div.group,
div.e-item {
   display: table-cell;
}
/* ...unless they enclose metadata or are top-level elements or are TEI, in which case they are blocks, or... */
div.e-head div.group,
div.e-head div.item,
.ns-tei div.e-item,
body > div.e-item {
   display: block;
}
/* ...unless they are expansions of @which, in which case they are inline-like, or... */
div.e-head .e-which > div.e-item,
div.e-head .e-who > div.e-item,
div.e-head .e-roles > div.e-item,
div.e-head .e-licensor > div.e-item,
div.e-ref,
div.a-rend,
.e-milestone *,
.e-item > .label.info
{
   display: inline;
}
div.e-head .e-which > div.e-item > *,
div.e-head .e-who > div.e-item > *,
div.e-head .e-roles > div.e-item > *,
div.e-head .e-licensor > div.e-item > *
{
   margin-left: 0.5em;
}
/* ...unless they are TEI items in a table cell for TAN-T_merge, in which case they are inline-blocks, or... */
td div.ns-tei div.e-item,
td .e-p.ns-tei{
   display: inline-block;
}
/* ...unless they are top-level categories of a head, in which case they're hidden until the user wants to see. */
div.e-head > div.label ~ div.group,
.collapse > .label ~ * {
   display: none;
}
/*div.sortable > *{
   display:inline-block;
}*/
.control-wrapper div.info.label,
.e-claim > *{
   display: inline-block;
   /*width: 24px;*/
   /*background-color:inherit;*/
}
.e-body div.version,
.control-wrapper,
body div.options div{
   text-indent: initial;
}
div.version-wrapper > div.e-item {
   background-color: initial;
}
/* TEI modifications */
.ns-tei .e-p * {
   margin-left: initial;
}
.ns-tei .e-quote{
   text-decoration: inherit;
   font-style: italic;
}
.list > .item,
.e-list > .e-item{
   margin: 0em 0.5em;
}
.a-rend,
.e-milestone{
   font-size:smaller;
}
/* overriding what diff does */
.meta td:first-of-type{
   text-align:inherit;
   font-weight:inherit;
}

/* Items that might need to be migrated to the standard TAN css */
.a-break,
.e-pb > .a-ed,
.a-next,
.a-prev{
   display: none;
}
.ns-tei .e-head{
   display: inherit;
}
.ns-tei .e-div,
div.e-p.ns-tei{
   display: block;
}
.ns-tei .e-div > .e-ref{
   font-size:inherit;
}
.e-tei > .e-p > .a-n {
    display: inline-block;
    font-size: smaller;
    background-color: white;
    margin: 0px 5px;
}
div.e-p:has(div.a-next)::after {
    content: "...";
    color: blue;
}
div.e-p:has(div.a-prev)::before {
    content: "...";
    color: blue;
}
div.e-p:has(div.a-prev) > div.a-n::after {
    content: " (cont'd)";
    font-size: small;
}
/* We do not want reference numerals to be small caps */
div.dcap > div.a-n {
    display: none;
}
/* Let the sources boxes be seen, and given some margin before the body */
body > div > div.options > div.label ~ * {
    display: block;
}
body > div > div.options {
    margin-bottom: 20px;
    border-bottom: 2px solid #000066; 
}
/* Antirrhetikos */
div.sender > div.e-ref,
div.recipient > div.e-ref,
div.book_ref > div.e-ref,
div.situation > div.e-ref,
div.scripture > div.e-ref {
    display: none;
}
div.book_ref {
    font-weight:700;
}
div.section > div.scripture {
    margin-left: 20px;
}