/* Enable customizations with colors and brands in line with WEKEO portal	 */
:root {
  --portal-accent-color: #e6b400;
  --portal-accent-border-color: #e6b400;
  --portal-accent-text-color: #111;

  --portal-accent-hover-color: #ffc800;
  --portal-accent-hover-border-color: #ffc800;
  --portal-accent-hover-text-color: #111;

  --portal-accent-link-hover-text-color: #dbba42;

  --portal-accent-color-shadow: rgba(255, 212, 56, .5);

  --portal-white: #fff;
  --portal-headings-color: #131b3c;
}

.navbar, .footer,
.footer h5 {
  background-color: var(--portal-headings-color) !important;
  color: #fafafa !important;
}

.navbar .dropdown-menu{
  background-color: var(--portal-headings-color) !important;
  color: #fafafa !important;
}

.navbar .dropdown-menu .dropdown-item{
  background-color: var(--portal-headings-color) !important;
  color: #fafafa !important;
}

/* handle collapsed nav */
.navbar .navbar-collapse{
  background-color: var(--portal-headings-color) !important;
}

.sidebar-btn{
  color: #fafafa !important;
}

.footer .brand-logo{
  height: 1.5rem;
  margin-left: 1.5rem;
}

.footer .section-link {
  margin-right: 0.5em;
  white-space: nowrap;
  display: inline-block;
}

.footer .section-link:after {
    display: inline;
    content: '|';
    margin-left: 0.5em;
}