@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

body {
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1em;
}

.verberg {
  display: none !important;
}

header .lijntje-bottom {
  background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: bottom;
}

.licht-lijntje-bottom {
  border-bottom: 1px solid #eeeeee;
}

.cursor-pointer {
  cursor: pointer;
}

header .btn-light {
  color: #606060;
}

.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:visited {
  background-color: #e6e6e6 !important;
  border-color: #e6e6e6 !important;
  background-image: none !important;
  color: #454545;
}

.border-bottom-light {
  border-bottom: 1px solid #eeeeee;
}

/* ARTICLE */

.eudu_afbeelding {
  overflow-y: hidden;
}

.eudu_afbeelding img {
  display: block;
}

.table-gradient td {
   background-color: transparent;
}

.table-gradient tbody {
  background: linear-gradient(to right, #ffffff, #f6f6f6, #f6f6f6, #ffffff);
}

.table-gradient tbody tr:nth-of-type(even) {
  background-color: white;
}

.table-innerborder {
  border: 0 !important;
}

.table-innerborder th,
.table-innerborder td {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.table-innerborder thead th,
.table-innerborder thead td {
  border-bottom-width: 2px;
}

.table-innerborder tr td:first-child,
.table-innerborder tr th:first-child {
  border-left: 0;
}

.table-innerborder tr td:last-child,
.table-innerborder tr th:last-child {
  border-right: 0;
}

.table-bordered-light {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.table-bordered-light th,
.table-bordered-light td {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.table-bordered-light thead th,
.table-bordered-light thead td {
  border-bottom: 2px solid rgba(0, 0, 0, 0.125);
}

.table-striped-light tbody tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}

ul.blokjes {
  list-style: none;
  padding: 0px;
  text-indent: -13px;
  margin-left: 13px;
}

ul.blokjes li:before {
  content: '\25A0';
  margin-right: 5px;
  color: #dddddd;
  font-size: 80%;
}

.nav-eudutabs .nav-item {
  color: #0075c9;
}

.nav-eudutabs .nav-item:hover {
  color: #005796;
}

.nav-eudutabs .nav-item .active {
  color: #454545 !important;
}

small {
  font-weight: 400;
}

.text-groen {
  color: #87b164!important;
}

.text-rood {
  color: #ce5209!important;
}

.text-dblauw {
  color: #003d59!important;
}

.text-skgroen {
  color: #4c9c2e!important;
}

.text-skblauw {
  color: #0075c9!important;
}

.text-skrood {
  color: #bc4700!important;
}

.text-skgeel {
  color: #998000!important;
}

.text-grey-400 {
  color: #dddddd!important;
}

.text-grey-500 {
  color: #cccccc!important;
}

.text-grey-600 {
  color: #aaaaaa!important;
}

.text-grey-700 {
  color: #858585!important;
}

.text-grey-800 {
  color: #606060!important;
}

.bg-lgroen {
  background-color: #e4f0db!important;
}

.bg-lichtgroen {
  background-color: #f2f7ed!important;
}

.bg-lichtgeel {
  background-color: #fffbe6!important;
}

.bg-lichtrood {
  background-color: #fbf0e9!important;
}

.border-grijs {
  border-color: rgba(0, 0, 0, 0.125) !important;
}

/* ZIJKADER */

aside {
  max-width: 630px !important;
}

@media all and (min-width: 992px) {
  aside {
    max-width: 300px !important;
  }
}

.list-zijlijst {
  border: 0;
}

.list-zijlijst .card-header {
  font-weight: 500;
  text-align: center;
  border-color: #eeeeee;
  color: #606060;
}

.list-zijlijst .list-group .list-group-item {
  background-color: #f6f6f6;
  border-color: #eeeeee;
  color: #606060;
}

.list-zijlijst .list-group a.list-group-item:hover {
  background-color: #e6e6e6;
  transition: .1s ease-in-out;
}

.zijkant-links a {
  color: #606060;
}

a.zijkant-socialemedia {
  text-decoration: none;
}

.zijkant-socialemedia svg:hover {
  fill: #003b56;
  width: 40px;
  height: 40px;
  margin-bottom: -16px;
  transition: .1s ease-in-out;
}

.zijkant-socialemedia-twitter svg:hover {
  fill: #bed2d9;
}

.zijkant-socialemedia-fb svg:hover {
  fill: #003b56;
}

.zijkant-socialemedia-instagram svg:hover {
  fill: #b69683;
}

.zijkant-socialemedia-linkedin svg:hover {
  fill: #0075c9;
}

/* FOOTER */

.footerborder {
  border-top: 1px solid #eeeeee;
}

#eudu_onderbalk a {
  text-decoration: none;
}

.eudu_onderbalk_links span {
  text-transform: uppercase
}

.eudu_onderbalk_links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.eudu_onderbalk_links ul li {
  padding: 5px 0 5px 0;
}

/* INDEX */

.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.themablok {
  max-width: 100px !important;
  min-height: 100px;
  border-radius: 3px;
  margin-left: 15px;
  vertical-align: bottom !important;
  position: relative;
}

.themablok_paginas a {
  color: #454545;
}

.themablok img {
  width: 100px;
  height: 100px;
  border-radius: 3px;
  bottom: 0;
  position: absolute;
}

.themablok_adjectief {
  background-color: #e55b0a;
}

.themablok_adverbium {
  background-color: #d3eaf2;
}

.themablok_artikel {
  background-color: #b69683;
}

.themablok_negatie {
  background-color: #e5c100;
}

.themablok_spelling {
  background-color: #96c56f;
}

.themablok_pronomen {
  background-color: #b7ac82;
}

.themablok_prepositie {
  background-color: #e55b0a;
}

.themablok_verbum {
  background-color: #bed2d9;
}

.themablok_woorden {
  background-color: #96c56f;
}

.themablok_zinsbouw {
  background-color: #e5c100;
}

.themablok_mooie_fouten {
  background-color: #b7ac82;
}

.themablok_anders {
  background-color: #96c56f;
}

ul.blokjes_adjectief li::before {
  color: #e55b0a;
}

ul.blokjes_adverbium li::before {
  color: #bed2d9;
}

ul.blokjes_artikel li::before {
  color: #b69683;
}

ul.blokjes_negatie li::before {
  color: #e5c100;
}

ul.blokjes_spelling li::before {
  color: #96c56f;
}

ul.blokjes_pronomen li::before {
  color: #b7ac82;
}

ul.blokjes_prepositie li::before {
  color: #e55b0a;
}

ul.blokjes_verbum li::before {
  color: #bed2d9;
}

ul.blokjes_woorden li::before {
  color: #96c56f;
}

ul.blokjes_zinsbouw li::before {
  color: #e5c100;
}

ul.blokjes_mooie_fouten li::before {
  color: #b7ac82;
}

ul.blokjes_anders li::before {
  color: #96c56f;
}

img.taalvlaggen {
  height: 13px;
  margin-top: -2px;
  margin-right: 8px;
}

.taalkader {
  background-color: #ffd700;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.taalkader a {
  color: #454545;
}

.results li {
  border-bottom: 1px solid #e6e6e6 !important;
  min-height: 105px;
  border: none;
  color: #454545;
  background-color: transparent;
}

.results li:hover {
  background-color: #f6f6f6;
}

.results a:hover {
  text-decoration: none;
}

.results img {
  width: 97px;
  margin-right: 10px;
}

.results div:nth-child(1) {
  float: left;
}

.results div:nth-child(2) {
  overflow: hidden;
}

.results div:nth-child(2) p {
  margin: 0;
}

.eudu-list-group {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.eudu-list-group li {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
}

.eudu-list-group li:hover {
  filter: brightness(0.977);
}

/* Mooie fouten */

.eudu_mf_container {
  position: relative;
  margin-bottom: 20px;
}

.eudu_mf_mf {
  padding-top: 20%;
  padding-bottom: 10%;
  font-size: 35px;
  line-height: 40px;
  text-align: center;
}

.eudu_mf_goed {
  margin-bottom: 20px;
  border-top: 4px solid #f6f6f6;
  padding-top: 20px;
  text-align: left;
}

.eudu_mf_divgoed {
  margin-bottom: 15px;
}

.eudu_mf_pgoed {
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
}

@media all and (min-width: 500px) {
  .eudu_mf_pgoed {
    min-height: 60px;
  }

  .eudu_mf_divgoed {
    padding: 10px;
  }
}

.eudu_mf_goed h3 {
  text-align: center;
  font-weight: normal;
}