/* lighter versions of colors commented out below, produced with https://www.w3schools.com/colors/colors_picker.asp. adding grey for transcription notes (color7) */
/*  font was font-family: Arial, Helvetica, sans-serif */
:root {
/* 
  --color1: #ffe6e8;
     */
  --color1: #ffe6ea;
  /*  
  --color2: #ccfff9;*/
  --color2: #ccebff;
 /*    --color3: #fff0e6; */
    --color3: #ffeecc;
    /* 
      --color4: #e9f4d7;
       */
      --color4: #ffffcc;
        --color5: #d7f4e9;
          --color6: #dadef1;
          --color7: #f2f2f2;
}
/* :root {
  --color1: #FF9AA2;
  --color2: #DCFFFB;
    --color3: #FFDAC1;
      --color4: #E2F0CB;
        --color5: #B5EAD7;
          --color6: #C7CEEA;
}
   */
   text {
   /* doesn't work */
       background-color: white;
   }
html {
  margin: auto; 
  /* this doesn't work -- needs to be set elsewhere */
 background-color: #ffffff;
  
  padding: 2.5em;
  /* 
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   * */
   font-family: San Sans Medium, Preto Sans Medium, sans-serif;
  /* changing font size here has no effect
  font-size: 20pt;*/
/*   background-color: #ebebeb; */
/* /  background-color: #f3f6f4;  */

  color: #292929;
   /* this allows text to adjust to fit iFrame in Omeka items */
  max-width: 95%;
  width: auto;
     
     /* 
     width: 33em;
      *  */
  overflow: auto;
  /*trying to get two-finger scroll on laptop to work again, but no luck. Not sure how I broke it*/
  overflow-y: scroll;
}
.page-setup {
margin: auto; 
/* 
  margin-left: 2em;
  margin-right: 4em;
  
  padding: 2.5em;
    */
    /* 
  font-family: "Gentium Book Basic", Cochin, Georgia, Serif;
   * */
   font-family: San Sans Medium, Preto Sans Medium, sans-serif;
  /* changing font size here has no effect? 
  font-size: 14pt;*/
 /* background-color: #ebebeb; */ 
 /* this doesn't work */
 background-color: white;
  color: #292929;
  /* width: 40em; */
  /* width: 600px; */
  width: 100%;
}
/* 
 
 .page-setup {
  margin-left: 2em;
  margin-right: 4em;
  padding: 2.5em;
  font-family: "Gentium Book Basic", Cochin, Georgia, Serif;
  font-size: 14pt;
  background-color: #ebebeb;
  color: #292929;
  width: 33em;
}
 */
gap::after {
    content: "[...]";
}
/*display the thumbnail in a bigger size*/
.-teibp-thumbnail {
  max-height: 500px; 

}
/* center pb and thumbnail, not right align */
/* no, left align */
.-teibp-pb {
  text-align: left;
}
/* 
  .-teibp-pb {
  display: block;
  width: 100%;
  text-align: right;
  color: gray;
  margin: 2em 0 2em 0;
  font-size: 11pt;
}
 */
/*this is document title at top of page*/
titleStmt > tei-title { 
    font-size: x-large;
    /* 
    font-family: "Gentium Book Basic", Cochin, Georgia, Serif;
     */
     font-family: San Sans Medium, Preto Sans Medium, sans-serif;
}
/*this is author at top of page*/
titleStmt > author {
/* 
    font-family: "Gentium Book Basic", Cochin, Georgia, Serif;
     */
     font-family: San Sans Medium, Preto Sans Medium, sans-serif;
}

p {
    text-align: left;
}

addrLine {
    font-style: normal;
}
/* Differentiate the way authorial and editorial notes are displayed */
note[type="authorial"] {
  /*  font-weight: bold;  */ 
    /*  font-style: italic;*/
}
note[type="authorial"]::before {
    content: "Authorial addition: ";
    font-style: italic;
}


/* Prevent Boilerplate's default CSS from showing parentheses. */

choice abbr + expan:before,
choice expan + abbr:before,
choice sic + corr:before,
choice corr + sic:before,
choice orig + reg:before,
choice reg + orig:before {
    content: none;
    display: inline !important;
}

choice abbr + expan:after,
choice expan + abbr:after,
choice sic + corr:after,
choice corr + sic:after,
choice orig + reg:after,
choice reg + orig:after {
    content: none;
    display: inline !important;
}
mentioned {
    font-style: italic;
}


