// Topbar, containing main title, logos, user-toolbar...
// (specific to this architecture)

$topbar-height: 75px;
$main-title-color: $main-title-color;
$main-title-size: $main-title-size;
$main-title-weight: $main-title-weight;

#topbar {
  @include flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.8em;
  margin-bottom: 1em;
  height: $topbar-height;

  list-style: none;
}

.topbar-logo img, .topbar-network-logo img {
  margin: 6px;
}

.topbar-logo img {
  max-height: 70px;
}

.topbar-network-logo {
  margin-left: 6px;
}

.topbar-network-logo img {
  max-height: 50px;
}

.topbar-title {
  margin: 0 0.8em 0 0.8em;
  flex: 1;
  color: $main-title-color;
  font-size: $main-title-size;
  font-weight: $main-title-weight;
}

.topbar-auth-container {
}
