/* =========================
   SITE BACKGROUND
========================= */

html,
body,
.wp-site-blocks,
.site,
.wp-site-blocks__content {
    background-color: black!important;
    margin: 0 !important;
    padding: 0;
}

/* =========================
   REMOVE THEME OVERLAYS
========================= */

body::before,
body::after,
html::before,
html::after,
.wp-site-blocks::before,
.wp-site-blocks::after,
.site::before,
.site::after {
    content: none !important;
    display: none !important;
}

/* Verwijder de witte lijn onderaan de website */
#page-liner {
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#colophon,
.site-footer,
.site-info {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

#colophon::before,
#colophon::after,
#page-liner::before,
#page-liner::after {
    display: none !important;
}
/* =========================
   SIDEBAR / WIDGETS
========================= */

.sidebar,
.widget-area,
#secondary {
    background-color: #E8E4C9 !important;
    padding: 15px;
    border-radius: 12px;
}

.widget,
.widget a {
    font-size: 16px;
}

/* =========================
   POSTS / ARTICLES
========================= */

.post,
article,
.post:not(.sticky) {
    background-color:  !important;
    padding: 25px;
    border-radius: 12px;
}

.single-post {
    background-color: #ffffff !important;
}

/* =========================
   STICKY POSTS
========================= */

.sticky {
    background-color: #FFEFD5 !important;
    padding: 25px;
    border-left: 5px solid #3090C7;
    border-radius: 12px;
}

/* =========================
   TITLES / BRANDING
========================= */

.site-title,
.site-title a,
#site-title,
#site-title a,
.site-branding *,
.site-branding a,
.site-description {
    color: orange!important;
}

.site-description {
    font-size: 24px;
}

/* =========================
   SINGLE POSTS (KEEP ORIGINAL OVERRIDES)
========================= */

.single-post,
.single-post .wp-site-blocks,
.single-post .site,
.single-post .content-area,
.single-post .wp-block-group {
    background-color: #ffffff !important;
}

/* =========================
   CLASSIC + GUTENBERG EDITOR
========================= */
.wp-block-post-content {
    color: #000000;
}
.components-modal__content,
.components-popover__content {
    background-color: #ffffff !important;
}

/* editor wrapper */
.editor-styles-wrapper,
.block-editor-writing-flow,
.block-editor-block-list__layout,
.wp-block-freeform,
.wp-block,
.block-library-rich-text__tinymce {
    background-color: #ffffff !important;
    color: #ffffff !important;
}

/* TinyMCE */
.mce-container,
.mce-container-body,
.mce-panel,
.mce-stack-layout,
.mce-top-part,
.mce-edit-area,
.mce-edit-area iframe,
.mce-content-body,
.wp-editor-area {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* toolbars */
.mce-statusbar,
.quicktags-toolbar,
.wp-editor-tools,
.media-toolbar,
.editor-post-title,
.edit-post-visual-editor {
    background-color: #ffffff !important;
}

/* iframe body */
body#tinymce {
    background-color: #ffffff !important;
    color: #ffffff !important;
}

/* =========================
   NAVIGATION
========================= */

.main-navigation {
    background-color: red;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-navigation a {
    font-size: 24px;
    color: black;
}

.main-navigation a:hover {
    color: dark green;
}

/* =========================
   LISTS
========================= */

.wp-block-latest-posts li,
.widget_recent_entries li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* =========================
   TYPOGRAPHY
========================= */

body, p, h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
}

.editor-writing-flow {
    color: #000 !important;
}

/* =========================
   SEPARATORS (MERGED DUPLICATES ONLY)
========================= */

hr,
.wp-block-separator {
    border-top: 1px solid #000000 !important;
    opacity: 1 !important;
}

/* =========================
   POST TITLES
========================= */

.wp-block-post-title a,
.entry-title a,
h2.entry-title a,
.wp-block-query .entry-title a,
h2 a {
    font-size: 22px !important;
    font-weight: 600 !important;
}
h1.entry-title {
    margin-bottom: 20px;
}

/* =========================
   GLOBAL BACKGROUND RULES (UNCHANGED ORDER LOGIC)
========================= */

#page,
.site,
.site-content,
.wp-site-blocks,
main,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    background: transparent !important;
}

.wp-site-blocks {
    background-color: transparent !important;
}

/* content area */
.site-main,
.content-area,
.primary,
#primary,
.site-content {
    background-color: #FAFAFA !important;
}

/* force div fallback (kept as-is from original behaviour) */
div {
    background-color:  !important;
}

.main-navigation {
    background-color: white !important;
}

/* =========================
   BORDER RADIUS GLOBAL
========================= */

.wp-block-group,
.wp-block-column,
.wp-block-cover,
.wp-block-image,
.widget,
.post,
.page,
.site-header,
.site-footer,
nav,
.menu,
.header,
.footer {
    border-radius: 12px;
    overflow: hidden;
}

/* =========================
   CONTENT WRAPPER ROUNDING
========================= */

.wp-site-blocks,
.site-content,
#content,
main {
    border-radius: 20px !important;
    overflow: hidden;
}

/* =========================
   EXTRA OVERRIDES (KEPT EXACT)
========================= */

body:not(.block-editor-page) {
    color: inherit;
}
.main-navigation ul li {
    position: relative;
}

.main-navigation ul li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
}
.main-navigation ul {
    display: flex;
    justify-content: center;
}.main-navigation ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
a {
  font-size: px; 
  font-weight: 450;
}
.wp-block-post-content {
    color: #000000;
}
.entry-meta,
.entry-footer {
    display: none !important;
}.post-navigation,
.posts-navigation,
.navigation.post-navigation {
    display: none !important;
}
#jp-relatedposts > h3 {
    font-size: 25px !important;
}

