:root{
    --groen:#00973A;
    --donkergroen: #575756;
    --paars:#941B80;
    --oranje:#F29100;
    --blauw:#005CA8;
    --lichtgroen: #E5F6EB;
}

body.page p,
body.page span,
body.page div,
body.page a,
body.page{
    font-family: "museo-slab", serif !important;
    font-weight: 500;
}


.nieuwsblok article,
.archive-container article,
#archive-container li article{
    background-color: #fff;
    color: var(--donkergroen);
    border: 1px solid var(--donkergroen);
    transition: 0.2s;
    padding:20px;
    border-radius:20px;

    .entry-header{
        display: flex;
        flex-direction: column;

        h2{
            color: var(--donkergroen);
            order:2;
            margin-bottom:60px;

            a:hover{
                color:var(--donkergroen);
            }
        }

        .entry-meta{
            order:1;
        }
    }
    
    .entry-footer a{
        display: inline-block;
        line-height: 44px;
        font-size: 16px;
        padding: 0 20px;
        border-radius: 5px;
        font-weight: 600;
        transition: all 0.3s ease;
        margin: 0 16px 0px 0;
        background-color:var(--donkergroen);
        color:#fff;
    }
}


.nieuwsblok li:nth-of-type(2) article,
.block-editor-iframe__body .nieuwsblok article:nth-of-type(2),
#archive-container li:nth-of-type(5n+2) article{
    background-color: #fff;
    color: var(--groen);
    border: 1px solid var(--groen);
    transition: 0.2s;
    padding:20px;

    h2{
        color:var(--groen);

        a:hover{
            color:var(--groen);
        }
    }

    .entry-footer a{
        background-color:var(--groen);
    }
}

.nieuwsblok li:nth-of-type(3) article,
.block-editor-iframe__body .nieuwsblok article:nth-of-type(3),
#archive-container li:nth-of-type(5n+3) article{
    background-color: #fff;
    color: var(--paars);
    border: 1px solid var(--paars);
    transition: 0.2s;
    padding:20px;

    h2{
        color:var(--paars);

        a:hover{
            color:var(--paars);
        }
    }

    .entry-footer a{
        background-color:var(--paars);
    }



}

.nieuwsblok.groot article,
#archive-container li:nth-of-type(5n+4) article {
    color: var(--blauw);
    border: 1px solid var(--blauw);

    h2{
        color: var(--blauw);

        a:hover{
            color:var(--blauw);
        }
    }

    .entry-footer a{
        background-color:var(--blauw);
    }



}

.nieuwsblok.groot li:nth-of-type(2)  article,
.block-editor-iframe__body .nieuwsblok.groot article:nth-of-type(2),
#archive-container li:nth-of-type(5n+5) article {
    color: var(--oranje);
    border: 1px solid var(--oranje);

    h2{
        color: var(--oranje);

        a:hover{
            color:var(--oranje);
        }
    }

    .entry-footer a{
        background-color:var(--oranje);
    }
}

/* Agenda */
.agenda-wrapper.grid{
    .agenda-item{
        background-color:var(--lichtgroen);
    }
}

/* Footer */
.site-middle-footer-wrap{
    position: relative;
}
.site-middle-footer-wrap:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    height:50%;
    width:100%;
    background-color:var(--lichtgroen);
}

footer.site-footer{
    position: relative;
    
    margin-top:60px;
    .site-top-footer-inner-wrap{
        padding-top:230px;
    }
}

footer.site-footer:after{
    content: '';
    background-image: url('../assets/waves/header-groen-v2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: absolute;
    top: -2px;
    right: 0;
    height: 190px;
    width: 100%;
    transform:rotate(180deg)
}

/* zijmenu */
.wp-block-lazyblock-zijmenu{

    h3{
        color:var(--donkergroen);
        font-weight: 700;
        text-transform: uppercase;
    }

  ul{
    list-style-type:none;
    margin-left:0;
    padding-left:0;

    li a{
      font-size: 18px;
      color:var(--donkergroen);

      &.current{
        color:var(--paars);
      }

      &:hover{
        color:var(--paars);
      }
    }
  }
}

/* quicklinks */

.quicklinksrow .kt-row-column-wrap .wp-block-kadence-column .wp-block-heading
.quicklinksrow .kt-row-column-wrap .wp-block-kadence-column p{
    transition:0.3s;
}

.quicklinksrow .kt-row-column-wrap .wp-block-kadence-column:hover .wp-block-heading,
.quicklinksrow .kt-row-column-wrap .wp-block-kadence-column:hover p,
.block-editor-iframe__body .quicklinksrow .innerblocks-wrap:hover h2,
.block-editor-iframe__body .quicklinksrow .innerblocks-wrap:hover p{
    color:#fff !important;
}
.quicklinksrow .kt-row-column-wrap .wp-block-kadence-column:hover svg path{
    fill:#fff;
}

/* Agenda */
.wp-block-lazyblock-agenda-lijst .agenda-date-box{
    background-color: var(--groen);
    color:#fff;
}

.wp-block-lazyblock-agenda-lijst .agenda-content h3{
    color:var(--donkergroen)
}

.wp-block-lazyblock-agenda-lijst .agenda-list-item{border-color: var(--paars);}
.wp-block-lazyblock-agenda-lijst .agenda-list-item:last-child{border:none}