/*I'm copying entire block over, trying to override all teipb.css settings for this -CM*/
/* Actually, I'm trying to undo what I did by commenting this out here -CM 20200705
note {
  display: block;
  margin: auto auto auto auto;
  padding: 0em 0em 0em 0em;
  border: none;
  border-radius: 0px;
  width: inherit;
  position: relative;
  border: none;
  background: inherit;
  text-indent: 0;
  font-size: inherit; 
  text-align: left;

  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); 
}
 
  */
  note {
  display: block;
  margin: 1.5em auto 1.5em auto;
  padding: .5em 1.5em 1.5em 1.5em;
  border: 1px solid black;
  border-radius: 15px;
  width: 75%;
  position: relative;
  border: 1px solid #aaaaaa;
  background: #fafafa;
  /* reset text-indent for note with <l> ancestors. */

  text-indent: 0;
  font-size: 85%;
  text-align: left;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}
  /* 
  .note-like {
  display: block;
  margin: 1.5em auto 1.5em auto;
  padding: .5em 1.5em 1.5em 1.5em;
  border: 1px solid black;
  border-radius: 15px;
  width: 75%;
  position: relative;
  border: 1px solid #aaaaaa;
  background: #fafafa;


  text-indent: 0;
  font-size: 85%;
  text-align: left;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

 */
  /* this is not used here */
note[type="transcription"] {
  /*  font-style: italic;  */ 
}
 /* this is not used here */
note[type="editorial"] {
  /*   font-style: italic;  */
}
/* this is used to hide or display headnotes in teibp.js */
note[type="head"] {

}
/* this is used to hide or display annotations in teibp.js */
note[type="annotation"] {

}
a {
    color: black;    
}
a:link {
    text-decoration: none;
        color: rgb(104, 75, 152);
}

a:visited {
    text-decoration: none;
        color: rgb(104, 75, 152);
}

a:hover {
    text-decoration: none;
    color: rgb(195, 111, 205);
}

a:active {
    text-decoration: none;
    color: rgb(195, 111, 205);
}

/* I'm copying all of this over so I can play with it */
body {
    /* font-size: small; */
    /*  20220610 */
    /* font-size: 16pt;  */
    /* this doesn't work */
    background-color: white;
}

body > head {
     /*  font-family: "Gentium Book Basic", Cochin, Georgia, Serif; */
     font-family: San Sans Medium, Preto Sans Medium, sans-serif;
  font-size: xx-large;
  font-weight: bold;
  /* 20210713 */
  text-indent: 0em;
  }

div > head {
    /*  font-family: "Gentium Book Basic", Cochin, Georgia, Serif;*/
    font-family: San Sans Medium, Preto Sans Medium, sans-serif;
  font-size: x-large;
  font-weight: bold;
/*   text-indent: -.7em;  */
  text-align: left; 
    /* 20210713 */
  text-indent: 0em;
  }
  
div > div > head {
  font-size: large;
/*    text-indent: -.4em;   */
    font-weight: bold;
/*     line-height: 200%;  */
    text-align: left;
/*     font-style: italic;  */
  /* 20210713 */
  text-indent: 0em;

}
div > div > div > head {
    font-size: medium;
/*     text-indent: .01em;    */
    font-weight: bold;
    line-height: normal; 
    text-align: left;
/*  display: inline;  */   
    text-transform: none;
    font-style: normal;
      /* 20210713 */
  text-indent: 0em;
    }
    
/* remove bullets from type=simple */
list[type="simple"] {
    list-style-type: none;
}

location {
    display: none;
}
opener {

}
closer {

}
/* this belongs in transcription.css, not here
hi[style="superscript"] {
    vertical-align: super;
    font-size: smaller;
}
 * /
/* this belongs in transcription.css, not here
 p[style="indent"] {
    text-indent: 40px;
}
  */
/* trying to get centering of text to work */
p[style="center"] {
    text-align: center;
    }
p[style="right"] {
    text-align: right;
    }
    #themeBox {
    /* 
        font-size: 75%;
         *  */
    }
#teibpToolbox {
/* margin-left: auto;
margin-right: auto;
  */
display: block;
margin: auto;
/*  left: 27em;   */
top: 2px;
  
position: sticky; 
opacity: .85;
 

  font-size: 75%;
