#reading-listening {
  width: 100%;
  padding: 1rem 0;
  margin: 0;
  font-size: .9em;
  line-height: 1.6em;
}

#reading-listening div {
  border: none;
  margin: 0;
  padding-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

#reading-listening div div.disabled {
  color: #7e7e7e;
}

#reading-listening div label {
  padding-left: 5px;
  white-space: nowrap;
}

#reading-listening div div {
  display: inline;
  padding-right: 1rem;
}

@media screen and (min-width: 31.25em) {
  body:not(.viewport) #reading-listening {
    font-size: 1em;
  }
}

#lexicon {
  width: 100%;
  padding: 4px;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #lexicon {
    background-color: #fff;
    padding: 0;
  }
}

#lexicon > #lexTitle {
  background-color: #fff;
  border: solid #c5d2e0 1px;
  text-align: center;
  color: #627b9f;
  width: 100%;
  border-radius: 5px;
  text-shadow: #f9fafb 1px 1px 0;
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #lexicon > #lexTitle {
    border: none;
    border-radius: 0;
  }
}

#lexicon > #lexTitle > h6 {
  text-align: center;
  font-weight: bold;
  font-size: 2.2em;
  padding: 2px 0 4px;
  line-height: 1.2em;
}

#lexTitle > h6.lexTitleHb {
  font-size: 2.6em;
}

#lexicon > #lexTitle > .left {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 18px;
}

#lexicon > #lexTitle > .right {
  position: absolute;
  top: 3px;
  right: 4px;
  width: 18px;
}

/* ######################### Lexicon Table ######################### */
#lexResults,
.lexiconTable {
  width: 100%;
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #lexResults,
  body:not(.viewport) .lexiconTable {
    margin-bottom: 0;
  }
}

.lexiconTable {
  margin: 4px auto;
  line-height: 1.4em;
}

.lexiconTable .row .columns .row {
  min-height: 100%;
}

.lexiconTable .row .columns .row .columns > div + div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

body.viewport .lexiconTable .row .columns.medium-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.row .row {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .expandable {
    padding: 0.5rem 1rem;
    font-size: 1em;
  }
  body:not(.viewport) .expandable.expandable-closed {
    border-bottom: 1px solid #e6e6e6;
  }
  body:not(.viewport) .expandable:before {
    content: "- Hide ";
    display: inline;
  }
  body:not(.viewport) .expandable.expandable-closed:before {
    content: "+ Show ";
    display: inline;
  }
}

.columns {
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .row .columns {
    border-bottom: 1px solid #e6e6e6;
  }
  body:not(.viewport) .row .columns .row .columns {
    border-bottom: none;
  }
  body:not(.viewport) .row .columns.dark-border {
    border-bottom: 1px solid #8a8a8a;
  }
}

.columns:first-child.medium-6 {
  padding-right: 4px;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .columns:first-child.medium-6 {
    padding-right: 0;
  }
}

.mobile-footer .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.table-styles > div {
  background-color: #fff;
  padding: 10px;
  border: solid #c5d2e0 1px;
  border-width: 0 1px 1px;
  border-radius: 0 0 5px 5px;
  font-size: 1rem;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .table-styles {
    padding: 0.5rem 1rem;
  }
  body:not(.viewport) .table-styles > div {
    width: 50%;
    padding: 0;
    display: inline;
    border: none;
  }
  body:not(.viewport) .table-styles.small-12 > div {
    width: 100%;
    display: block;
  }
}

