html {
  overflow-y: scroll;
}

/* https://stackoverflow.com/a/18986495/1136887 */
body {
  padding-top: 50px;
  padding-bottom: 0;

  font-family: Lato, sans-serif !important;

  background-image: url("/assets/brain_grid_1920x1200-f5a3e433.jpg");
  background-attachment: fixed;
  background-size: 100%;
}

html,
body {
  height: 100%;
}

body .jumbotron {
  margin: 0;
  padding: 50px 0 15px;
  background-color: white;
}

body .jumbotron h1 {
  margin-top: 25px;
  font-size: 39px;
  color: var(--orange);
  text-transform: uppercase;
}

p.gray,
.outside p {
  font-size: 19px;
  color: var(--gray);
}

img {
  max-width: 100%;
}

/* Navbar */
.navbar-inverse {
  background-color: var(--gray) !important;
}

.navbar-inverse .navbar-nav > li > a {
  color: white !important;
  text-transform: uppercase;
}

.nav > li:hover {
  background: var(--orange);
}

li.open {
  background: var(--orange);
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: var(--orange) !important;
}

body a.admin-action {
  position: relative;
  top: -3px;
  left: 5px;
}

/* Dev banner */
.dev-env-banner {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  right: 0;
  left: 0;

  height: 24px;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  color: #111;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;

  background: var(--orange);
}

.dev-env-banner + .navbar-fixed-top {
  top: 24px;
}

/*
  Force footer to bottom of window
  http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
*/
#wrapper {
  position: relative;
  min-height: 100%;
}

main {
  padding-bottom: 300px;

  /* Height of the footer */
}

main a {
  color: var(--orange);
}

main a:hover {
  color: var(--orange);
}

main .container {
  margin-bottom: 50px;
  background-color: white;
}

.container h2 {
  margin: 15px 0;
  font-size: 28px;
  color: #696969;
  text-transform: uppercase;
}

/* Footer */
footer {
  position: absolute;
  bottom: 0;

  width: 100%;
  min-height: 300px;

  background: rgb(131 142 152 / 80%);
}

footer .container {
  border-top: 1px solid #696969;
}

footer h4 {
  margin-top: 30px;
  margin-bottom: 20px;

  font-size: 16px;
  color: white;
  text-transform: uppercase;
}

footer ul {
  padding: 0;
  list-style: none;
}

footer .rub-logo {
  display: block;
  margin-top: 35px;
}

footer .sfb874-logo {
  margin-top: 15px;
}

footer hr {
  border-top: 1px solid #696969;
}

footer .copyright {
  color: #696969;
  text-align: right;
}

footer a {
  color: #3b3b3b;
}

footer a:hover {
  color: #3b3b3b;
}