/* ===== Telviva brand overrides ===== */
:root{
  --color-brand: #002A4D;             
  --color-link: #1DAEEC;               
  --color-linkHover: #1DAEEC;          

  /* Buttons */
  --color-buttonPrimaryBg: #002A4D;   
  --color-buttonPrimaryText: #FFFFFF;
  --color-buttonSecondaryBg: #f9f9f9;  
  --color-buttonSecondaryText: #002A4D;

  /* Breadcrumbs */
  --color-breadCrumbText: #333333;

  /* Status */
  --color-discussion: #1DAEEC;         /* Brand Sky */
  --color-statusLabel: #9BCBEB;        /* Pastel Blue */
  --color-userCategory: #234364;       /* Indigo Dye */

  --color-overDue: #F73544;            /* Raspberry */
  --color-unFollow: #234364;           /* Indigo (neutral) */
  --color-announcement: #234364;       /* Indigo (neutral) */

  --header-logo-height: 128px;
}

.Header__navbar {
  min-height: calc(var(--header-logo-height) + 24px);
  padding: 12px; /* top & bottom */
}

#navBarContainer { 
  align-items: center; 
}

.Header__logo,
.Header__logo a {
  display: flex;
  align-items: center;
}

.Header__logo img {
  height: var(--header-logo-height) !important;
  width: auto !important;
  max-height: none !important;
}

.Header__name {
  margin-left: 12px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  :root { --header-logo-height: 64px; }
}