@media screen and (min-width: 40em) {
  body:not(.viewport) .table-styles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%;
  }
  body:not(.viewport) .table-styles .columns:last-child {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (min-width: 767px) and (max-width: 1025px) {
  body:not(.viewport) .table-styles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body:not(.viewport) .table-styles#lexOut.dark-border,
  body:not(.viewport) .table-styles#lexOut .table-styles, body:not(.viewport) .table-styles#lexThayers, body:not(.viewport) .table-styles.columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

body.viewport .table-styles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

body.viewport .table-styles .columns:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

body.viewport .table-styles .small-text-right {
  text-align: left;
}

.row .lexicon-label {
  padding: 5px;
  font-size: 1em;
  font-weight: bold;
  color: #506373;
  background-color: #e4eaee;
  border: solid #c5d2e0 1px;
  border-radius: 5px 5px 0 0;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .row .lexicon-label {
    background-color: #fff;
    border: none;
    padding: 0;
  }
  body:not(.viewport) .row .lexicon-label.expandable {
    font-weight: normal;
    color: #0a0a0a;
  }
}

#lexOut div > ol {
  font-size: 1.4em;
}

#lexOut div > ol li {
  list-style-position: outside;
  font-style: italic;
  font-family: Georgia, Times, serif;
  color: #a9bbc7;
  line-height: .9em;
}

#lexOut div ol > li > p {
  font-style: normal;
  font-weight: normal;
  font-family: arial, helvetica;
  font-size: .8em;
  color: #000;
  margin-top: 4px;
  padding: 2px 5px;
  border: solid #fff 1px;
  position: relative;
  left: -2px;
}

#lexOut div ol > li > p:hover {
  background-color: #f9fafb;
  border: solid #c5d2e0 1px;
  border-radius: 5px;
}

#lexOut div > ol > li {
  list-style-type: upper-roman;
  margin-left: 50px;
}

#lexOut div > ol > li > ol > li {
  margin-left: 24px;
  list-style-type: upper-alpha;
}

#lexOut div > ol > li > ol > li > ol > li {
  margin-left: 24px;
  list-style-type: decimal;
}

#lexOut div > ol > li > ol > li > ol > li {
  margin-left: 24px;
  list-style-type: lower-roman;
}

#lexOut div > ol > li > ol > li > ol > li > ol > li {
  margin-left: 24px;
  list-style-type: lower-alpha;
}

#lexOut div > ol > li > ol > li > ol > li > ol > li > ol > li {
  margin-left: 24px;
  list-style-type: disc;
}

#lexOut div .lexBlurb,
#lexOut div .lexSpecial {
  font-style: normal;
  font-weight: normal;
  font-family: arial, helvetica;
  font-size: .95em;
  color: #000;
  margin-top: 4px;
  padding: 5px 14px;
  background-color: #f9fafb;
  border: solid #c5d2e0 1px;
  border-radius: 5px;
}

#lexOut div > ol > li .lexBlurb,
#lexOut div > ol > li .lexSpecial {
  margin-left: -50px;
  font-size: .5em;
  line-height: 1.4em;
}

#lexOut div > ol > li > ol > li > .lexBlurb,
#lexOut div > ol > li > ol > li > .lexSpecial {
  margin-left: -75px;
}

#lexOut div > ol > li > ol > li > ol > li > .lexBlurb,
#lexOut div > ol > li > ol > li > ol > li > .lexSpecial {
  margin-left: -100px;
}

#lexOut div .lexSyn {
  margin-top: 12px;
}

.lexBlock {
  margin: 8px 20px;
  font-style: italic;
  color: #506373;
}

.greybox {
  margin-top: 8px;
  font-size: 1em;
  font-weight: bold;
  color: #506373;
}

#lexThayers img {
  padding: 0;
  border-width: 0;
  background-color: #fff;
}

#lexThayers div p {
  text-align: center;
  font-weight: bold;
  padding: 0 0 10px;
}

#lexThayers div p:first-child {
  padding: 10px 0 0;
}

#lexTrans > div + div,
#lexPro > div + div,
#lexPart > div + div,
#lexRoot > div + div {
  min-height: 51px;
}

