nav { z-index: 99; }
nav ul li a { color: black; }
nav ul li a:hover { filter: none; }
nav .mobile { filter: none; }
#navToggle span { background: black; }
#navToggle.open span { background: white; }
nav .menu .fa-angle-down { color: black; }

a { display: block; }

.blog-overzicht { 
    padding-inline: var(--Wijzijn11-outer-area);
    position: relative;
    background: white;
    padding-top: 40%;
    padding-bottom: 30px;
}

.single-blog { padding-inline: var(--Wijzijn11-outer-area); position: relative; background: white; padding-block: 30px; }

.bericht { display: flex; justify-content: space-between; margin-bottom: 60px; text-decoration: none; position: relative; z-index: +1; text-decoration: none; border-radius: 50px; transition: all ease-in-out .2s; }
.bericht:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transform: translateY(-5px); }
.bericht .inhoud, .bericht .img { width: 45%; }
.bericht .inhoud { margin-block: auto; padding: 30px; }
.bericht .img { height: 350px; }
.bericht .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }
.bericht .titel { font-size: 36px; color: var(--wijzijn11-orange); text-decoration: none; font-weight: bold; }
.bericht .tekst { color: black; }
.bericht .datum { display: block; color: var(--wijzijn11-orange);  }
.bericht .categorie {
    display: block;
    width: fit-content;
    background-color: var(--wijzijn11-blue);
    color: #ffffff;
    padding: 5px 22px;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
    /* box-shadow: 0 4px 10px rgba(0, 79, 182, 0.25); */
    margin-bottom: 15px;
}

.pagination { display: flex; gap: 30px; justify-content: center; margin-top: 120px; margin-bottom: 60px; }
.pagination a, .pagination span { text-decoration: none; font-size: 30px; color: var(--wijzijn11-orange); }
.pagination a:hover { transform: scale(1.2); }
.pagination span { color: var(--wijzijn11-blue); }
.hoofdtitel { font-size: 25vw; color: var(--wijzijn11-orange); position: absolute; top: 0vw; left: 50%; transform: translateX(-50%); filter: drop-shadow(1vw 1vw 0px #fab285); font-weight: bold; font-style: italic; }

/* SINGLE */
#author-info { padding-block: 20px; margin-bottom:10px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 60px; } 
#author-info .avatar { position: relative; top: 0; left: 0; float: left; border-radius: 80px; } 
#author-description { margin-left: 100px; color: var(--wijzijn11-orange); font-weight: bold; } 
#author-description h3 { margin-top:0px; margin-bottom:10px; color: black; font-weight: 500; font-size: 24px; } 

.intro-banner { margin-top: 200px; height: 400px; position: relative; }
.intro-banner img { position: relative; width: 100%; height: 100%; object-fit: cover; position: fixed; }
.intro-banner h1 { position: absolute; left: 50%; top: 50%; color: var(--wijzijn11-blue); z-index: +1; margin: auto; font-weight: bold; font-size: 36px; }

.post-link { display: flex; justify-content: space-between; margin-top: 120px; margin-bottom: 60px; }
.post-link .previous, .post-link .next { display: flex; gap: 15px; font-size: 22px; }
.post-link a { color: var(--wijzijn11-orange); text-decoration: none;  }
.post-link img { width: 75px; position: relative; top: 12px; }


@media screen and (max-width: 1562px) { 
    nav ul li a { color: white; }
}  

@media screen and (max-width: 1420px) {  
    .hoofdtitel { top: 8%; }
    .blog-overzicht { padding-top: 40%; }

}

@media screen and (max-width: 800px) { 
    .blog-overzicht { padding-top: 55%; } 
    .bericht { flex-wrap: wrap; }
    .bericht div, .bericht a { width: 100% !important; }
    .bericht img { height: 300px !important; }
}