@charset "utf-8";
/* CSS Document */

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}
p {
  text-align: left;
}
/* Add a gray background color and some padding to the footer */
footer {
  background-color: #f2f2f2;
  padding: 25px;
}
.list-group-item {
  border-left: 3px solid #999;
  background-color: #f5f5f5;
  padding: 7px 7px 7px 12px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  text-align: left;
}
h4 .list-group-item-heading.active {
  color: #fff;
}
.list-group-item.active {
  border-left: 3px solid #fc6;
  background-color: #f5f5f5;
  padding: 7px 7px 7px 12px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  text-align: left;
}
.list-group-item:hover {
  border-left: 3px solid #fc6;
}
.list-group {
  border: none;
}
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #fff;
  border-right-color: #fff;
  border-left-color: #fc6;
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: #000;
  /*  background-color: #fff;*/
}
div#leftnav {
  margin-top: 30%;
}
h1 {
  /* text-align: left; */
  font-size: 3em;
}
h1.sublev {
  text-align: left;
}
h2.lg {
  font-size: 3.5em;
  font-weight: 500;
}
p.sublev {
  color: #fff;
}
a#fdbanner {
  text-decoration: none;
  img {
    transition: transform 0.5s ease-in-out;
  }
}
a:hover#fdbanner {
  color: #ffffff;
  text-decoration: underline;
  img {
    transform: scale(1.02);
  }
}
a:focus#fdbanner,
a:focus-visible#fdbanner {
  outline: 0 !important;
  img {
    outline: 1px solid white;
  }
}

#skip {
  padding: 5px;
}

.modal-body {
  padding: 0;
  img {
    width: 100%;
    height: 600px;
    object-fit:scale-down;
  }
}
@media screen and (min-width: 950px) {
  .modal-dialog {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 900px;

    .modal-title {
      font-size: 24px;
      width: 50%;
    }
    .modal-header {
      display: inline-block;
      width: 100%;
      .close {
        position: relative;
        font-size: 40px;
      }
    }
  }
}

.navbar-inverse .navbar-header,
.navbar-inverse #myNavbar {
  background: #222 !important;
}
.navbar .container-fluid {
  margin: 0;
  padding: 0;
  > * {
    padding-left: 15px;
  }
}

.navbar-inverse .navbar-brand.active {
  background: #080808;
}

#leftNavContainer {
  position: sticky;
  top: 0;
}

.navbar-inverse {
  background: #272727 !important;
  position: relative;
  overflow: hidden;
  pointer-events: none;
  > *:not(#bgimage) {
    position: relative;
    z-index: 2;
    a {
      pointer-events: all;
    }
  }
}
#bgimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 0.2;
  filter: blur(5px);
  transition:
    transform 0.5s ease-in-out,
    filter 0.5s ease-in-out,
    opacity 0.5s ease-in-out;
  pointer-events: none;
}
.navbar-inverse:hover #bgimage {
  transform: scale(1.1);
  filter: blur(20px);
  opacity: 0.1;
}

div .captions p {
  font-style: italic;
  font-size: 1em !important;
}

.scale-1\.01-on-hover {
  transition: transform 0.2s ease-in-out;
}
.scale-1\.01-on-hover:hover {
  transform: scale(1.01);
}