div#lexPronunc {
  float: right;
  cursor: pointer;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) div#lexPronunc {
    -ms-flex-item-align: center;
        align-self: center;
    color: #d7e1ec;
    border: 1px solid #445a7a;
    background-color: #627b9f;
    padding: 2px 4px;
    text-align: center;
    font-size: .8rem;
    margin-left: .2rem;
    text-transform: uppercase;
    border-radius: 4px;
  }
  body:not(.viewport) a#moreTG {
    font-weight: normal;
    color: #d7e1ec;
    border: 1px solid #445a7a;
    background-color: #627b9f;
    padding: 6px 10px;
    text-align: center;
    font-size: .9em;
    text-transform: uppercase;
    border-radius: 4px;
  }
}

/* ######################### Lex Results ######################### */
#lexResults h2 {
  text-align: center;
  border: 1px solid #627b9f;
  background-color: #a0b3cb;
  color: #f9fafb;
  width: 100%;
  border-radius: 5px 5px 0 0;
  text-shadow: #627b9f 1px 1px 0;
  position: relative;
  text-align: left;
  font-weight: bold;
  font-size: 1.05em;
  padding: 3px 5px 1px;
  margin-top: 8px;
}

#lexResults .table-styles > div {
  background-color: #f9fafb;
  padding: 15px 20px 5px;
  font-size: 1em;
  border-color: #c5d2e0;
  border-bottom-style: double;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 0 1px 3px 1px;
  border-radius: 0;
}

#lexResults .table-styles > div.lexicon-label {
  background-color: #fff;
  padding: 0;
  border: none;
}

#lexResults .table-styles > div > p {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.5em;
}

#lexResults .table-styles > div > div > p {
  margin-bottom: 10px;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #lexResults h2 {
    border: none;
    display: inline;
    color: #0a0a0a;
    margin-top: 0;
    padding: 0;
    text-shadow: none;
    background-color: #fff;
    font-size: 1.05rem;
    font-weight: normal;
  }
  body:not(.viewport) #lexResults .table-styles > div {
    font-size: 1.05rem;
    background-color: #fff;
    border: none;
  }
  body:not(.viewport) #lexResults .table-styles > div > p {
    text-align: left;
  }
}

.lex-expand > .row > .columns:not(.table-styles) {
  padding-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .lex-expand .lexicon-label {
    font-size: 1.05rem;
  }
  body:not(.viewport) .lex-expand .table-styles {
    padding: 1.5rem 1rem;
  }
  body:not(.viewport) #lexResults .table-styles {
    padding: 1.5rem 1rem;
  }
  body:not(.viewport) .small-text-right {
    text-align: right;
  }
}

.bible .bibleTable {
  border: 1px solid #c5d2e0;
  border-top: none;
}

.bible .bibleTable .row {
  border-bottom: 1px solid #e7ecf2;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  background-color: #fff;
}

.bible .bibleTable .row.sixbuttons div.tablet-order-1 p {
  font-size: 12px;
}

