body, .nonmath { font-family: 'Merriweather', serif; }
.nonmath { font-size: 0.82644628099em; }
.slant { font-family: 'SlantMerriweather', serif; }

.navbar-flex .searchForm { width: 100%; }
.navbar-flex .searchText { width: 100%; }
@media (min-width: 768px) {
  .navbar-flex .navbar-collapse.collapse { display: flex !important; flex-flow: row wrap; justify-content: flex-end; }
  .navbar-flex .navbar-nav, .navbar-flex .navbar-form { display: inline-block; float: none; }
  .navbar-flex .searchForm { width: auto; flex-grow: 1; }
  a.navbar-brand { padding-right: 0px; }
}

.footer { position: fixed; z-index: 10; bottom: 0px; right: 0px; width: 50%; margin: 1ex }
.footer .alert { margin-bottom: 0 }
.credits { font-style: italic; font-size: small; margin-top: 1.5ex; padding: 6px }

/* For our half-link half-caret dropdown, we need to change <a> to render
 * as inline-block instead of block, so that two <a>'s can join horizontally.
 */
li.dropdown.halflink > a { display: inline-block }
li.dropdown.halflink > a.link:first-child { padding-right: 0px; }

/* Hack small navbar into the header */
.navbar-header .navbar-nav { display: inline-block; padding-left: 15px; }
@media (min-width: 768px) {
  .navbar-header + .navbar-collapse { padding-left: 0px; }
}

/* This one rule from Bootstrap needs to be loaded at all times, even when
 * switching themes, or else jQuery's .show() won't actually mark modals as
 * display: block.
 */
.modal { display: none; }

/* Place navbar above sticky TableOfContents, so dropdowns don't get covered */
nav.navbar { z-index: 1025; }

/* Remove double space between messages and TableOfContents */
.col-xs-9 + .col-xs-3 { padding-left: 0; }
