/*** ---------- Blog ---------- ***/
.wpb-blog-footer .container { border-top: 1px solid black; }

/*** ---------- Blog > Inhoudsopgave ---------- ***/
.wpb-inhoudsopgave { padding-bottom: 1.6rem; margin-bottom: 1.6rem; border-bottom: 1px solid var(--clr-border); }
.wpb-inhoudsopgave .wpb-inhoudsopgave__header { display: flex; align-items: center; gap: 1.6rem; margin-bottom: 1rem; }
.wpb-inhoudsopgave .wpb-inhoudsopgave__header i { font-size: 2rem; transition: transform var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-inhoudsopgave__header:hover { cursor: pointer; }

.wpb-inhoudsopgave .wpb-article-index { max-height: 0px; opacity: 0; overflow: hidden; transition: max-height var(--wpb-timing) ease, opacity var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-article-index .wpb-icon-wrapper { --icon-clr: var(--clr-text); background-color: var(--clr-light); margin-top: .3rem; width: 2rem; height: 2rem; transition: background-color var(--wpb-timing) ease; display: grid; place-items: center; }
.wpb-inhoudsopgave .wpb-article-index .wpb-icon-wrapper i { font-size: 1.2rem; transition: background-color var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-article-index .wpb-icon-wrapper i::before { font-size: 1rem; color: var(--icon-clr) !important; }
.wpb-inhoudsopgave .wpb-article-index .index a { display: flex; gap: 1.6rem; transition: color var(--wpb-timing) ease; text-decoration: none !important; }
.wpb-inhoudsopgave .wpb-article-index .index a.index-h3 { font-size: var(--fs-small); padding-left: 4.8rem; border-left: 1px solid var(--clr-dark-30); }
.wpb-inhoudsopgave .wpb-article-index .index a:hover { color: var(--clr-primary); }
.wpb-inhoudsopgave .wpb-article-index .index:has(.index-h3) { margin-bottom: .4rem; }
.wpb-inhoudsopgave .wpb-article-index .index:hover .wpb-icon-wrapper { --icon-clr: var(--clr-heading-primary); background-color: var(--clr-primary); }

.wpb-inhoudsopgave.active .wpb-article-index { max-height: 100rem; opacity: 1; }
.wpb-inhoudsopgave.active .wpb-inhoudsopgave__header i { transform: rotate(180deg); }

/*** ---------- Blog > Sidebar ---------- ***/
.wpb-blog-content .container:has(.sidebar) { display: grid; column-gap: 6.4rem; row-gap: 3.2rem; grid-template-columns: 1fr; }
.wpb-blog-content .container .sidebar { overflow: visible; position: relative; }

@media (min-width: 1200px) {
    .wpb-blog-content .container:has(.sidebar) { grid-template-columns: auto var(--sidebar-width); }
    .wpb-blog-content .container:has(.sidebar.sidebar--left) { grid-template-columns: var(--sidebar-width) auto; }
    .wpb-blog-content .container .sidebar.sidebar--left { order: -1; }
}

/*** ---------- Blog > Content ---------- ***/
.wp-block-image img { border-radius: var(--wpb-br);}