@font-face {
  font-family: Samaritan;
  src: url("/assets/fonts/Samaritan.otf");
  font-display: swap;
}
@font-face {
  font-family: AramaicSerto;
  src: url("/assets/fonts/AramaicSerto.ttf");
}
@font-face {
  font-family: Proxima;
  src: url("/assets/fonts/proximaReg.woff");
  font-display: swap;
}
@font-face {
  font-family: blbHebrew;
  src: url("/assets/fonts/SBL_Hebrew.ttf");
  font-display: swap;
}
@font-face {
  font-family: blbGentium;
  src: url("/assets/fonts/GentiumPlus-R.woff");
  font-display: swap;
}
@font-face {
  font-family: "URWEgyptienneTMedRegular";
  src: url("/assets/fonts/e046014t-webfont.eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "URWEgyptienneTMedRegular";
  src: url("/assets/fonts/e046014t-webfont.woff") format("woff"), url("/assets/fonts/e046014t-webfont.ttf") format("truetype"), url("/assets/fonts/e046014t-webfont.svg#webfontH1BQkWHE") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AndaleMonoRegular";
  src: url("/assets/fonts/andalemono-webfont.eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AndaleMonoRegular";
  src: url("/assets/fonts/andalemono-webfont.woff") format("woff"), url("/assets/fonts/andalemono-webfont.ttf") format("truetype"), url("/assets/fonts/andalemono-webfont.svg#webfont4Qd1s3Ey") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "socialico";
  src: url("/assets/fonts/socialico-webfont.eot");
  src: url("/assets/fonts/socialico-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/socialico-webfont.woff") format("woff"), url("/assets/fonts/socialico-webfont.ttf") format("truetype"), url("/assets/fonts/socialico-webfont.svg#socialicoregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "socialico_plusregular";
  src: url("/assets/fonts/socialico_plus-webfont.eot");
  src: url("/assets/fonts/socialico_plus-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/socialico_plus-webfont.woff2") format("woff2"), url("/assets/fonts/socialico_plus-webfont.woff") format("woff"), url("/assets/fonts/socialico_plus-webfont.ttf") format("truetype"), url("/assets/fonts/socialico_plus-webfont.svg#socialico_plusregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.socialico {
  font-family: "socialico";
}

.socialico_plus {
  font-family: "socialico_plusregular";
}

.fa {
  font-family: FontAwesome !important;
}

:root {
  --bubhead-bg: var( --blb-blue-800);
}

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

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

.tip-box {
  max-width: 500px;
  margin-inline: auto;
  margin-block: 10px;
  background-color: #f0f6fd;
  border: 1px solid #C5D2E0;
  border-radius: 8px;
  padding: 1em 2em;
}
.tip-box h3 {
  padding-left: 5px;
}
.tip-box b {
  color: #39547f;
}

body > div > div > div.bodyColumns > .bubble > .bubBody {
  padding-top: 3px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain {
  padding: 1.5em 2em;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain h2 {
  font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
}

body > div > div > div.bodyColumns > .bubble > .bubBody h2 {
  font-size: 1.05em;
  font-weight: bold;
  text-transform: uppercase;
  color: #575F6A;
}

body > div > div > div.bodyColumns > .bubble > .bubBody h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding-top: 15px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div h2 {
  color: #888;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div h2 > a {
  color: #747474;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div h2 > a:hover {
  color: #39547f;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div p + h2 {
  padding-top: 8px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain p {
  line-height: 1.3;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > div#versions {
  font-size: 0.9em;
  margin: 5px 20px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div h2 + p {
  padding-top: 0;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain p + h2 {
  padding-top: 18px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > ol.cssList > li > ul > li:first-child {
  margin-top: 10px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > ul {
  margin-top: 10px;
  margin-left: 15px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div ul li {
  padding-top: 4px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div > ul > li > ul {
  list-style-type: none;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div table {
  width: 100%;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div table > thead > tr + tr > th {
  padding-top: 10px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div table > tbody > tr > td {
  color: #39547f;
  line-height: 1.5em;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div table > tbody > tr > td:first-child {
  padding-left: 15px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div table > tbody > tr > td + td {
  text-align: right;
  padding-right: 15px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > div table > tbody > tr.comingSoon > td {
  color: #aaa;
  cursor: pointer;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > ol.cssList {
  font-size: 0.85em;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > ol.cssList li {
  margin-bottom: 10px;
  margin-left: 25px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling {
  width: 100%;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > thead > tr > th {
  font-weight: bold;
  color: #fff;
  border: solid 1px #355488;
  border-width: 1px 0;
  padding: 2px 5px;
  background: #627b9f;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > thead > tr > th:first-child {
  border-width: 1px 0 1px 1px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > thead > tr > th:nth-child(4) {
  border-width: 1px 1px 1px 0;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > tbody > tr > td {
  border: solid #c5d2e0 1px;
  border-width: 1px 0;
  border-color: #dbe3eb #c5d2e0;
  background-color: #fff;
  padding: 2px 5px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > tbody > tr > td:first-child {
  border-width: 1px 0 1px 1px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > tbody > tr > td:nth-child(4) {
  border-width: 1px 1px 1px 0;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > tbody > tr:nth-child(even) > td {
  background-color: #fafafa;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > table#kjvSpelling > tbody > tr:last-child > td {
  border-bottom: solid #c5d2e0 1px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > h3 {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > ul.index {
  border: solid #c5d2e0 1px;
  margin: 0px 15px;
  background-color: #fff;
  padding: 12px 22px;
  border-radius: 6px;
}

/*citation.cfm*/
div.citeeg {
  margin-bottom: 40px;
  font-size: 85%;
  font-family: georgia;
  padding: 8px;
  width: 100%;
  border: dotted 1px #000000;
  background-color: #efefef;
  text-align: left;
}

span.cithead {
  color: #324395;
  font-weight: bold;
  font-size: 16px;
}

p.indent {
  margin-left: 20px;
  text-indent: -20px;
}

/*  /help/ files*/
body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc {
  font-size: 0.9em;
  padding: 1.5em 2em;
  position: relative;
  width: 100%;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc h2 {
  font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc p {
  line-height: 1.5;
}
@media print, screen and (min-width: 40em) {
  body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc .helpColumn {
    flex: 1 1 50%;
    padding: 20px 0;
  }
  body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc .helpColumn.thirds {
    flex-basis: 33%;
  }
}
@media print, screen and (min-width: 64em) {
  body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc {
    display: block;
    justify-content: flex-start;
    flex-flow: row nowrap;
  }
  body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc .helpColumn {
    padding: 0;
  }
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc h2 {
  color: #575F6A;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
}
@media print, screen and (min-width: 64em) {
  body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc h2 {
    padding-top: 18px;
  }
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc h2 a,
body > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc h2 a:hover {
  color: #575F6A;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > h2.no-border-bottom,
body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > h3.no-border-bottom {
  border-bottom: none;
  padding-bottom: 0;
  text-align: center;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > p > img.copyBox {
  border: none;
  margin: 0px;
  padding: 0px;
  width: 16px;
  height: 17px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain > ul.index {
  border: solid #c5d2e0 1px;
  margin: 10px 15px;
  background-color: #fff;
  padding: 12px 22px;
  border-radius: 6px;
}

#bubBody table.grkVrb {
  border: 1px solid #758596;
  margin-bottom: 20px;
  background-color: #fff;
  width: 100%;
  max-width: 397px;
  margin-inline: auto;
}

#bubBody table.grkVrb > tbody > tr > td {
  padding: 3px 7px;
  font-size: 0.85em;
}

#bubBody.contact > h2 {
  border-bottom: solid #758596 1px;
}

#bubBody.contact > p + h2 {
  padding-top: 25px;
}

/*** DBDBG Stats page - /tools/dbdbg-list-count.cfm  ***/
body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats {
  font-size: 0.9em;
  padding: 24px 20px 25px 14px;
  position: relative;
  width: 100%;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table#dbdbg_ml {
  width: 200px;
  margin: 20px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table.dbdbg_web {
  width: 400px;
  margin: 20px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table#dbdbg_ml > thead th {
  background-color: var(--bubhead-bg);
  color: #fff;
  font-weight: bold;
  padding: 3px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table#dbdbg_ml > thead th + th {
  text-align: right;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > tbody > tr:nth-child(2n) > td {
  background-color: #dedede;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > tbody > tr > td + td {
  text-align: right;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > tbody > tr > td {
  padding: 1px 3px;
  border: 1px solid #627B9F;
  border-width: 1px 0;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > tbody > tr:last-child > td {
  border-top-width: 2px;
  border-bottom: 3px double #627B9F;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > tbody > tr:last-child > td:first-child {
  font-weight: bold;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > thead > tr > th {
  padding: 1px 3px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > thead > tr.subhead > th {
  background-color: var(--bubhead-bg);
  color: #fff;
  font-weight: bold;
  padding: 3px;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > thead > tr.hdr > th {
  font-weight: bold;
  background-color: #fff;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > #dbdbg_stats table > thead > tr.hdr > th + th {
  text-align: right;
}

#helpToc {
  column-count: auto;
  column-gap: 1em;
  column-width: 300px;
  column-rule: 1px #ccc solid;
}
#helpToc > div, #helpToc tr {
  break-inside: avoid;
}

body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table {
  margin-left: 15px;
  margin-right: 15px;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body {
  width: 90%;
  margin: auto;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row div.lxx-book {
  text-align: center;
  font-weight: bold;
  grid-column: span 2;
  border-bottom: 1px black solid;
  margin-bottom: 5px;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row.lxx-head {
  font-weight: bold;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row.lxx-head div.lxx-book {
  display: none;
}
body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row.new {
  margin-top: 15px;
}
@media print, screen and (min-width: 40em) {
  body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row div {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row div.lxx-book {
    text-align: left;
    font-weight: bold;
    grid-column: unset;
    border-bottom-width: 0;
  }
  body > div > div > div.bodyColumns > .bubble > .bubBody > div#helpsMain.lxx-verses div.verse-table div.lxx-body .lxx-row div.lxx-english {
    grid-column-start: 2;
  }
}

@media screen and (max-width: 63.99875em) {
  body:not(.viewport) > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc {
    padding: 0;
  }
}
@media screen and (max-width: 63.99875em) {
  body:not(.viewport) > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain {
    padding: 0;
  }
  body:not(.viewport) > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain.flow h2, body:not(.viewport) > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain.flow p, body:not(.viewport) > div > div > div.bodyColumns > .bubble > .bubBody > #helpsMain.flow ul {
    padding-inline: 2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #bubBody {
    padding: 1em;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain {
    font-size: inherit;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div {
    background-color: inherit;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
  body:not(.viewport) #helpsMain > div#versions {
    padding: 0 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div h2 {
    color: #0a0a0a;
    border-bottom: 2px solid #8a8a8a;
    padding: 1rem 1rem 0.5rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > b {
    padding: 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div > ul,
  body:not(.viewport) #helpsMain dl {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div ul li {
    padding-top: 0.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  body:not(.viewport) #helpsMain ol {
    padding-left: 30px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > ol {
    padding: 0 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div table tr > th {
    padding-top: 2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div table > tbody > tr > td:first-child {
    padding: 0.5rem 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > div table > tbody > tr > td + td {
    padding: 0.5rem 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  body:not(.viewport) #helpsMain > div table > tbody > tr:hover > td {
    background-color: #e9eef1;
    color: #9e0b0f;
  }
}
@media screen and (max-width: 25em) {
  body:not(.viewport) #helpsMain > table#kjvSpelling > tbody > tr > td {
    padding: 2px 3px;
  }
}
@media screen and (max-width: 63.99875em) {
  body:not(.viewport) #helpToc .helpColumn > ul {
    margin-left: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpToc {
    padding: 0;
    font-size: 1em;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpToc p {
    padding: 1rem 1rem 0.5rem;
    text-indent: 0;
  }
  body:not(.viewport) #helpToc p a {
    text-decoration: underline;
  }
}
@media print, screen and (min-width: 40em) {
  body:not(.viewport) #helpToc p:first-child {
    padding-left: 0;
    text-indent: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpToc h2 {
    font-weight: normal;
    padding: 3rem 1rem 0.5rem;
    text-transform: none;
    color: #0a0a0a;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > h2,
  body:not(.viewport) #helpsMain > h3 {
    padding: 3rem 1rem 0.5rem;
    border-bottom: 2px solid #8a8a8a;
    text-transform: none;
    color: #0a0a0a;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain a {
    text-decoration: underline;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #helpsMain > ul.index {
    border: none;
    margin: 0;
    background: inherit;
    padding: 1rem;
    border-radius: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body:not(.viewport) #bubBody table.grkVrb {
    width: 90%;
    margin: 0 5% 1rem;
  }
}

body.viewport .medium-order-1 {
  order: 1;
}
body.viewport .medium-order-2 {
  order: 2;
}
body.viewport .medium-order-3 {
  order: 3;
}
body.viewport .medium-order-4 {
  order: 4;
}
body.viewport #helpsMain {
  padding: 20px;
}
body.viewport > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc {
  display: block;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
body.viewport > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc .helpColumn {
  padding: 0;
}
body.viewport > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc .helpColumn {
  flex: 1 1 50%;
}
body.viewport > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc .helpColumn.thirds {
  flex-basis: 33%;
}
body.viewport > div > div > div.bodyColumns > .bubble > .bubBody > #helpToc h2 {
  padding-top: 18px;
}