.bubBody {
  padding-top: 3px;
}

.standard-btn {
  font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  background-color: #DCECFF;
  color: #3F71A9;
  border-radius: 6px;
  padding: 12px 20px;
  margin: 10px auto;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

div#bubBody div.copyFoot {
  background-color: #F3F5F7;
  border-top: 1px #C5D2E0 solid;
  padding: 15px;
  display: flex;
  justify-content: center;
}
div#bubBody div.copyFoot img {
  width: 99px;
  margin-right: 10px;
}
div#bubBody div.copyFoot p {
  margin: auto 0;
  line-height: 1.4em;
}

div#notesData h1 {
  margin-bottom: 10px;
}

#bubBody > #clickToView {
  border: solid #9f9d61 1px;
  border-width: 0 1px 1px;
  border-radius: 0 0 3px 3px;
  background-color: #eceab5;
  max-width: 600px;
  width: fit-content;
  margin: 0 auto;
  padding: 0.5rem 0.4rem;
}
#bubBody > #clickToView > p {
  padding: 2px 0 0;
  text-align: center;
}
#bubBody > #clickToView > p > a {
  font-weight: bold;
}
@media screen and (max-width: 63.99875em) {
  #bubBody > #clickToView {
    border-width: 1px;
    border-radius: 3px;
    width: fit-content;
    margin: auto;
    padding: 1rem;
  }
  #bubBody > #clickToView > p {
    padding: 0;
    margin: 0;
    font-size: inherit;
  }
}

@media screen and (max-width: 63.99875em) {
  body:not(.viewport) div#bubBody div#notesData > #clickToView {
    border: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 1rem;
    height: auto;
  }
}
@media screen and (max-width: 63.99875em) {
  body:not(.viewport) div#bubBody div#notesData > #clickToView > p {
    padding: 0;
    margin: 0;
    font-size: inherit;
  }
}

