/* Contents */
pre {
  word-break: break-word;
  white-space: pre-wrap;
}
.video-100 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-100 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Menu (desktop) */
@media (min-width: 992px) {
  .navbar {
    padding: 0;
  }
  .navbar-nav li a {
    padding: 16px 8px;
  }
  .navbar-nav li a:hover {
    background-color: #3C5BA0;
    color: rgba(255,255,255,.90) !important;
  }
  .navbar-brand {
    padding: 12px 16px;
  }
}

/* Footer */
footer {
  background: #F0F0F0;
}
footer .copyright {
}

/* Typography */
h2 {
  /* border-bottom: 1px solid rgba(0,0,0,.4); */
}
/* Links */
a {
  color: #2A3E80;
}
a:hover {
  color: #2A3E80;
}
.sidebar a {
  color: #111933;
}
.breadcrumb a {
  color: #262F4D;
}


/* Components */
.list-group-item {
  border: 1px solid rgba(0,0,0,.25);
}
.sidebar .list-group-item {
  border: 1px solid rgba(0,0,0,.2);
}
.bg-primary {
  background-color: #3E8DB7 !important;
}
.bg-secondary {
  background-color: #221E23 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.jumbotron {
  background-color: #F0F0F0;
  color: #343a40;
}
.nav-tabs {
  border-color: rgba(0,0,0,.4);
  /* font-weight: bold; */
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
  border-color: rgba(0,0,0,.4) rgba(0,0,0,.4) white;
  color: rgba(0,0,0,.8);
}
.nav-tabs .nav-link:hover {
  border-color: rgba(0,0,0,.35) rgba(0,0,0,.35) rgba(0,0,0,.4);
}
/* Buttons */
.btn-success {
  background-color: #3E8DB7;
  border-color: #3E8DB7;
}
.btn-success:hover {
  background-color: #3C5BA0;
  border-color: #3C5BA0;
}