:root {
  /* Main palette colors */
  --color-palette-1: #404040; /* purple */
  --color-palette-1-light: #ff7100; /* light purple */
  --color-palette-2: #404040; /* dark purple */
  --color-palette-3: #a0a093; /* yellow */
  --color-palette-4: #000000; /* light green */

  /* main brand color, used throughout the UI */
  --color-brand-base: var(--color-palette-1) !important;
  --color-brand-light: var(--color-palette-1-light) !important;

  /* --body-background-color: #222 !important;
  --dashboard-background: #f6f6f6f2; */

  /* left background color of the header */
  --header-background-start: var(--color-palette-1) !important;

  /* right background color of the header */
  --header-background-end: var(--color-palette-2) !important;

  /* used for highlights */
  --color-primary-bright: var(--color-palette-4) !important;

  /* color of links */
  --links-color: var(--color-palette-1-light) !important;

  /* color of links on hover */
  --links-color-hover: var(--color-palette-1) !important;

  /* color of the footer background */
  --footer-background: var(--color-palette-2) !important;

  /* color of the scroll-to-top button */
  --color-scroll-to-top: var(--color-palette-1) !important;

  /* color of selected/highlighted items, like category items, switches, etc */
  --color-item-selected: var(--color-palette-1-light) !important;

  /* color of the highlighted filters */
  --searchfilter-button-color-hover: var(--color-palette-1-light) !important;

  /* default color for labels on cards, usually matches the primary or secondary color */
  --label-default-background: var(--color-palette-3) !important;

  /* Main CTA buttons: buttons that initiate actions, like "Create Offer", "Manage my news", "Become Startup of the Week", etc */
  --button-brand-background: var(--color-palette-1-light) !important;
  --button-brand-color: var(--color-greyscale-xlight) !important;
  --button-brand-background-hover: var(--color-greyscale-xlight) !important;
  --button-brand-color-hover: var(--color-palette-1-light) !important;
  --button-brand-border: var(--color-palette-1-light) !important;
  --button-brand-border-hover: var(--color-palette-1-light) !important;

  /* Positive Buttons: buttons that have a positive meaning, like: Go forward, Submit, Save, etc */
  --button-positive-background: var(--color-palette-1) !important;
  --button-positive-color-hover: var(--color-palette-1) !important;
  --button-positive-border: var(--color-palette-1) !important;
  --button-positive-border-hover: var(--color-palette-1) !important;
}

.CardDefaultContent__additionalLabel {
  display: none!important;
}

/* do not remove */
html,
.App {
  display: block !important;
}

/* body {
  background-image: url(https://matchmaker.ruhr/public/assets/matchmaker_logo.svg);
  background-size: 105%;
  background-attachment: fixed;
} */

/* for  IE 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* change using colors from palette in HEX, but not variables */

  .Header__inner {
    background-image: linear-gradient(to right, #161a40, #272e71) !important;
  }

  /* don't touch, leave like this - added because IE11 was changing these item's color too */
  .UserSidebarLink {
    color: #212529 !important;
  }

  .HeaderDropDownLinks__submenuLink {
    color: #7e8c89 !important;
  }
}

/* Events */
body .CardHorizontal__logoContainer {
  background-size: contain !important;
}

/* supportukraine.ruhr */
a.UserSidebarLink_UserSidebarLink__2eF_t[href^="/groups"] i.icon-inno_umbrella {
  color: transparent;
  background: linear-gradient(#0066cc 50%, #ffcc00 50%);
  margin-right: 8px;
  display: flex;
}
a.UserSidebarLink_UserSidebarLink__2eF_t[href^="/groups"] i.icon-inno_umbrella:before {
  width: 20px;
}