/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Display django-debug-toolbar.
   See https://github.com/django-debug-toolbar/django-debug-toolbar/issues/742
   and https://github.com/pydanny/cookiecutter-django/issues/317
*/
[hidden][style="display: block;"] {
  display: block !important;
}

/* Own customizations */

html {
  min-height: 100%;
}

p {
  text-align: justify;
  hyphens: auto;
}

/* Navbar
 ---------
 */
.navbar {
  border-top: 1px solid rgba(0,0,0,.125);
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.navbar-light .navbar-nav .nav-item.active,
.navbar-light .navbar-nav .nav-item.active:hover,
.navbar-light .navbar-nav .nav-item.active:focus {
  background-color: rgba(0, 0, 0, .35);
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .6);
  font-size: 1rem;
}

.navbar-light .navbar-nav .nav-item.active .nav-link,
.navbar-light .navbar-nav .nav-item.active .nav-link:hover,
.navbar-light .navbar-nav .nav-item.active .nav-link:focus {
  color: rgba(255, 255, 255, .9);
}

.navbar-light .navbar-nav .nav-link {
  padding: 1rem;
}

@media (min-width: 768px) {

  .navbar-nav .nav-item {
    text-align: center;
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(0,0,0,.125);
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 0 1rem;
  }

  .navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .6);
    vertical-align: middle !important;
    padding-top: 0.5rem;
  }

}

/* Figures
 ---------
*/
figure {
  text-align: center;
}

.card > .figure {
  padding: 0 1em 0 1em;
}

.figure-caption {
  font-size: 95%;
  text-align: justify;
}

/* References
 ------------
 */
.references, .bibliography {
  text-align: justify;
}

/* Footer
 ---------
*/
.footer {
  width: 100%;
  margin-top: 4rem;
  padding: 2rem 0;
  background-color: #f5f5f5;
  font-size: 85%;
  border-top: 1px solid rgba(0,0,0,.125);
}

.footer a {
  font-weight: 500;
  color: #55595c;
  background-color: transparent;
}

/* Headers
 ------------
 */
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.0rem; }
h6 { font-size: 0.8rem; }

/* Card headers
 ------------
 */
.card-header img { margin-bottom: 0.2rem; }
h1.card-header img { height: 1.8rem; }
h2.card-header img { height: 1.6rem; }
h3.card-header img { height: 1.4rem; }
h4.card-header img { height: 1.2rem; }
h5.card-header img { height: 1.0rem; }
h6.card-header img { height: 0.8rem; }

/* Form Controls and Buttons
 ------------
 */
.form-control, .btn {
  padding: 0.2rem 0.4rem;
  height: auto !important;
}