/* style.css used by all the UGR */

*, *:before, *:after {
    box-sizing: border-box; }

body {
    display: flex;
    /*flex-flow: row wrap;*/
    justify-content: flex-start; /*flex-start | flex-end | center | space-between | space-around | space-evenly*/
    width: 100%; /*940px*/
    height: 100vh; /*100%;*/
    /*min-height: 100vh;*/
    margin: 0; /*0 auto*/
    padding: 0;
    /*--background-color: var(--background-color);*/
    background-color: #E0E0E0; /* #FFCC99; #FFE7C6*/
    color: maroon;
    font-size: 18px; /*16px*/
    font-family: Times New Roman, serif;
    /*line-height: 1.43;*/ /*1.75;*/ }

a, a:link {
    color: #0066CC; } /*#1A0DAB;*/
a:visited {
    color: #660199; /*#795cb2;*/ }
a:hover /*, label:hover*/ {
    color: rgba(66, 135, 245, 0.8); /*#660199;*/ /*=rgba 87%*/ /*blue*/
    text-decoration: underline; }
a:active {
    color:#faa700; }
/*a:not([href]) {
    color:#202122;
    cursor:pointer; }*/
a.no {
    color: inherit;
    text-decoration: inherit; }
/* a { background:transparent; text-decoration:none; border-bottom:1px dotted; color:#444; }
img { border:0; vertical-align:middle; }
hr { height:0; margin:21px 0; border:0; border-top:1px solid #eee; } */
/* :target { background: #ffb; box-shadow: .1em .1em .4em .1em #DDA; border-radius: .2em; } */


/*
.content h1, .content h2, .content .btt_sticky {  /* stick headers at the top when scrolling *//*
    position: sticky;
    top: 0;
    width: 100%;  /* fill horizontal background */ /*calc(100vw - 255px)*//*
    background-color: var(--background-color); /* same as body/ *//*
    margin-bottom: -4px; /*-8px*//*
    padding-bottom: 4px; }
.content h1 ~ h3, .content h1 ~ h4, .content h1 ~ h5, .content h1 ~ h6 {
    scroll-margin-top: 54px; }
.content h2 ~ h3, .content h2 ~ h4, .content h2 ~ h5, .content h2 ~ h6 {
    scroll-margin-top: 50px;  }*/ /*16+26+4*/

h1, h2, h3, h4, h5, h6 {  /* space for BTT */
    scroll-margin-top: 16px; }

h1,.h1 { font-size: 30px; }  /* margin-top:32px; margin-bottom:6px */ /*font-family:"Helvetica Neue","Arial Narrow Bold",sans-serif;font-weight:500;line-height:1.1; */
h2,.h2 { font-size: 26px; margin-top: 0; }
h3,.h3 { font-size: 24px; margin: 0; padding-bottom: 14px; }
h4,.h4 { font-size: 20px; margin: 0; padding-bottom: 12px; font-style: italic; }
h5,.h5 { font-size: 18px; margin: 0; padding-bottom: 12px; }
h6,.h6 { font-size: 16px; margin: 0; padding-bottom: 12px; }
/*hr { margin: 30px 0 26px; }*/

p {
    margin: 0;
    padding: 0;
    width: 100%;
    /*text-align: justify;*/ }
.content p {
    padding: 0 0 2px;
    text-indent: 20px; }
.content .btt::before {
    content: '';
    display: block;
    clear: both; }
.container table p, .container li p {
    margin: 0;
    text-indent: 0; }
.no-indent {
    padding: 0;
    text-indent: 0 !important; }
.black { color: black; }
.center { text-align: center; }
.right { float: right; margin: 0 14px; }
.left { float: left; margin: 0 14px; }
.header { font-size: 14px; margin-bottom: 12px; }
.small {  font-size: 13px; }
table { counter-reset: section; }
.count::before { counter-increment: section; content: counter(section); }

ul, ol { margin: 0; }
details { color: black; background-color: yellow; }
details ul { margin: 0; padding: 5px 5px 5px 15px; }
summary { cursor: pointer; }
section { display: block; }
blockquote { margin: 0; padding: 16px 40px; }
/*img {  vertical-align: top;  }
sup {  font-size: 13px; }*/



/* --- Page --- */
.container {
    order: 5;
    flex: 1;
    /*flex-basis: 860px;*/
    /*height: 100vh;*/
    /*width: 100%;*/
    min-width: 360px;
    padding: 0 16px; /*6px 24px;*/
    overflow-y: auto;
    /*scroll-behavior: smooth;*/ }
.container .main {
    max-width: 860px;
    margin: 0 auto; }
/*.container .main-base {
    width: 760px;
    margin: 6px 80px; }*/
.container .content {
    margin: 24px 0 75vh; }
.container .title {
    text-align: center; }
.container .title h3 {
    line-height: 1.5;
    padding-bottom: 2px; }
.container .authors-date {
    font-weight: bold;
    /*font-size: smaller;*/ }
.container .include {
    margin-bottom: 120px; }

.content .toc ul {
    /*font-size: small;*/
    list-style-type: none;
    padding-left: 20px; }
.content .toc > ul {
    padding: 0;
    margin-bottom: 32px; }
.content .toc > ul > li {
    font-weight: bold; }
.content .toc > ul > li > ul li {
    font-weight: normal;
    font-size: smaller; }

.content .btt {  /* Back To Top */
    font-size: xx-small;
    margin-top: 24px;
    padding-bottom: 0;
    text-indent: 0; }

.content .background > p:last-child {
    padding-bottom: 0; }

/*.content .background {
    background-color: #FFCC99;
    padding: 8px;
    margin-bottom: 16px; }
.content .background > .btt:first-child {
    margin-top: 0px; }*/



/* --- Navigation --- */
body.in-iframe nav {
    display: none !important; }
body.in-iframe nav.sub-toc-left {
    display: block !important; }

@media (max-width: 700px) { /*TODO: open/close nav*/
body {
    flex-wrap: wrap !important; }
nav {
    height: auto !important; }
.container {
    order: 99 !important; }
}

@media print {
nav {
    display: none !important; }
.container {
    overflow-y: visible !important; }
}

nav {
    /*display: block;
    position: sticky;
    top: 0;*/
    flex: 0 0 auto;
    /*align-self: flex-start; /* NO if nav-left */
    height: 100vh;
    width: 175px;  /*200px*/
    /*min-width: 15em;
    width: calc(50% - 26em);*/
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
    overflow-y: auto; /*scroll*/
    padding: 8px; /*14px 10px*/
    font-size: 14px; /*12px*/ /* CHANGED */
    white-space: nowrap;
    /*scrollbar-gutter: stable;*/ }

nav.toc-left {
    width: auto;
    max-width: 200px;
    order: 0;
    z-index: 30;
    color: white;
	white-space: normal;
    background-color: #D60000; /*#FAEBD7*/
    /*border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;*/ }
nav.toc-right {
    order: 10;
    width: auto;
    max-width: 200px; 
    /*text-align: right;*/
    color: white;
    white-space: normal;
    background-color: black; }
nav.sub-toc-left, nav.sub-toc-left2 {
    width: auto;  /*155px; 190px*/
    max-width: 200px;
	white-space: normal;
    color: black;
    background-color: #FF6342; /*#BFBFBF; #ADFF2F; 008000*/
    padding-left: 10px;
    padding-right: 12px;
    font-size: 12px; }
/*nav.sub-toc-left a, nav.sub-toc-left a:link {
    color: white;
    text-decoration: underline; }
nav.sub-toc-left a:hover, nav.sub-toc-left a:visited:hover {
    color: green;
    text-decoration: underline; }*/
nav.sub-toc-left a:visited {
    color: #EEE; /*#D7F5CE;*/
    text-decoration: underline; }
nav.sub-toc-right {
    order: 9;
    width: auto;  /*155px; 190px*/
    max-width: 200px;
    color: black;
	white-space: normal;  
    background-color: #FAEBD7;
    padding-left: 10px;
    padding-right: 12px;  }
nav.sub-toc-right a, nav.sub-toc-right a:link, nav.sub-toc-right a:visited {
    color: #0066CC; }
nav#right-labels {
    display: none;
    white-space: normal; }

nav .sub-nav {
    margin-top: 36px;
    padding: 8px;
    background-color: #ffffb3; }

nav > div {
    margin-bottom: 40px; }

nav a, nav a:link {
    color: white;
    /*text-decoration: none;*/ }
/*nav a:hover, nav label.nav-expand:hover {
    color: white;
    text-decoration: underline; }*/
nav a:hover, nav a:visited:hover {
    color: #D7F5CE; } /* =rgba 87% */
nav a:visited {
    color: white; } /*#454545; #3399ff; #BBB; #A5DE94; #DEB887*/
nav h3, nav h3 a:link {
    padding: 0;
    color: yellow;
    font-style: italic; }
nav h3 a:hover {
    color: rgba(255,255,0,0.8); }
nav h3 {
    font-size: 16px; /*18px*/
    margin: 0; }
nav h4 {
    font-size: 16px;
    /*padding-bottom: 32px;*/ }
nav .logo {
    margin: 10px 0 10px;
    text-align: center; }
/*nav .logo a {
    font-size: large;
    text-decoration: underline overline; }*/
nav .logo-CAR a {
    font-size: 14px;
    color: black;
    text-decoration: none; }
nav .logo-CAR a:hover {
    text-decoration: underline; }
nav .logo:hover {
    filter: brightness(85%); }
/*nav .logo img {
    display: inline-block;
    height: 112px;
    width: 99px;
    background-color: black; }*/
nav #navbar-search input {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 4px; }
nav .nav-extra {
    font-style: italic; }
nav ol {
    margin: 0;
    padding-left: 1em; }


/* navigation lists: nav, .toc */
nav ul, .toc ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
nav .toc > ul {
    margin-left: 4px; } /* FOR arrows */
nav li {
    padding: 0; /*2px 0*/ }
nav ul li>ul, .toc ul li>ul {
    padding-left: 16px;
    /*font-size: 13px;*/ }

nav input#nav-toggle ~ li label.nav-expand::after {
    content: "Expand menu"; }
nav input#nav-toggle:checked ~ li label.nav-expand::after {
    content: "Collapse menu"; }
nav input#nav-toggle-2 ~ li label.nav-expand::after {
    content: "Expand menu"; }
nav input#nav-toggle-2:checked ~ li label.nav-expand::after {
    content: "Collapse menu"; }
.toc input#toc-nav-toggle ~ li label.nav-expand::after, .toc input#nav-toggle-extract ~ li label.nav-expand::after {
    content: "(Expand)"; }
