@font-face {
    font-family: "Junicode";
    src: local("Junicode"), url("../font/Junicode.ttf");
}

@font-face {
  font-family: "Junicode Italic";
  src: local("Junicode Italic"), url("../font/Junicode-Italic.ttf");
  font-style: italic;
}

main * {
    font-family: "Junicode", sans-serif;
}

main i {
    font-family: "Junicode Italic";
}

main p {
  font-size:117%;
}

.top-bar {
  background:#256692;
  min-height: 45px !important;
  height: 55px !important;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
.navbar-brand>img {
        max-height: 100%; /* resize DOWN to height of container which is set to 50px */
        height: 100%; /* resize UP to fit*/
        max-width: 100%;  /*probably not necessary */
        width: auto; /* resize based on height */
        margin: 0 auto;
				padding: 3px 7px 0px 4px;

   -o-object-fit: contain; /* Opera Support */
          object-fit: contain; /* Resize down to fit container */

}
/* Default Navbar Brand Settings. Use this to resize or move your logo up and down */
.navbar-brand {
  padding: 1px 1px; /*adjust the top/bottom padding if your logo looks too small */
  margin-top: 0px; /* you can adjust this if your logo needs to be moved up or down but simply adjusting the padding is easier */
  height: 50px; /* this should be equal to computed height of .navbar-nav>li>a */
	display: flex;
	align-items: center;

}
.tei.summary, .tei.summary_edit {
  font-style:normal;
  color: green;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }

.unclear {
    color: #0000cc;
    font-style: italic;
    font-family: "Junicode Italic";
}

/*#text-viewer { display: none; }*/
/*#translations { display: none; }*/
#variants { display: none; }

div#main_ed_txt, .tei.body, .row.editedhead {
  max-width:1366px;
}

.fullWidth {
  min-width: 98% !important;
}

#content_main {
  /*display:none;*/
  padding: 0 13px;
}

#text-viewer .viewer-text-box {
  border-radius: 10px;
}
/*tooltip styling for notes etc*/
.ref, .refs {
  position:relative;
}
/*added a text indent to overide indent styles further down*/
.ktooltip {
    display: inline-block;
    text-indent:0em;
}

.ref .ktooltiptext, .refs .ktooltiptext {
  display:none;
  text-indent: 0em;
  width: 50vw;
  background: #fff;
  border-radius: 6px;
  padding: 5px;
  left: 25vw;
  right:25vw;
  bottom:10vh;
  border:2px solid grey;
  line-height: normal;
  position:absolute;
  -webkit-transition-delay:0.5s;
  -moz-transition-delay:0.5s;
  -ms-transition-delay:0.5s;
  -o-transition-delay:0.5s;
  transition-delay:0.5s;
  position: fixed;
  z-index: 1;
}

.ref:hover .ktooltiptext, .refs:hover .ktooltiptext {
    visibility: visible;
    -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  -ms-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s;
}
 p tei lg{
   display:inline-block
 }
.ktooltip:hover + span {
  display:block;
}

.reveal-modal-bg {
  background: rgba(0,0,0,0.0) !important;
}

.tei.lg {
  margin-left: 1em;
}

 p.pnumbering {
   margin-bottom: 0px;
   color:darkred;
 }
/*indent styling*/
/*text-indent doesnt work on inline elements like spans, so setting it to a block*/
.tei .l {
  display: inline-block;
}
.indent {
  text-indent: 1em;
}
.indent2 {
  text-indent: 2em;
}
.indent3 {
  text-indent: 3em;
}
.indent4 {
  text-indent: 4em;
}
.indent5 {
  text-indent: 7em;
}
.indentC {
  padding-left:48%;
}
p.tei.indent1, p.tei.indent2, p.tei.indent3, p.tei.indent4, p.tei.indent5, p.tei.indentC {
    margin-bottom: 0px;
}