@media screen and (min-width: 51.25em) {
  .bible .bibleTable .row.align-middle {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.bible .bibleTable .row .columns {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 1rem;
  border-bottom: none;
}

.bible .bibleTable .row .columns a img,
.bible .bibleTable .row .columns p img {
  border: none;
  background: none;
}

.bible .bibleTable .row .columns.tablet-order-1 {
  text-align: center;
}

@media screen and (min-width: 51.25em) {
  .bible .bibleTable .row .columns.tablet-order-1 {
    max-width: 80px;
    padding: 0 10px;
  }
}

@media screen and (min-width: 51.25em) {
  .bible .bibleTable .row .columns.tablet-order-1 p {
    margin-top: 5px;
  }
}

.bible .bibleTable .row .columns.tablet-order-1 a[data-type='buttons'] {
  border: none;
  display: inline-block;
  padding-left: 2px;
}

.bible .bibleTable .row .columns.tablet-order-1 a[data-type='buttons'] img {
  border: none;
  margin: 0 0 -3px 0;
  padding: 0;
}

.bible .bibleTable .row .columns.tablet-order-1 a[data-type='toolsHover'] {
  color: #fff;
  border: 1px solid #202a39;
  background-color: #627b9f;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 4px;
  vertical-align: top;
}

.bible .bibleTable .row .columns.tablet-order-1 a[data-type='toolsHover']:hover {
  text-decoration: none;
  background-color: #7a91b0;
}

.bible .bibleTable .row .columns.tablet-order-2 {
  font-size: .8em;
  font-weight: bold;
}

.bible .bibleTable .row .columns.tablet-order-2 img {
  border: none;
}

.bible .bibleTable .row .columns.tablet-order-2 p {
  padding: 4px;
  white-space: nowrap;
}

.bible .bibleTable .row .columns.tablet-order-2 p img {
  margin: 0 0 7px;
}

@media screen and (min-width: 51.25em) {
  .bible .bibleTable .row .columns.tablet-order-2 {
    max-width: 105px;
    padding: 0 5px 0 0;
    text-align: left;
  }
}

.bible .bibleTable .row .columns.tablet-order-3 {
  padding-left: 8px;
  max-width: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.bible .bibleTable .row .columns.tablet-order-3 div {
  line-height: 1.4em;
  padding: 4px;
  border: 1px solid #fff;
  margin: 0;
}

.bible .bibleTable .row .columns.tablet-order-3 div:hover {
  border-color: #d1cea1;
  background-color: #f8f8da;
  border-radius: 3px;
}

.bible .bibleTable .row .columns.tablet-order-3 div img.copyBox {
  border: none;
  background: none;
  margin: 0 7px 2px 0;
}

.bible .bibleTable .row .columns.tablet-order-3 div a.criteria {
  color: #9e0b0f;
  font-weight: bold;
  border-bottom: 1px dotted #9e0b0f;
}

.bible .bibleTable .row .columns.tablet-order-3 div a.criteria:hover {
  text-decoration: none;
  border-bottom-width: 0px;
}

.bible .bibleTable .row .columns.tablet-order-3 div .rl {
  color: #a70b0b;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .bible .bibleTable {
    border: none;
    text-align: left;
  }
  body:not(.viewport) .bible .bibleTable .__ln-loadmore-wrapper {
    border-top: 1px solid #e7ecf2;
    text-align: center;
  }
  body:not(.viewport) .bible .bibleTable .__ln-loadmore-btn {
    padding: 0.5rem 1rem;
    margin: 2rem auto 1rem;
    text-transform: uppercase;
    font-size: 1em;
  }
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) .bible .bibleTable .row {
    padding: 1rem;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 25em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-1 {
    max-width: 100%;
    text-align: center;
    padding-left: 0;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-1 a[data-type='toolsHover'] {
    padding: 6px 12px;
    font-size: 1em;
    text-transform: none;
    font-weight: normal;
    margin-left: 0;
    margin-top: 8px;
  }
}

@media screen and (max-width: 25em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-1 a[data-type='toolsHover'] {
    padding: 4px 6px;
    margin-right: 0;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-3 div {
    padding-left: 1rem;
    border: none;
    background-color: transparent;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-3 div > a {
    text-decoration: underline;
    font-weight: bold;
  }
}

@media screen and (max-width: 25em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-3 div {
    padding: 0 0 0 1rem;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-3 {
    max-width: calc(10*100%/12);
  }
  body:not(.viewport) .bible .bibleTable .row .columns.tablet-order-3 span > a {
    text-decoration: underline;
  }
}

body.viewport .bible .bibleTable .row.align-middle {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body.viewport .bible .bibleTable .row .columns.tablet-order-1 {
  max-width: 80px;
  padding: 0 10px;
}

body.viewport .bible .bibleTable .row .columns.tablet-order-1 p {
  margin-top: 5px;
}

body.viewport .bible .bibleTable .row .columns.tablet-order-2 {
  max-width: 105px;
  padding: 0 5px 0 0;
  text-align: left;
}

#pageCont {
  font-size: 18px;
  line-height: 1.4em;
  margin: 0 auto;
  width: 445px;
  background-color: #fff;
}

#pageCont .pageCont-header {
  font-weight: bold;
  font-size: 1.4em;
  color: #485c7d;
  text-align: center;
  border: 1px solid #c5d2e0;
  padding: 0;
  background-color: #e9eef1;
  border-radius: 3px;
}

#pageCont .pageCont-header .columns {
  padding: 4px 5px;
}

#pageCont .pageCont-header .columns div {
  text-align: center;
}

#pageCont a:hover {
  text-decoration: none;
  color: inherit;
}

#pageCont .columns {
  padding-top: 7px;
  padding-right: 7px;
  border-bottom: none;
}

#pageCont .columns p {
  margin: 7px 0 0;
  text-align: center;
}

