#navbar-top {
  padding: 0 1rem;
}

#navbar-top.navbar-dark .nav-link:hover,
#navbar-top.navbar-dark .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

#navbar-top.navbar-dark .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

#navbar-top.navbar-light .nav-link:hover,
#navbar-top.navbar-light .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

#navbar-top.navbar-light .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-brand {
  padding: 0;
}

.navbar-brand .site-logo {
  margin-right: 1rem;
}

.navbar-brand img {
  max-width: 150px;
}

.logo-compact {
  display: none;
}

@media (max-width: 33.9em) {
  .navbar-toggleable-xs .navbar-nav .nav-item + .nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}

@media (max-width: 47.9em) {
  .navbar-toggleable-sm .navbar-nav .nav-item + .nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}

.path-frontpage a.navbar-brand {
  position: relative;
  overflow: hidden;
  max-width: 57px;
  -webkit-transition: max-width .6s ease-in-out;
  -o-transition: max-width .6s ease-in-out;
  transition: max-width .6s ease-in-out;
}

.path-frontpage a.navbar-brand img {
  float: right;
}

.path-frontpage a.navbar-brand .logo-compact {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.path-frontpage a.navbar-brand .logo {
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

.path-frontpage.is-scrolled a.navbar-brand {
  max-width: 150px;
}

.path-frontpage.is-scrolled a.navbar-brand .logo {
  opacity: 1;
}