#site-navbar {
  background-color: #0099D8;
}

/* TODO: Change the generic view to remove this padding. */
#site-header > .pb-1 {
  padding-bottom: 0 !important;
}

.timeline-actions-status,
.timeline-actions-recognition,
.timeline-actions-nomination {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0E2D6D;
  --bs-btn-border-color: #0b2456;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0c265d;
  --bs-btn-hover-border-color: #091d45;
  --bs-btn-focus-shadow-rgb: 48, 69, 111;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0b2457;
  --bs-btn-active-border-color: #081b41;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0E2D6D;
  --bs-btn-disabled-border-color: #0b2456;
}

@font-face {
  font-family: "Proxima Soft";
  src: url("/Client/Content/fonts/ProximaSoft-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Soft";
  src: url("/Client/Content/fonts/ProximaSoft-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
.site-logged-out .content-panel {
  background-color: rgba(0, 0, 0, 0.6666666667);
}
.site-logged-out #site-header {
  background-color: rgba(0, 0, 0, 0.6666666667);
}
.site-logged-out #site-footer {
  background-color: #000;
  color: #ffffff;
  /* Translates the SVG colour to white */
}
.site-logged-out #site-footer .footer-logo img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(150deg) brightness(107%) contrast(101%);
}
.site-logged-out #site-footer .list-group {
  --bs-list-group-color: $brand-white;
  --bs-list-group-bg: #000;
}
.site-logged-out p {
  color: #ffffff;
}
.site-logged-out .page-title {
  color: #ffffff;
}