#pageCont .columns p:first-child {
  margin: 0;
}

#pageCont .columns p:hover span {
  border-color: #2a384d;
  background-color: #3f5477;
  color: #fff;
  text-shadow: #2a384d 1px 1px 0;
}

@media screen and (min-width: 40em) {
  #pageCont .columns p:hover span.results-range {
    border-color: #3f5477;
    background-color: #627B9F;
    text-shadow: #3f5477 1px 1px 0;
  }
}

#pageCont .columns p span {
  display: block;
  float: left;
  border: 1px solid #637c95;
  background-color: #c1d4e8;
  color: #2f4d6e;
  width: 35px;
  margin-bottom: 7px;
  border-radius: 3px 0 0 3px;
  padding: 1px 5px;
  font-size: .9em;
  font-weight: bold;
  text-shadow: #e9eef1 1px 1px 0;
}

#pageCont .columns p span.results-range {
  border-left-width: 0;
  border-color: #b4c3d3;
  background-color: #e9eef1;
  color: #2f4d6e;
  width: 175px;
  border-radius: 0 3px 3px 0;
  padding-left: 8px;
  text-shadow: #fff 1px 1px 0;
  font-weight: normal;
}

#pageCont .columns p.moreRefs2 {
  cursor: default;
}

#pageCont .columns p.moreRefs2 span {
  border-color: #2a384d;
  background-color: #3f5477;
  color: #fff;
  text-shadow: #2a384d 1px 1px 0;
}

#pageCont .columns p.moreRefs2 span.results-range {
  border-color: #3f5477;
  background-color: #627B9F;
  text-shadow: #3f5477 1px 1px 0;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont {
    width: 100%;
    font-size: 1em;
  }
  body:not(.viewport) #pageCont .row {
    padding: 1rem;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns {
    padding: 0 1rem;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p {
    padding: 0.5rem 0;
    margin: 0;
  }
  body:not(.viewport) #pageCont .columns p a {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid #637c95;
    background-color: #c1d4e8;
    border-radius: 3px;
    color: #2f4d6e;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p:hover span {
    background-color: #c1d4e8;
    color: #0a0a0a;
    text-shadow: none;
    border-color: #637c95;
    color: #2f4d6e;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p span {
    display: inline;
    float: initial;
    padding: 0;
    width: inherit;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    font-weight: normal;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p span.results-range {
    background-color: transparent;
    border: 0;
    padding-left: 0.5rem;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p.moreRefs2 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    padding: 0;
    background-color: #627b9f;
    border: 1px solid #3f5477;
    border-radius: 3px;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p.moreRefs2 span {
    display: block;
    padding: 0.5rem 0;
    background: none;
    border: none;
    color: #fff;
    text-shadow: none;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p.moreRefs2 span.results-number {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #pageCont .columns p.moreRefs2 span.results-range {
    background: none;
    border: none;
    color: #fff;
    text-shadow: none;
  }
}

body.viewport #pageCont .columns.medium-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(600%/12);
          flex: 0 0 calc(600%/12);
  max-width: calc(600%/12);
}

body.viewport #pageCont .columns p:hover span.results-range {
  border-color: #3f5477;
  background-color: #627B9F;
  text-shadow: #3f5477 1px 1px 0;
}