div.esv-gsb {
  padding: 14px 20px 14px;
  line-height: 1.6em;
}
div.esv-gsb h6 {
  color: #494D51;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
div.esv-gsb h2 {
  color: #494D51;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2px;
  padding-top: 10px;
}
div.esv-gsb h2.tagline {
  text-align: center;
  padding-top: 0px;
  margin-bottom: 20px;
  font-size: 16px;
}
div.esv-gsb h3 {
  color: #40454d;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 10px;
}
div.esv-gsb h4 {
  color: #40454d;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 2px;
}
div.esv-gsb p {
  margin-bottom: 10px;
  margin-right: 12px;
}
div.esv-gsb p.copyright {
  font-size: unset;
}
div.esv-gsb p.glossary-word {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
}
div.esv-gsb p.glossary-entry {
  margin-bottom: 10px;
}
div.esv-gsb p.signed {
  padding-top: 5px;
  text-align: center;
}
div.esv-gsb p.image {
  padding-top: 15px;
  text-align: center;
}
div.esv-gsb ol > li,
div.esv-gsb ul > li {
  margin-left: 35px;
  line-height: 1.6em;
  margin-bottom: 5px;
}
div.esv-gsb ol > li.outline,
div.esv-gsb ul > li.outline {
  list-style-type: upper-roman;
}
div.esv-gsb ol > li.outlineA,
div.esv-gsb ul > li.outlineA {
  list-style-type: upper-alpha;
}
div.esv-gsb ol > li.outline-a,
div.esv-gsb ul > li.outline-a {
  list-style-type: lower-alpha;
}
div.esv-gsb dl dt {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid rgb(200, 200, 200);
}
div.esv-gsb dl dt.major-prophet, div.esv-gsb dl dt.good-king {
  background: rgb(225, 237, 241);
}
div.esv-gsb dl dt.bad-king {
  background: rgb(238, 219, 218);
}
div.esv-gsb dl dt.minor-prophet, div.esv-gsb dl dt.mixture-king {
  background: rgb(242, 239, 232);
}
div.esv-gsb dl dd {
  display: inline-block;
  margin: 0px 10px;
  padding-bottom: 0;
  vertical-align: middle;
}
div.esv-gsb dl {
  margin-bottom: 10px;
}
div.esv-gsb table {
  margin-top: 15px;
  margin-bottom: 15px;
  border-collapse: collapse;
  overflow: auto;
}
div.esv-gsb table.wide {
  display: inline-block;
  overflow: auto;
  width: 940px;
  font-size: 15px;
}
div.esv-gsb table.center {
  margin: auto;
}
div.esv-gsb table tr th {
  font-weight: bold;
  padding: 5px 20px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgb(200, 200, 200);
  border-collapse: collapse;
}
div.esv-gsb table tr > td {
  border: 1px solid rgb(200, 200, 200);
  border-collapse: collapse;
  padding: 5px 20px;
}
div.esv-gsb table tr > td.contributor {
  border: none;
  text-align: center;
}
div.esv-gsb table tr > td.contributor-credit {
  border: none;
  text-align: center;
}
div.esv-gsb p.contributor-indent > span.contributor-name,
div.esv-gsb p.contributor-indent > span.contributor-institution,
div.esv-gsb p.contributor-indent > span.contributor-credit {
  margin-left: 20px;
  display: inline-block;
}
div.esv-gsb .contributor-role,
div.esv-gsb .contributor-name {
  font-weight: bold;
}
div.esv-gsb .contributor-contribution,
div.esv-gsb .contributor-credit {
  font-style: italic;
}
div.esv-gsb .even {
  background-color: rgb(253, 253, 253);
}
div.esv-gsb .odd {
  background-color: rgb(242, 242, 242);
}
div.esv-gsb .small-caps-lower {
  font-variant: small-caps;
}
div.esv-gsb .intro {
  font-size: 17px;
}
div.esv-gsb .book {
  font-size: 30px;
  font-weight: bold;
}
div.esv-gsb .initial {
  font-weight: bold;
}
div.esv-gsb .indent20 {
  margin-left: 20px;
}
div.esv-gsb .indent40 {
  margin-left: 40px;
}
div.esv-gsb .indent60 {
  margin-left: 60px;
}
div.esv-gsb .list-spacing ol > li:first-child {
  margin-top: 5px;
}
div.esv-gsb .menu {
  margin-bottom: 20px;
}
div.esv-gsb .glossary-entry {
  margin-left: 15px;
}
div.esv-gsb .column-1,
div.esv-gsb .column-2,
div.esv-gsb .column-3,
div.esv-gsb .column-4 {
  display: flex;
  flex-direction: column;
  width: 250px;
  margin: 10px;
  padding: 5px;
}
@media print, screen and (max-width: 39.99875em) {
  div.esv-gsb .column-1,
  div.esv-gsb .column-2,
  div.esv-gsb .column-3,
  div.esv-gsb .column-4 {
    width: unset;
    margin: unset;
    padding: unset;
  }
}
div.esv-gsb .esv-flex-container {
  display: flex;
  max-width: 40em;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 39.99875em) {
  div.esv-gsb .esv-flex-container {
    display: block;
  }
}
div.esv-gsb ul.esv-toc li {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  margin: 0 5px;
}
div.esv-gsb ul.esv-toc li::before {
  border-bottom: 1px dotted rgb(0, 0, 0);
  content: "";
  flex-grow: 1;
  height: 1em;
  order: 2;
  margin: 0 3px;
}
@media print, screen and (max-width: 39.99875em) {
  div.esv-gsb ul.esv-toc li::before {
    margin-top: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  div.esv-gsb ul.esv-toc li:first-child::before {
    margin-top: 0;
  }
}
div.esv-gsb ul.esv-toc li .abbrev,
div.esv-gsb ul.esv-toc li .contributor-credit {
  order: 3;
  padding-top: 0.5em;
}
div.esv-gsb ul.esv-tocN li {
  list-style-type: none;
  margin: 0 5px;
}
div.esv-gsb .grid-odd {
  display: grid;
  background-color: rgb(242, 242, 242);
}
div.esv-gsb .grid-odd.two {
  grid-template-columns: 1fr 1fr;
}
div.esv-gsb .grid-odd.three {
  grid-template-columns: 1fr 1fr 2fr;
}
div.esv-gsb .grid-even {
  display: grid;
  background-color: rgb(255, 255, 255);
}
div.esv-gsb .grid-even.two {
  grid-template-columns: 1fr 1fr;
}
div.esv-gsb .grid-even.three {
  grid-template-columns: 1fr 1fr 2fr;
}
div.esv-gsb .entry {
  line-height: 1.6em;
  padding: 6px 20px;
  border-bottom: 1px solid rgb(200, 200, 200);
  border-right: 1px solid rgb(200, 200, 200);
}
@media print, screen and (min-width: 40em) {
  div.esv-gsb .index-flex {
    display: flex;
    justify-content: center;
  }
  div.esv-gsb .index-flex > div {
    padding: 25px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  div.esv-gsb .index-flex > div:first-child {
    padding-top: 25px;
  }
}

div.fn-finder {
  padding: 14px 20px 14px;
  line-height: 1.6em;
  font-size: 0.85em;
  background-color: #EAF1FC;
  border-top: 1px solid #C7D3ED;
  display: flex;
  justify-content: center;
}
div.fn-finder h4 {
  color: #3F547C;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 2px;
  text-transform: uppercase;
}
div.fn-finder select#bookFinder {
  width: 120px;
}
div.fn-finder select#chapterFinder {
  width: 80px;
}
div.fn-finder div.search-fields {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  flex: 1;
}
div.fn-finder div.search-fields select {
  border: 2px solid #C5D2E0;
  font-size: 15px;
  border-radius: 3px;
  min-height: 35px;
  padding: 0 8px;
  min-width: 110px;
  margin-right: 5px;
  transition: ease-in-out 0.25s;
}
div.fn-finder div.search-fields select:first-of-type {
  min-width: 160px;
}
div.fn-finder div.search-fields select:focus, div.fn-finder div.search-fields select:hover {
  outline: none;
  border: 2px solid #3F547C;
}
div.fn-finder div.search-fields button#finderGo {
  border: 1px solid var(--blb-blue-800);
  background-color: var(--blb-blue-800);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  height: 35px;
  margin-left: 0;
  margin-top: 0;
  border-radius: 3px;
  transition: ease-in-out 0.25s;
  color: #fff;
  text-shadow: none;
  padding: 0 10px;
}
div.fn-finder div.search-fields button#finderGo:hover {
  border: 1px solid #8c9fbb;
  background-color: #8c9fbb;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
}

body.viewport div.esv-gsb .column-1,
body.viewport div.esv-gsb .column-2,
body.viewport div.esv-gsb .column-3,
body.viewport div.esv-gsb .column-4 {
  width: 250px;
  margin: 10px;
  padding: 5px;
}
body.viewport div.esv-gsb .esv-flex-container {
  display: flex;
}
body.viewport div.esv-gsb ul.esv-toc li::before {
  margin: 0 3px;
}
body.viewport div.esv-gsb .index-flex > div {
  padding: 25px;
}

@media (max-width: 560px) and (min-width: 0px) {
  body:not(.viewport) .fn-finder h4 {
    text-align: center;
  }
  body:not(.viewport) div.search-fields {
    flex-direction: column;
  }
  body:not(.viewport) div.search-fields select {
    margin-bottom: 5px;
    margin-right: 0 !important;
    min-width: 160px !important;
  }
  body:not(.viewport) div.search-fields button#finderGo {
    width: calc(100% - 17px);
  }
}