/*!
 * Start Bootstrap - Full (https://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */

body {
  background: #000000 url('../img/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.navbar-brand img {
  height:50px;
}
/* Nav buttons: yellow label on the Bootstrap primary blue, with the same
   hover/press feedback as any other button so a click does not look dead. */
.nav-link.btn {
  margin-left: 5px;
  margin-bottom: 3px;
  color: #fdd700 !important;
}
.nav-link.btn:hover,
.nav-link.btn:focus {
  background-color: #0069d9;
  border-color: #0062cc;
}
.nav-link.btn:active {
  background-color: #0062cc;
  border-color: #005cbf;
}

/* Panel overlays. jQuery fades these in and out; a CSS transition on the same
   property made the fade run backwards (opacity 1 -> 0.82 -> 1), which read as
   a flicker on every click. Leave the animation to the script. */
.overlay, #overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 2em; /* clears the fixed navbar (76px) together with the panels' mt-5 */
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden; /* Disable horizontal scroll */
  z-index: 99; /* Sit on top of the page, below the fixed navbar */
  background-color: #000; /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.7); /* Black w/opacity */
}

@media (max-width: 769px) {
  nav .navbar-nav {
    background-color: white;
  }
}

/* The collapsed-nav trigger is a button like the others: blue with a light
   icon, not a solid yellow block that reads as a stray yellow button. */
.navbar-toggler {
  background-color: #007bff;
  border: 1px solid #007bff;
}
/* Keyboard users still get a visible ring; a mouse click does not leave a
   yellow halo on the button. */
.navbar-toggler:focus:not(:focus-visible) {
  outline: none;
}
.navbar-toggler:focus-visible {
  outline: 2px solid #fdd700;
  outline-offset: 2px;
}