.toc input#toc-nav-toggle:checked ~ li label.nav-expand::after, .toc input#nav-toggle-extract:checked ~ li label.nav-expand::after {
    content: "(Contract)"; }
nav label.nav-expand, .toc label.nav-expand {
    font-style: italic; }
.toc label.nav-expand {
    font-size: smaller;
    display: block;
    /*margin-bottom: 6px;*/  }
/*#extract-TOC .toc {
    margin-top: 6px;  }*/
#extract-TOC h5 {
    white-space: normal;  }

nav input[type="checkbox"], .toc input[type="checkbox"] {
    display: none; }
nav label, .toc label {
    cursor: pointer; }
nav input[type="checkbox"] + label {
    margin-left: -0.6em; } /*space for arrow*/
.toc input[type="checkbox"] + label {
    margin-left: -0.9em; } /*space for arrow*/
nav input[type="checkbox"] + label::before, .toc input[type="checkbox"] + label::before {
    text-decoration: none;
    content: "\025b8 "; } /* \025ba */ /*=arrow*/
nav input[type="checkbox"]:checked + label::before, .toc input[type="checkbox"]:checked + label::before {
    text-decoration: none;
    content: "\025bf "; }
nav input[type="checkbox"] ~ ul, .toc input[type="checkbox"] ~ ul {
    display: none; }
