/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 30%;
}
.video-frame {
    padding: 0px!important;
}
.grid-item {
  float: left;
  margin:15px;
background-color: #3a93a3;
color:#fff;
}
.gutter-sizer { width: 30px; }

.grid-item > div > p > a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
}

.grid-item > div > p > a:after {
    content: '\f054';
    font-weight: 100;
    margin-left: 15px;
        transition: 0.3s ease;

    font-family: 'Font Awesome 5 Pro';
}
.nocontent:after{
content:"";
}
.grid-item > div > p > a:hover:after {
    margin-left: 20px;
    transition: 0.3s ease;
}
.grid-item--width2 { width:  40%; }
.grid-item--width3 { width:  60%; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

.grid-item > div, .grid-item > h3 {
    padding: 6px 15px;
}

.grid-item h3 {
    line-height: 1;
    padding-top: 20px;
}
 .grid-item.Sociaal-Solidair {
    background: #d1e1a0;
    }
    .grid-item.Sociaal-Solidair , .grid-item.Sociaal-Solidair  h3, .grid-item.Sociaal-Solidair  a {
        color: #000!important;
    }
    .grid-item.Sociaal-Solidair  .tags span{
        border-color:#000;
    }
    .grid-item.Sport-Spel {
        background: #8e5ba2;
    }
    
    .grid-item.Zorg-Welzijn {
        background: #f49b7a;
    }
    
    .grid-item.Kunst-Creativiteit{
        background: #ffee6d;
        color: #000!important;
    }
    .grid-item.Kunst-Creativiteit, .grid-item.Kunst-Creativiteit h3, .grid-item.Kunst-Creativiteit a {
        color: #000!important;
    }
    
    .grid-item.Vieren-Geloven {
        background: #f9b558;
    }
    
    .grid-item.Leven-Dood {
        background: #c87594;
    }
     .grid-item.Wetten-Regels {
        background: #77c3ed;
    }
    .grid-item.Uit-Thuis {
        background: #af8655;
    }
    .tags span {
    border: 1px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 5px;
}
.grid-item a.overlay {
    position: absolute;
    height: 100%;
        z-index: 10;
    width: 100%;
}
.grid-item.Kunst-Creativiteit .tags span {
    border-color: #000;
}
i.iconsoort.Afbeelding:before {
    content: '\f03e';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    padding: 10px;
    border-radius: 100px;
}
i.iconsoort.Interview:before {
    content: '\f086';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    padding: 10px;
    border-radius: 100px;
}
i.iconsoort.Video:before {
    content: '\f008';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    padding: 10px;
    border-radius: 100px;
}
i.iconsoort.Tekst:before {
    content: '\f11c';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    padding: 10px;
    border-radius: 100px;
}
i.iconsoort.Brief:before {
    content: '\f674';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    padding: 10px;
    border-radius: 100px;
}
i.iconsoort.Gedicht:before {
    content: '\f10e';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    padding: 10px;
    border-radius: 100px;
}
.text {
    position: relative;
}
.grid-item > div.text {
    padding: 15px;
}

.grid-item > div.text h3 {
    padding: 15px  0px;
    font-size: 20px;
}

.grid-item > div.text div, .grid-item > div.text div p {
    font-size: 14px!important;
}
i.iconsoort {
    position: absolute;
    right: 15px;
        top: -10px;
        font-style: normal;
}
.grid-item.Sociaal-Solidair i.iconsoort:before  {
    color: #d1e1a0;
    }

    .grid-item.Sport-Spel  i.iconsoort:before   {
        color: #8e5ba2;
    }
    
    .grid-item.Zorg-Welzijn  i.iconsoort:before   {
        color: #f49b7a;
    }
    
    .grid-item.Kunst-Creativiteit  i.iconsoort:before  {
        color: #000;
    }
    .grid-item.Vieren-Geloven  i.iconsoort:before   {
        color: #f9b558;
    }
    
    .grid-item.Leven-Dood  i.iconsoort:before   {
        color: #c87594;
    }
     .grid-item.Wetten-Regels  i.iconsoort:before   {
        color: #77c3ed;
    }
    .grid-item.Uit-Thuis  i.iconsoort:before   {
        color: #af8655;
    }
.grid {
    margin-left: -15px;
}
div.filters-button-group  button {
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff!important;
    text-transform: uppercase;
    padding: 4px 10px;
    margin-bottom: 15px;
    background: transparent!important;
    margin-right: 10px;
}

div.filters-button-group {
    margin: 0px;
        margin-top: 30px;

}
div.filters-button-group button:hover {cursor: pointer;background-color: #fff!important;color: #000!important;}
div.filters-button-group button.button.is-checked {
    background: #fff!important;
    outline: none;
    color: #000!important;
}
@media (max-width:1022px){
    .grid-sizer,
    .grid-item {
      width: 48%;
    }

}
@media (max-width:992px){
        .grid-sizer,
    .grid-item {
      width: 100%;
    }

}