h1, h2, h3, h4, h5{
    margin-bottom: 0;
    }
h1 + p,
h2 + p,
h3 + p,
h4 + p {
    margin-top: 0;
}
.uk-button.uk-button-default {
  margin-top: 1px;
  margin-bottom: 1px;
}
.uk-button.uk-button-default:hover {
  border-width: 2px;
  margin-top: 0;
  margin-bottom: 0;
}
.uk-card-default h3,
.uk-card-primary h3,
.uk-card-secondary h3 {
  text-align: left;
}
.uk-card-default h3,
.uk-card-default .uk-card-title,
.uk-card-default .uk-button-default,
.uk-card-default .uk-text-lead {
  color: #fff;
}
.uk-card-default .uk-button-default{
    color: #381C77;
    border-color: #381C77;
}

.uk-card-default .uk-card-title{
    color: #381C77;
}
.panel-grijs {
  background: #E5EBE9;
}
.panel-grijs h3,
.panel-grijs .uk-text-lead,
.panel-grijs .el-content,
.panel-grijs .uk-button-default {
  color: #381C77;
}

.panel-grijs .el-title,
.panel-grijs .el-meta{
    text-align: left;
}
.panel-grijs .uk-button-default {
  border-color: #381C77;
}
.panel-grijs.inline p {
  display: inline;
}
.uk-card-default.panel-groen {
  background: #6BB42E;
  color: #fff;
}
.uk-card-default.panel-groen h3,
.uk-card-default.panel-groen .uk-text-lead,
.uk-card-default.panel-groen li {
  color: #fff;
}

.groenebal{
    background: #6BB42E;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.uk-sticky .uk-navbar-container{
    padding: 35px;
    transition: padding 2s;
}

/* Filter aanpassingen */
.voorbeelden ul.el-nav::before{
    content: 'Filter op onderwerp';
    font-family: Roboto, sans-serif;
    color: #381c77;
    font-weight: 500;
    position: relative;
    top: 4px;
    margin-right: 30px;
}
.voorbeelden ul.el-nav{
    display: flex;
}
.voorbeelden ul.el-nav li:first-child{
    order: 99;
}
.voorbeelden ul.el-nav li:last-child{
    margin-right: 30px;
}

.voorbeelden ul.uk-tab > li:first-child > a{
    text-transform: none;
    color: #d526af;
}

/* image overlay voorbeelden */
.voorbeelden .el-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.voorbeelden .uk-panel div:first-child{
    background: #381c77;
}
.voorbeelden .uk-panel div.el-meta{
    background: none;
}

.voorbeelden .uk-panel div:first-child a:hover .el-image {
  opacity: 0.25;
}

/* navigatie opdrachten panel */
.uk-slider-items{
    padding-bottom: 25px;
}
.uk-slidenav-container{
    position: relative;
    bottom: 0px;
}