nav input[type="checkbox"]:checked ~ ul, .toc input[type="checkbox"]:checked ~ ul {
    display: block; }

nav li.nav-open > ul, .toc li.nav-open > ul {
    display: block; }
nav .active {
    /*font-weight: bold;*/
    background-color: rgba(0,0,0,0.14); }
.toc .active {
    font-weight: bold;
    /*background-color: rgba(0,0,0,0.08);*/ }
nav .scroll-current > a {
    /*font-weight: 800; */
    /*color: #0FE !important; /* #2962FF; */
    background-color: rgba(0,0,0,0.14); }

nav .indent, .toc .indent {
    padding-left: 14px; }
/*nav #A2 > ul > a::first-letter {
    font-size: 200%;
}*/
/*.toc form {
    margin-left: -4px; }*/



/* --- CONSTITUENTS --- */
.top-arrows {
    position: relative; }
.top-arrows div {
    position: absolute; }
/*.top-arrows a {
    text-decoration: none; }*/

.roster-block {
    /*padding: 12px 0;*/
    /*margin-bottom: 32px;*/
    width: 100%;
    position: relative; }
.roster-block a, .roster-block a:link {
    text-decoration: none; }
.roster-block h2 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    font-weight: normal; }
.roster-block h3 {
    font-size: 20px;
    margin: 4px 0 0;
    padding: 0;
    font-weight: normal; }
