/* @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap'); */

:root{
  /* Primaire kleuren */
  --fosblauw: #00549f;
  --fosgroen: #c9dd03;
  /* Extra kleuren */
  --zeegroen: #009784;
  --koraal: #ff8680;
  --warmrood: #ff2e00;
  --felroze: #ff5999;
  --knalgeel: #ffff00;
  --fider-gray: #9d9598;
}

/*
body{
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
}
*/

/* header */
#c-header{
  background-color: var(--fosblauw);
}
.c-themeswitcher svg, .c-dropdown__handle svg{
  color: white !important;
}
.text-header{
  color: white;
}

/* titels van issues */
.text-title{
  color: var(--fosblauw);
}
.text-title:hover{
  color: var(--fosgroen);
}
.text-large{
  color: var(--fosblauw);
}

/* user names */
.c-username{
  color: var(--zeegroen);
}

/* buttons */
.c-button--primary{
  background-color: var(--fosblauw);
  color: white;
}
.c-button--primary:hover{
  background-color: var(--fosgroen);
  border-color: var(--fosgroen);
}

/* allerhande */
.border-blue-500{
  border-color: var(--fider-gray);
  border-width: 0;
  border-top-width: 1px;
}
.c-vote-counter__button:hover{
  color: var(--fosblauw);
}
.c-vote-counter__button:hover svg{
  color: var(--fosblauw);
}
.clickable{
  color: var(--fosblauw);
}
.c-notification-indicator-text{
  color: var(--fosblauw);
}
.c-image-viewer img{
  border: 1px solid var(--fider-gray);
  border-radius: 15px;
  padding: 3px;
}
.c-notification-indicator>svg{
  color: white;
  opacity: 0.85;
}
.c-notification-indicator:hover>svg{
  opacity: 1;
}
.c-notification-indicator .c-notification-indicator-unread-counter{
  background-color: var(--fosgroen);
}
.privacy-link{
  color: var(--fosblauw);
}
.privacy-link:hover{
  color: var(--fosgroen);
}
#c-header a.uppercase {
 color: white;
}

.c-avatar-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}