/**
 * @file
 * Styles for the Bible book list / table of contents.
 */

div.bible-book-list {
  overflow: hidden;
}

div.bible-section {
  display: flex;
  padding: 1em 0.5em;
  border-bottom: 1px solid #ccc;
}

div.bible-section:first-child {
  border-top: 1px solid #ccc;
}

div.bible-section-label {
  flex: 0 0 auto;
  min-width: 120px;
  font-weight: bold;
  padding-right: 1em;
  line-height: 2;
}

div.bible-book-list .books {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
}

div.bible-book-list span.book {
  flex: 0 0 33.33%;
  box-sizing: border-box;
  padding-right: 0.5em;
  line-height: 2;
}

div.bible-version-select {
  margin-top: 1em;
}

@media only screen and (max-width: 767px) {
  div.bible-section {
    flex-direction: column;
  }

  div.bible-section-label {
    margin-bottom: 0.25em;
  }

  div.bible-book-list span.book {
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 479px) {
  div.bible-book-list span.book {
    flex: 0 0 100%;
  }
}