@import 'base/palette.css';


div.page-header {
  background-color: var(--background-color) !important;
}

div.category-header {
  background-color: var(--secondary-color) !important;
  background-image: none !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
  padding-left: 40px;
}

h1.category-title {
  color: var(--text-color) !important;
}

#global-menu {
  background-color: var(--primary-color) !important;
}

#global-menu li :is(a, button) {
  background: var(--primary-color) !important;
}

.category-info {
  color: var(--text-color);
}

.i-button.highlight:not(.label):not(.borderless):not(.text-color),
.action-button:not(.label):not(.borderless):not(.text-color),
.categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.borderless):not(.text-color) {
  background: var(--primary-color) !important;
  border-color: unset;
  color: var(--text-light);
}

.i-button, .action-button, .categorynav .category-list .item .button-wrapper .action-button {
  border: 0;
}

.event-list h4.current-month span {
  background: var(--secondary-color) !important;
}

div.event-header {
  background: var(--primary-color) !important;
}

.event-time-data time, .event-location .text, .chairperson-list .author {
  background-color: unset !important;
}

.ui.blue.labels .label, .ui.blue.label {
  background-color: var(--accent-color) !important;
  border-color: unset !important;
  color: var(--utu-black) !important;
}

ul.category-list li {
  color: var(--text-color);
}

.category-sidebar > .title h2 {
  margin: 0;
  color: var(--text-color);
  font-weight: normal;
}

/* .i-button:hover, .action-button:hover, .button-wrapper .action-button:hover{
  box-shadow: unset !important;
}
*/
.categorynav .category-list .item  {
  box-shadow: unset !important;
} */

.logo-text {
  color: var(--utu-black) !important;
}

h1.logo-text {
  color: var(--primary-color) !important;
  font-weight: bold;
  font-size: 40px !important;
}

small.logo-text {
  color: var(--utu-black) !important;
  font-size: 10px !important;
}

a.name {
  color: var(--primary-color) !important;
}

.event-title a {
  color: var(--primary-color) !important;
}

/* .i-button {
  background-color: unset !important;
} */

div.main-breadcrumb {
  background-color: var(--secondary-color);
  border-bottom: 1px solid var(--border-color);
}