/* ######################### Lex Search ######################### */
#lexSearch h2 {
  text-align: center;
  border: solid #627b9f 1px;
  background-color: #a0b3cb;
  color: #f9fafb;
  width: 100%;
  border-radius: 5px 5px 0 0;
  text-shadow: #627b9f 1px 1px 0;
  position: relative;
  text-align: left;
  font-weight: bold;
  font-size: 1.05em;
  padding: 3px 5px 1px;
}

#lexSearch > div {
  border: solid #c5d2e0 1px;
  border-width: 0 1px 1px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  padding: 15px;
  text-align: center;
  width: 100%;
}

#lexSearch > div > #prevNext {
  margin-bottom: 7px;
  text-align: left;
}

#lexSearch > div > #prevNext > div:first-child {
  float: right;
}

#lexSearch > div > form {
  text-align: center;
}

#lexSearch input,
#lexSearch select {
  width: inherit;
  border: solid #c5d2e0 1px;
  border-radius: 5px;
  padding: 2px;
  margin: 0 2px;
  background-color: #f9fafb;
  color: #485770;
}

#lexSearch input[type="text"] {
  padding: 3px;
}

#lexSearch input[type="submit"] {
  background-color: #bbcada;
  border: solid #91a6c3 1px;
  font-weight: bold;
}

#lexSearch input[type="submit"]:hover {
  background-color: #52627c;
  border: solid #3c485b 1px;
  color: #e9eef1;
}

/* ######################### Vine's Entry popup table ######################### */
#lexVines {
  overflow: auto;
  overflow-x: hidden;
  max-height: 450px;
  background-color: #fff;
}

#lexVines > div:nth-child(odd) {
  background-color: #E4EAEE;
  border-bottom: 1px solid #C5D2E0;
  border-right: 1px solid #C5D2E0;
  color: #506373;
  text-align: left;
  padding: 0px;
}

#lexVines > div > table {
  width: 100%;
}

#lexVines > div > table a {
  font-variant: small-caps;
  font-weight: normal;
}

#lexVines > div > table > tbody > tr > td {
  padding: 5px;
}

#lexVines > div > table > tbody > tr > td:last-child {
  font-weight: normal;
  text-align: right;
}

#lexVines > div + div {
  border-bottom: 1px solid #C5D2E0;
  border-right: 1px solid #C5D2E0;
  width: 100%;
}

#lexVines > div + div p {
  text-align: justify;
  padding: 7px 0px;
}

#lexVines > div + div > div {
  padding: 10px 15px 10px 9px;
}

/* ######################### Pronunciation Key popup table ######################### */
#pronunciationSymbols {
  width: 100%;
  font-size: 0.9em;
}

#pronunciationSymbols > tbody > tr > td:first-child,
#pronunciationSymbols > tbody > tr > td:first-child + td + td + td {
  font-weight: bold;
}

#pronunciationSymbols > tbody > tr > td {
  font-family: Trebuchet MS, Arial Unicode MS;
  padding: 2px;
  background-color: #fefefe;
}

#pronunciationSymbols > tbody > tr:nth-child(even) > td {
  background-color: #efefef;
  border: 1px solid #777;
  border-width: 1px 0px;
}

#pronunciationSymbols > tbody > tr > td:first-child + td + td {
  border-right: 2px solid #777;
}

div#trench {
  padding: 17px 40px;
  font-size: 0.9em;
}

div#trench > p {
  text-align: justify;
  line-height: 1.5em;
  margin: 12px 0;
}

div#trench > p > span.Gk {
  font-size: 1.1em;
}

div#trench > p > span.Hb {
  font-size: 1.2em;
}

div#trench > h2 {
  text-align: center;
  font-size: 1.2em;
  margin: 17px 0;
  line-height: 1em;
  font-weight: bold;
}

div#trenchTOC {
  padding: 17px 120px;
  font-size: 0.9em;
}

div#trenchTOC > h2 {
  text-align: center;
}

div#trenchTOC > blockquote > p {
  margin: 20px 0;
}

div#trenchTOC > blockquote {
  text-align: center;
}

div#trenchTOC > blockquote > div.cite {
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #C5D2E0;
  padding: 10px;
}

