style.css

@import url(bootstrap.css);
@font-face {
  font-family: 'Versiculum';
  font-style: normal;
  font-weight: normal;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
}
@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/crimson-bold-webfont.woff2') format('woff2'),
         url('fonts/crimson-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/crimson-italic-webfont.woff2') format('woff2'),
         url('fonts/crimson-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/crimson-roman-webfont.woff2') format('woff2'),
         url('fonts/crimson-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/crimson-semibold-webfont.woff2') format('woff2'),
         url('fonts/crimson-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
.lyric-font {
  font-family: 'Crimson Text', serif;
}
.verses {
  margin-top: -6pt;
}
.verses>p {
  line-height: 1;
  margin: 6pt 0;
}
.verses span.verse-number {
  float:left;
  width:25pt;
  text-align:right;
  color: #d00!important;
}
.red, .red * {
  color: #d00!important;
  line-height: 1;
}
p.red {
  margin-bottom: 0;
}
[style*="fill:#f00;"] {
  fill: #d00!important;
}
body {
  font-family: 'Crimson Text', serif;
  font-size: 13pt;
  margin: 8px;
}
.sans{font-family: sans-serif;}
.versiculum{font-family: 'Versiculum';font-variant:normal;font-size: 130%;color:#d00!important;}
@media print {
  .print-hide{
    display:none;
  }
  body{
    max-width:8in;
  }
}
tspan[style="font-family:'Exsurge Characters';fill:#f00;"] {
  font-family: 'Versiculum'!important;
  font-variant:normal;
  font-size: 130%;
  text-transform: lowercase;
}
select {
  max-width: 100%;
}
div#options-menu {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
}
div#options-menu>svg {
  width: 25px;
  cursor: pointer;
  fill: #444;
  margin-right: -2px;
  margin-top: -2px;
}
div#options-menu>svg:hover {
  fill: #000;
}
div#options-menu>ul {
  display: none;
  list-style-type: none;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 4px;
  background: #f6f6f6;
  width: 300px;
  max-width: 100%;
  margin: 0;
}
div#options-menu>ul a {
  text-decoration: none;
}
div#options-menu>ul a:hover {
  text-decoration: underline;
}
div#options-menu>ul>li:not(:first-child) {
  margin-top: 12px;
}
div#options-menu.showing>ul {
  display: block;
}
div#options-menu.showing>svg {
  display: none;
}
body.hide-choose-day #rbSunday{
  display: none;
}
body.hide-choose-day #rbWeekday {
  display: block;
  border-radius: 4px;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn-group-vertical,
.btn-group {
  margin-bottom: 4px;
  max-width: 100%;
}
.btn-group-vertical .btn,
.btn-group>.btn,
.btn-group li > a {
  text-align: left;
  white-space: normal;
  line-height: 1;
}
.btn-group>.btn {
  display: flex;
  flex-direction: row;
}
.btn-group>.btn+div {
  position: absolute;
  top: 100%;
  width: 100%;
  width: calc(100vw - 30px);
}
.btn-group>.btn > .lbl {
  margin-left: 1em;
  text-indent: -1em;
  display: inline-block;
  flex: 1 0;
  margin-bottom: 0.25em;
}
.btn-group>.btn > .caret {
  flex: 0 0 auto;
  margin: auto -7px auto 7px;
}
.btn-group li > a {
  padding-left: calc(20px + 1em);
  text-indent: -1em;
  padding-bottom: 0.5em;
}
.dropdown-menu > li.selected > a {
  color: #262626;
  background-color: #e8e8e8;
}
.btn-group-vertical .btn.active {
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 8px;
  border-color: #777;
}
div.h {
  margin-top: 10px;
}
.open-on-hover>div>.dropdown-menu {
  margin: 0;
}
.open-on-hover:hover>div>.dropdown-menu,
.open > div > .dropdown-menu {
  display: block;
}
chant-gabc,
chant-gabc > svg {
  display: block;
}
chant-gabc {
  margin: -2px 0 4px;
}