/* This file is part of indico-wipo. */

div.page-header {
  background-color: var(--wipo-white);
}

div.page-header img.header-logo {
  margin: 20px 40px;
  height: 24px;
}

#global-menu {
  --menu-background-color: var(--wipo-white);
  --menu-text-color: var(--wipo-gray-2);
  --menu-text-hover-color: var(--wipo-black);
  --menu-background-hover-color: var(--wipo-white);
  background: var(--menu-background-color);
  margin-right: auto;
}

#global-menu menu li {
  border-bottom: 3px solid var(--wipo-white);
}

#global-menu menu li:hover {
  border-bottom: 3px solid var(--wipo-blue-8);
}

#global-menu ind-menu > button::after {
  font-family: 'Icons';
  font-weight: normal;
  content: '\f078';
  margin-left: 0.35em;
  font-size: 13px;
}

.event-page-header .button-bar .i-button:not(.label) {
  border-bottom: 3px solid var(--wipo-white);
}

.event-page-header .button-bar .i-button:not(.label):hover,
.event-page-header .button-bar .i-button:not(.label).open {
  background: var(--wipo-white);
  border-bottom: 3px solid var(--wipo-blue-8);
  color: var(--wipo-black);
}

.event-page-header .button-bar .i-dropdown {
  background: var(--wipo-white);
  border-color: #9c9c9c;
}

.event-page-header .button-bar .i-dropdown li a {
  color: var(--wipo-gray-2);
}

.event-page-header .button-bar .i-dropdown li:hover a:not(.disabled) {
  color: var(--wipo-black);
}

/* Announcements bar */

div.announcement-bar:not([hidden]).warning, div.session-bar div.announcement-bar.i-button.protection-network:not([hidden]) {
  background-color: var(--wipo-aqua-9);
}

div.announcement-bar:not([hidden]).warning .icon, div.session-bar div.announcement-bar.i-button.protection-network:not([hidden]) .icon {
  color: var(--wipo-gray-2);
}

div.announcement-bar:not([hidden]).warning .close-button, div.session-bar div.announcement-bar.i-button.protection-network:not([hidden]) .close-button {
  color: var(--wipo-gray-5);
}

/* Impersonations header */

div.impersonation-header {
  background-color: var(--wipo-cherry-3);
  color: var(--wipo-lime-10);
}

div.impersonation-header .text .logged-user-name {
  color: var(--wipo-lime-9);
}