.roster-block .btt {
    font-size: 10px;
    /*margin-top: -12px;
    position: absolute;
    right: 0;*/ }

.roster-block table {
    background-color: #F5F5DC;
    /*min-width: 800px;*/
    border-collapse: collapse;
    border: 1px solid maroon;
    margin-bottom: 12px; }
.roster-block table thead tr {
    background-color: #FFE4C4; /* #EEE */
    text-align: left;
    /*border-bottom: 2px solid maroon;*/ }
.roster-block table tr, .roster-block table td, .roster-block table th {
    border: 1px solid maroon;
    padding: 2px; }
.roster-block table th:nth-child(1) { width: 160px; }
.roster-block table.roster-incidental th:nth-child(1), .roster-block table.roster-incidental td:nth-child(1) { display: none; }
.roster-block table th:nth-child(2) { width: 80px; }
.roster-block table th:nth-child(3) { width: 80px; }
.fl {
    float: right;
    font-size: xx-small;
    margin: 4px 0 0 4px; }
.roster-img {
    float: left;
    text-align: center;
    padding: 4px; }
/*.roster-img img {
    max-height: 90px;
    max-width: 100%; }*/
.images {
    margin-top: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 24px; }
.images div {
    text-align: center;
    font-size: 12px;
    /*border: 1px solid black;*/ }
.images div a {
    font-size: 16px;  /*font size=3&2,*/ }
/*.roster-block table tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.4); }*/



/* SEARCH */
#lunr-search-results {
    margin-top: 26px; }
#lunr-search-results ul {
    padding-left: 20px; }
#lunr-search-results h4 {
    padding: 0;
    margin: 18px 0 0; }
/*#lunr-search-results .lunr-result-fail {
    color: white; } */ /*#c90000;*/



/* BIBLIOGRAPHY */
.bibliography p {
    margin: 0;
    text-indent: 0; }

.bibliography > table {
    min-width: 100%; /*width*/
    margin-right: 0px; /* -60px: references on the right */
    margin-left: +10px;
    margin-bottom: 4px;
    border-collapse: collapse;
    
    text-align: justify;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }

.bibliography > table td {
    vertical-align: top;
    padding: 0; }

.bibliography > table td.year {
    vertical-align: top;
    width: 40px; }

.bibliography > table td.summary {
    font-size: 14px;
    padding-left: 40px; }
.bibliography > table td.summary p {
    /* padding-bottom: 6px; */
    text-indent: 20px; }
.bibliography > table td.summary li p {
    text-indent: 0; }
.bibliography > table td.summary p.sa {
    /* margin-top: 4px; */
    text-align: right; }

.bibliography > table td.references {
    font-size: 13px;
    text-align: right;
    min-width: 60px; }

.bibliography > table tr.bibl-entry td {
    padding-bottom: 12px; }

.octicon-link {
    margin: 0 0 -32px -38px;
    padding: 0 6px 32px 16px; }
/*.octicon-link svg {
    visibility: hidden; }
.bibliography table tr:hover .octicon-link svg {
    visibility: visible; }*/


table.bibliography_index {
    width: 100%;
    table-layout: fixed;
    border: 1px solid black;
    border-collapse: collapse; }
table.bibliography_index th {
    font-weight: 800;
    padding: 4px;
    color: black;
    text-align: left; }