div#trench > blockquote > div.cite > table {
  margin-top: 12px;
}

div#trenchTOC > blockquote > div.cite > table > tbody > tr > td {
  padding: 3px;
}

#lexicon > table > tbody > tr > td#lexDict > div ~ div > p {
  padding-top: 12px;
}

#lexicon > table > tbody > tr > td#lexDict > div ~ div > p:first-child {
  padding-top: 0;
}

/* ######################### Strong's Definition ######################### */
.titleAside {
  float: right;
  font-size: 85%;
}

.strongsEcks {
  font-size: 150%;
  font-weight: bold;
  vertical-align: top;
}

.strongsDagger {
  padding-right: 2px;
}

.strongsPlus {
  font-size: 120%;
  font-weight: bold;
  vertical-align: top;
}

#strongsInfo hr {
  height: 1px;
  margin: 0 auto 1em;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #e6e6e6;
}

#strongsInfo div > p {
  padding-bottom: 1rem;
}

#outlineBiblical > .lexSpecial {
  margin-left: 0;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) #strongsInfo.__hidden,
  body:not(.viewport) #outlineBiblical.__hidden,
  body:not(.viewport) #BDBHebrew.__hidden,
  body:not(.viewport) #hebrewGreekImg.__hidden,
  body:not(.viewport) #concordanceResults.__hidden,
  body:not(.viewport) #bibleTable.__hidden,
  body:not(.viewport) #pageCont.__hidden {
    display: none;
  }
}

#lexCount > div + div,
#lexStrongsDef > div + div {
  line-height: 1.6em;
}

#lexStrongsDef .Gk,
#lexStrongsDef .Hb,
#lexStrongsDef .strgtrans {
  font-weight: bold;
}

sup {
  line-height: inherit;
  top: auto;
}

.back-link {
  width: 100%;
  padding: 1rem 0;
  text-align: center;
  text-decoration: underline;
}

.back-link a {
  font-size: 1rem;
}

/* ######################### BDB & Thayer's Definition ######################### */
@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .bdb-thayer-lex > div > div + div {
    padding: 1.5rem 1rem;
  }
}

.bdb-thayer-lex #bdbText,
.bdb-thayer-lex #thayersText {
  font-size: 1em;
  line-height: 1.6em;
  max-height: 275px;
  overflow: hidden;
}

.bdb-thayer-lex #bdbText h3,
.bdb-thayer-lex #thayersText h3 {
  font-weight: bold;
  padding-top: 15px;
}

.bdb-thayer-lex #bdbText .Hb,
.bdb-thayer-lex #thayersText .Hb {
  display: inline-block;
}

.bdb-thayer-lex .emphasis,
.bdb-thayer-lex .lexicon-word,
.bdb-thayer-lex .bdbbullet-lvl1
.thbullet-lvl1 {
  font-weight: bold;
}

.bdb-thayer-lex .expandText {
  font-weight: bold;
  padding-top: 10px;
  text-align: center;
}

.bdb-thayer-lex .maroon {
  color: maroon;
  display: inline-block;
}

.bdb-thayer-lex .scriptureIndex {
  border: 1px #627b9f solid;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
}

.bdb-thayer-lex .scriptureIndex dd {
  margin-left: 15px;
}

.bdb-thayer-lex .bdbbullet-lvl2,
.bdb-thayer-lex .thbullet-lvl2 {
  font-weight: bold;
  padding-left: 10px;
}

.bdb-thayer-lex .bdbbullet-lvl3,
.bdb-thayer-lex .thbullet-lvl3 {
  font-weight: bold;
  padding-left: 20px;
}

.bdb-thayer-lex .bdb-license,
.bdb-thayer-lex .thayer-license {
  font-size: 60%;
  line-height: normal;
  padding-top: 10px;
  text-align: center;
}

.bdb-thayer-lex .thayer-title {
  padding-bottom: 15px;
}

.bdb-thayer-lex #lexThayers div p {
  padding: 20px 0 10px;
}