#jp-relatedposts .jp-relatedposts-post-title {
    font-size: 20px !important;
}

/* Gutenberg editor - zwarte tekst op witte achtergrond */
.editor-styles-wrapper {
    color: #000 !important;
    background: #fff !important;
}

.editor-styles-wrapper * {
    color: #000 !important;
}

.editor-styles-wrapper a {
    color: #0066cc !important;
}
/* ALLE witte achtergronden transparant maken */
html,
body,
#page,
#content,
.site,
.site-content,
.site-main,
.content-area,
.widget-area,
.widget,
.widget-container,
article,
.entry-content,
.entry,
main,
section,
aside,
div {
    background-color: !important;
    background: !important;
}

/* Eventuele witte kaders/boxen ook verwijderen */
* {
    background-color: transparent !important;
}
.wp-block-query .wp-block-post {
    background-color: #f5f0d8;
    padding: 20px;
    border-radius: 12px;
}

/* Titel zoekresultaten iets naar rechts en beneden */
.page-title {
    padding-left: 25px;
    padding-top: 20px;
}
nieuwste artikel achtergrondkleur

.wp-block-query,
.wp-block-query .wp-block-post-template,
.wp-block-query .wp-block-post {
    background-color: #E8E4C9 !important;
}

/* AddToAny - "Deel" knop verwijderen */
.a2a_s_a2a,
.a2a_share_save,
.addtoany_share {
    display: none !important;
}
.a2a_s_facebook,
.a2a_btn_facebook {
    display: none !important;
}
/* Minder ruimte binnen het kader 'Volg ons' */
.home .wp-block-group:has(h2) {
    padding-bottom: 10px !important;
}
/* Facebook + Deel knoppen volledig verbergen */
.addtoany_share_save_container {
    display: none !important;
}

/* Onderste lijn van deze pagina verwijderen */
article#post-2960 {
    border-bottom: none !important;
    box-shadow: none !important;
}
/* Onderste witruimte van de pagina verminderen */
article#post-2960 {
    border-bottom: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
img {
    border-radius: 0 !important;
}
.entry-content img {
    border-radius: 0 !important;
}
img,
.wp-block-image,
.wp-block-image img,
figure {
    border-radius: 0 !important;
}
@media only screen and (max-width: 599px) {

    nav.site-navigation.main-navigation {
        background: yellowgreen !important;
    }

    nav.site-navigation.main-navigation
    .menu-menubalk-container {
        background: yellowgreen !important;
        width: 100% !important;
    }

    nav.site-navigation.main-navigation
    #menu-menubalk {
        background: yellowgreen !important;
        width: 100% !important;
    }

    nav.site-navigation.main-navigation
    #menu-menubalk li {
        background: yellowgreen !important;
        width: 100% !important;
    }

    nav.site-navigation.main-navigation
    #menu-menubalk li a {
        background: yellowgreen !important;
        color: #000000 !important;
    }
}/* Groene achtergrond op individuele blogartikelen */
body.single-post {
    background-color: black !important;
}
/* FUN & FAIRS - MOBIEL MENU */
@media only screen and (max-width: 767px) {

```
/* Achtergrond navigatiemenu */
.main-navigation,
.main-navigation ul,
.menu-main-menu-container {
    background-color: grey !important;
}

/* Tekst van menu-items */
.main-navigation a,
.menu-main-menu-container a {
    color: #ffffff !important;
    font-size: 17px !important;
}

/* Actief menu-item */
.main-navigation .current-menu-item > a,
.main-navigation a:hover {
    color: grey !important;
}

/* Ruimte rond menu-items */
.main-navigation li a {
    padding: 12px 15px !important;
}

/* Hamburgerknop */
.menu-toggle,
button.menu-toggle {
    background-color: grey !important;
    color: grey !important;
    border: none !important;
}

/* Hamburger-icoontje */
.menu-toggle::before,
.menu-toggle::after {
    color: grey !important;
}
/* Menu en categorieën alleen op smartphones */
@media screen and (max-width: 767px) {
    .menu a,
    a[href*="/welkom/"],
    a[href*="/praktisch/"],
    a[href*="/nostalgie/"],
    a[href*="/griezelen/"],
    a[href*="/spellen/"],
    a[href*="/ervaringen/"] {
        color: #ffffff !important;
    }
/* Verwijder de witte lijn onderaan de blog */
hr {
    border: none !important;
    height: 0 !important;
    background: transparent !important;
}

footer,
.site-footer {
    border-top: none !important;
    box-shadow: none !important;
}z
}/* Achtergrond van zoekresultaten ondoorzichtig maken */
.search-results,
.search-result,
.search-results-container,
.ajax-search-results,
.search-dropdown,
.search-autocomplete {
    background: #ffffff !important;
    opacity: 1 !important;
}

/* Zorg dat het zoekresultatenvenster boven de rest staat */
.search-results,
.search-results-container,
.ajax-search-results,
.search-dropdown,
.search-autocomplete {
    position: relative;
    z-index: 99999 !important;
}

/* Fun & Fairs - Lees ook op smartphones */
@media screen and (max-width: 768px) {

  #jp-relatedposts,
  #jp-relatedposts .jp-relatedposts-items,
  #jp-relatedposts .jp-relatedposts-items-visual {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #jp-relatedposts .jp-relatedposts-post {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
  }

  #jp-relatedposts .jp-relatedposts-post-title,
  #jp-relatedposts .jp-relatedposts-post-title a {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}