body {
  font-family: sans-serif;
  line-height: 1.5;
  background: #f9f9f9;
  color: #222;
  padding: 4px 4px 4rem 10px;
}
body.claytablet {
  font-family: Georgia, serif;
}


h1, h2, h3 {
  font-weight: 600;
}

#siteTitle {
  margin:0px;
  margin-bottom: 10px;
}
#siteTitle a{
    color: #222;
    text-decoration:none;
}
#siteTitle a:hover{
    color:#666;
}

#siteHeader p{
    margin-top: 7px;
    margin-bottom: 7px;
}

a:link,
a:visited{
    color: #4949c9;
    text-decoration:none;
}
a:hover,
a:active{
    color: #d12a6d;
}

#textTitle {
  text-transform: capitalize;
  margin-bottom:0px;
}
#easyLink{
    margin:0px;
    font-size:12px;
}

#textSelectorBar{
    margin-bottom:18px;
}

#resultsContainer {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgb(190, 190, 190);
  padding: 0.7em 0;
}

.cell {
  flex: 1 1 25%;
  padding: 0.5em;
  box-sizing: border-box;
  min-width: 250px;
}

.col-translation{
    line-height:1.8;
}
.col-glosses div,
.col-transliteration div{
    margin-bottom:15px;
}
.col-cuneiform div{
    margin-bottom:6px;
}

.segmentCell {
  font-weight: bold;
  padding: 0;
  text-align: center;
  margin-top:-15px;
  margin-bottom:-4px;
  color:rgb(134, 104, 39);
}
.headerRow {
    padding: 0px;
    padding-left:7px;
}
.headerRow h2{
    font-size:20px;
}


.hidden {
  display: none !important;
}


#topSeparator{
    margin-top:33px;
    margin-bottom:33px;
    border-width:2px;
}
#bottomSeparator{
    margin-top:47px;
    margin-bottom:26px;
    border-width:2px;
}
footer p#copyright{
    font-size: 14px;
    color:#777;
}



@media screen and (max-width: 1200px) {
  .cell {
    max-width: 50%;
  }
}




span.SN {
  color: #008080; 
}
span.TN {
  color: #808000;
}
span.DN {
  color: #800000;
}
span.RN {
  color: #800080; 
}
span.GN {
  color: #008000; 
}
span.SN, span.TN, span.DN, span.RN, span.GN {
  font-weight: bold;
}
.qqqq {
  font-style: italic;
}
span.foreign{
    color:purple;
}
.note::before {
  content: "[";
  color: #000080;
  font-style: normal;
  margin-right: 0.06em;
}
.note::after {
  content: "]";
  color: #000080;
  font-style: normal;
  margin-left: 0.13em;
}
span.note,
span.gapnote{
    color: #000080;
    font-style:normal;
}


span.anchor, span.addspan {
  color: #999;
}

span.gapnote {
  color: #999;
  font-style: italic;
}

span.dotdotdot{
    color:#777;
}

.posN {   /* Noun */
  color: #00368d; 
}

.posPD {  /* Pronoun */
  color: #4d97b9; 
}

.posV {   /* Verb */
  color: #03631b; 
}

.posAV {  /* Adverb */
  color: #67aa49; 
}

.posAJ {  /* Adjective */
  color: #8f0a72; 
}

.posNU {  /* Numeral */
  color: #79518b;
}

.posC {   /* Conjunction */
  color: #944d0b;
}




.col-cuneiform span {
  font-family: "Noto Sans Cuneiform", "Segoe UI Symbol", sans-serif;
  font-size: 1.5em;
}

sup {
  font-size: 0.7em;
  color: #888;
  margin-right: 0.25em;
}

.smiley {
  font-size: 5rem;
  text-align: center;
  padding: 2em;
}


#staticContent {
      max-width: 750px;
      margin: 2em auto 4em auto;
      padding: 0 1em;
      line-height: 1.7;
      font-size: 1.05em;
    }

    #staticContent h2 {
      font-size: 1.4em;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      font-weight: 600;
    }

    #staticContent p {
      margin-bottom: 1.2em;
    }

    .indent{
    margin-left:36px;
}

.jumpto{
    padding:3em 4em 0em 2em;
}
.mobile-break {
  display: none;
}
#h1img{
    width:30px;
}
#footerimg{
    width:82px;
}

@media screen and (max-width:768px) {

    .mobile-break {
    display: block;
    width: 100%;
    height: 0;
  }

  #easyLink{
    margin:2px;
    font-size:12px;
}

  h1{
      line-height:1.2;
  }
 
  .row {
    flex-direction: column;
    border-bottom: 2px solid #888;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
  }

  .cell {
    max-width: 100% !important;
    width: 100%;
    padding: 0.3em 0.8em;

  }

.col-translation,
.col-glosses,
.col-transliteration{
    border-bottom:2px dashed #ccc;
    margin-bottom:18px;
}
.col-translation{
    padding-bottom:20px;
}

  .headerRow {
    display: none;
  }

  .cell h2 {
    font-size: 1.1em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.2em;
    margin-top: 1em;
  }

  .segmentCell {
    font-size: 1.1em;
    text-align: left;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
    border-bottom:0px !important;
  }

  #resultsContainer {
    gap: 2em;
  }

  #textSelector{
      max-width:120px;
  }

  #staticContent {
        padding: 0 1em;
        font-size: 1em;
      }

        .jumpto{
      padding-left:1px;
  }
  .indent {
    margin-left: 15px;
    }

}








.nocolor1{
    color: #000000 !important;
    font-weight: normal !important;
}
.nocolor2 {
  color: #000000 !important;
}
.noitalics{
    font-style:normal !important;
}