/**
* TODO : rationalize this CSS. Some classes could be used in more than one
* place, with various effects.
*/

/**
 * TODO : all translations and translitteration will have those classes.
 * A secondary context will be used to manipulate the display.
 * 
 * for instance, "ramsesLine" would be a good context 
 * (but needs to be moved one step highter.)
*/

/**
 * General technical
 */
.error {color: red;}
header h1 img {vertical-align: bottom;}
footer li {vertical-align: middle;}
footer img {max-height: 3em; }
main {margin-bottom: 6em;}
tr.clickable {cursor: pointer; }
.modal-dialog {padding: 1ex;}

/* Translations displayed in tables*/
.tableTranslation {font-family: 'egyptoserifitalic', serif; font-weight: bold;}
/*
 * Rules about kinds of data out of context.
 */
.translation {font-style: italic;font-family: 'egyptoserifitalic', serif;}
.transliteration {font-style: italic; font-family: 'egyptoserifitalic', serif;}
.translitteration {font-style: italic; font-family: 'egyptoserifitalic', serif;}

/*
 * in-context rules (which could move to their own CSS.)
*/
.glossedText {font-family: 'egyptoserifitalic', serif;}


.glossedText p.translation {margin-bottom: 3em; padding-left: 3em; font-size: larger; text-align: justify}
.glossedText .transliteration {text-align: center;}
.glossedText .spelling {white-space: nowrap;}
.glossedText td span.parenthesis {font-size: 100%;}
.glossedText .spelling img {height: 2em;}
.glossedText .spelling span {font-size: 2em;}
.glossedText tr.spelling td.pos span {font-size: initial;}
.glossedText table {margin-bottom: 1.5em;}
.glossedText table {text-align: center;}
.glossedText td {padding-left: 0.5em; padding-right: 0.5em;
                 padding-top: 0.25em; padding-bottom: 0.25em;
}
.glossedText img.hiero {height: 3em;}
.glossedText .marked {background-color: yellow;}
.glossedText table {border-collapse: collapse;}
.glossedText tr.analysis td {vertical-align: top;}
.glossedText tr.analysis td {font-family: serif; font-variant: small-caps;}


/* Current nav display for search result... Replace with Bootstrap.*/
.tab-content>div {padding-top: 2ex;}
nav.textNav form {display: inline-block}
nav.textNav {background-color: #b7d2ff;}

.grammaticalAnnotation {font-family: serif; font-variant: small-caps;}

/* Bibliography display */
#bibliography ul li span+span {margin-left: 0.5ex;}
#bibliography ul {list-style-type: none;}
#bibliography .authors .name {font-variant: small-caps;}

#bibliography .title {font-style: italic;}
/*#bibliography .childTitle::before {content: "‟"}
#bibliography .childTitle::after {content: "”"}*/
#bibliography .childTitle::before {content: "« "}
#bibliography .childTitle::after {content: " »"}

#bibliography .pages::before {content: "p. ";}
#bibliography .comment {display: none;}
#webography  ul {list-style-type: none;}

.logos {text-align: center; padding: 5pt;}
.logos img {margin-left: 15pt; }

.inline-title {font-weight: bold;}

/*.searchResult div {margin-bottom: 1ex; margin-top: 1ex;}*/

.searchResult .popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.pageNav {margin-bottom: 1ex;}

.paginationBar {display: flex; list-style-type: none; padding: 0pt;}

.paginationBar li {
    border-radius: 4px;
    border:  1pt solid rgb(227,227,227);
    padding: 2pt;
    flex: 1 1 0em;
    margin: 1pt;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.paginationBar li.pageNumberJump {margin-left: 1em;}
h2.lemmaTitle {font-weight: normal; font-style: italic;}