.bibliography_index th, .bibliography_index td {
    vertical-align: top;
    border: 1px solid black; }



/* NOTES */
.notes {
    margin: 0; }
.notes li p {
    display: inline; }
.notes li {
    font-size: smaller; }
.notes p.na {
    font-size: smaller; }
.notes li:target {
    background-color: #e4bc9a; }



/* UGR indexes */
.labels input {
    max-width: 100%; }
.labels ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
.labels ul:not(.labels_index) li {
    display: inline-block;
    margin: 6px; /*0 6px 2px 0*/
    min-width: 75px; }

.labels_index {
  /*margin-left: 7px;
  font-size: 13px;*/ }


table.index {
  width: 100%;
  background-color: #FFE4C4;
  border-collapse: collapse;
}
.colfit { width: 1px;  }
.colfit2 { width: 160px;  }
.colfix { width: 90px;  } /*100px*//*40%*/
.colfix2 { width: 120px;  }
.nowrap { white-space: nowrap; }

table.index, table.index td, table.index th {
  border: 1px solid black;
}
table.index th {
  background-color: #EEE;
  font-weight: bold;
  /*font-style: italic;*/
  text-align: left;
  /*height: 24px;*/
  border-bottom: 2px solid black;
  padding: 1px 5px; }
table.index tr.last {
  border-bottom: 2px solid black; }
table.index td {
  padding: 1px 5px; }
table.index tfoot {
  border-top: 2px solid black; }
table.index a.bl:visited { color: #0066CC; }

#depositional table.index {
  background-color: initial;
  width: fit-content;
  border-width: 0 0 0 1px;  }
#depositional table.index tbody {
  display: flex;
  flex-flow: row nowrap;  }
#depositional table.index tbody tr:first-child {
  flex-shrink: 0;  }
#depositional table.index tbody tr {
  display: flex;
  flex-flow: row wrap;
  border: 0;  }
#depositional table.index tbody tr th, #depositional table.index tbody tr th {
  min-height: 25px;
  display: flex;
  align-items: center;
  border-width: 1px 1px 1px 0;
}
#depositional table.index tr td {
  background-color: #FFE4C4;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  /*align-items: center;*/
  white-space: nowrap;
  border-width: 1px 1px 1px 0;
  /*display: inline-block;*/  }
#depositional table.index tr td .dep-0 {
  padding-right: 24px;
  font-size: smaller;  }
#depositional table.index tr td .dep-1 {
  padding: 0 12px;
  font-weight: bold;  }
#depositional table.index tr td .dep-2 {
  padding-left: 24px;
  font-size: smaller;  }
#depositional table.index td:target {
  background-color: #FCC381;  }

table.sortable th {
  cursor: pointer; }
table.sortable th.sorttable_nosort {
  cursor: auto; }
#sorttable_sortfwdind, #sorttable_sortrevind { display: none; } 
table.sortable th:not(.sorttable_nosort):after {
  content: " ";
  display: block;
  line-height: 100px;
  vertical-align: middle;
  float: right;
  width: 12px;
  height: 12px;
  margin: 4px 0;
  background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat center right;
}
table.sortable th.sorttable_sorted:after {
  background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right;
}
table.sortable th.sorttable_sorted_reverse:after {
  background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==) no-repeat center right;
}
.meter {
  display: block;
  height: 6px;
  background-color: black;
}



/* btt along scrollbar
#btt {
  letter-spacing: 2px;
  font-size: 14px;
  text-decoration: none;
  display: block;
  position: fixed;
  right: 20px;
  top: 40%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: right;
  transform-origin: right; }
*/


/* CerPhaS */
.spc {  height: 7px; }
.col40p {	width: 40%; }
.col25p {	width: 25%; }
.col100 { width: 100px; }

.sub-toc-right-cerphas {
  min-width: 125px;
}
.sub-toc-right-cerphas #menu-list {
  margin-left: 7px;
}

table.sherds {
  table-layout: fixed;
  width: 100%;
  min-width: 800px;
}
table.sherds img {
  max-height: 90px;
  max-width: 100%;
}
td.text {
  text-align: right;
  height: 90px;
  width: 110px;
  padding: 0px 8px 0 20px;
  font-size: 13px;
}