/*   margin-right: 10em; */
 
  padding: .1em;
  /* 
  border-radius: 15px;
   */
  border-radius: 0px;
   
  border: 1px solid #aaaaaa;
  background: #fafafa;
  /*  font-family: serif; */
  font-family: San Sans Medium, Preto Sans Medium, sans-serif;
  text-align: left;
  /* 
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
   *  */
  

 /*   width: 50em;  */
   width: auto;
   max-width: 95%;
   z-index: 10;
 /*   position:absolute;  */
   }
select {
/*  
    font-family: serif;
    */
    font-family: San Sans Medium, Preto Sans Medium, sans-serif;
   }
   /* trying to get it to display serif when options expanded, not working */
select:hover {
    /* font-family: serif; */
    font-family: San Sans Medium, Preto Sans Medium, sans-serif;
   }

titleStmt > respStmt {
    display: none;
}
footer {
   font-size: 75%;
}
/* to make long URLS wrap in Works Cited. Found this code here: https://perishablepress.com/wrapping-content/ */
bibl {
    	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
    
}
/* 
div[n="readingVersionNoteList"] {
      border: 1px solid #aaaaaa;
      background: white;
      padding: .1em;
      font-size: smaller;
}
  */
div[n="readingVersionNoteList"] > td,
div[n="transcriptionKey"] > td,
div[n="semanticKey"] > td,
div[n="intermediateKey"] > td {
      border: 1px solid #aaaaaa;
      background: white;
      padding: .5em;
      font-size: smaller;
}


 
div[n="readingVersionKey"],
div[n="transcriptionKey"],
div[n="semanticKey"],
div[n="intermediateKey"] {
      border: 1px solid #aaaaaa;
 /*    background: white;
      padding: .5em;
      font-size: smaller;
         */  
}
.tooltip {
    position: relative;
    display: inline-block;
     /* If you want dots under the hoverable text */
  /*  border-bottom: 1px dotted black; */
     
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    /*  this gets overriden somewhere */
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    
      top: 100%;
  left: 50%;
  margin-left: -60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/* to add arrow. This works but positioning needs to be changed */
/* 
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
*/
/* I think these first two are obsolete now */
span[type="wrapperForTooltip"] {
    display: block;  
}
span[type="wrapperForContextualTooltip"] {
    display: block;  
}
/* end of possibly obsolete */
span[type="wrapperForContextualGeographicalTooltip"],
span[type="wrapperForContextualHistoricalTooltip"],
span[type="wrapperForContextualBiographicalTooltip"],
span[type="wrapperForContextualLexicalTooltip"],
span[type="wrapperForContextualGeneticTooltip"],
span[type="wrapperForContextualGeneralTooltip"] {
    display: block;  
}
span[type="wrapperForTranscriptionTooltip"], 
span[type="wrapperForAuthorialTooltip"]{
    display: block;  
}
span[type="inlineWrapperForTooltip"] {
    display: inline;
}
span[type="inlineWrapperForSemanticTooltip"] {
    display: inline;
}
span[type="inlineWrapperForIntermediateTooltip"] {
    display: inline;
}

list {
    list-style-type: none; /* Remove bullets */
}
cell[style="bottomBorder"] {
 border-style: solid;
       width: 5em;
       text-align: right;
  border-width: 0px 0px 2px 0px; /* 25px top, 10px right, 4px bottom and 35px left */
  padding: .25em .25em .25em .25em;
}
cell[style="noBorder"] {
 border-style: none;
       width: 5em;
       text-align: right;
       padding: .25em .25em .25em .25em;
 /*  border-width: 0px 0px 2px 0px; /* 25px top, 10px right, 4px bottom and 35px left */
}




table[type="math"] {
    
    width: 5em;
   
 /*   padding: .2em .2em .2em .2em;  */
 margin-bottom: 0em; 
 /* 
 margin-top: 2.25em; 
    */
    margin-top: 1em;
 text-align: right;
 font-size: inherit;
}
body > div[type="placeIndex"] > head {
  font-size: 16pt;
  /* 
    font-family: "Gentium Book Basic", Cochin, Georgia, Serif;  
     */
     font-family: San Sans Medium, Preto Sans Medium, sans-serif;
    padding-bottom: 0px;

   
}
div[type="placeIndex"] > div > head {
    
  /*   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  */
  font-size: 10pt;
  padding-bottom: 0px;
  font-weight: normal;
  
}
body > div[type="placeIndex"] > div {
    padding-bottom: 10px;
}
div[type="placeIndex"] > div > div {
padding-top: 0px;
    padding-bottom: 0px;
}