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

html,
body,
.wp-site-blocks,
.site,
.wp-site-blocks__content {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0;
}
.mobile-menu,
.offcanvas-menu,
.wp-block-navigation__responsive-container {
    background-color: #0b2d4d !important;
}
.mobile-menu a,
.offcanvas-menu a,
.wp-block-navigation__responsive-container a {
    color: #ffffff !important;
}
/* =========================
   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;
}

/* =========================
   SIDEBAR / WIDGETS
========================= */

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

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

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

.post,
article,
.post:not(.sticky) {
    background-color: #FAFAFA!important;
    padding: 25px;
    border-radius: 12px;
}
.single-post {
  background-color: #ffffff !important;
}
/* =========================
   STICKY POSTS
========================= */

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

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

.site-title,
.site-title a,
#site-title,
#site-title a,
.site-branding *,
.site-branding a,
.site-description {
    color: #ffd445 !important;
}
.site-description {
    font-size: 20px;
}
/* =========================
   SINGLE POSTS
========================= */

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

/* =========================
   CLASSIC EDITOR + GUTENBERG
========================= */

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

/* volledige editor popup */
.components-modal__content,
.components-popover__content {
    background-color: #ffffff !important;
}
.single-post {
  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;
}

/* blauwe balken verwijderen */
.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;
}
.wp-block-latest-posts li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/* Menu links groter maken */
.main-navigation a {
    font-size: 18px;
}
.main-navigation a {
    font-size: 20px;
    color: #000000;
}

.main-navigation a:hover {
    color: #333333;
}
.main-navigation {
    background-color: #ffffff;
}.main-navigation {
    background-color: #ffffff;
}.main-navigation {
    background-color:#ffffff;
}

.main-navigation {
    padding-top: 15px;
    padding-bottom: 15px;
}
.widget_recent_entries li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.sticky .entry-meta {
  display: none;
}
.site-header,
.main-navigation,
.wp-block-navigation {
  background-color: #ffffff; /* kies je kleur */
}
body {
  background-color: #ffffff !important;
}

#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;
}
/* Achtergrond blogposts / content gebied */
.site-main,
.content-area,
.primary,
#primary,
.site-content {
    background-color: #FAFAFA !important;
}
/* ========================================
   FORCE REMOVE WHITE CANVAS (BLOCK THEMES)
======================================== */

/* 1. HARD SITE BACKGROUND */
html, body {
    background: #ffffff !important;
}

/* 2. FORCE EVERY MAJOR WRAPPER TRANSPARENT */
.wp-site-blocks,
.wp-site-blocks *,
.site,
.site *,
#page,
#content {
    background-color: transparent !important;
}

/* 3. REMOVE THE ONLY THING THAT CAN STILL SHOW WHITE */
.wp-site-blocks {
    background: none !important;
}

/* 4. CATCH INLINE / OVERRIDDEN BACKGROUNDS */
div {
    background-color: #FAFAFA !important;
}
.main-navigation {
    background-color: #FAFAFA !important;
}

/* Afgeronde hoeken voor typische WordPress UI blokken */
.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;
}
body, p, h1, h2, h3, h4, h5, h6 {
  color: #000 !important;
}
.editor-writing-flow {
  color: #000 !important;
}

.editor-styles-wrapper {
  background: #ffffff !important;
  color: #ffffff !important;
}
/* Gutenberg editor (blok editor) */
.editor-styles-wrapper {
  color: #ffffff !important;
}

/* Tekst in paragrafen en headings in editor */
.editor-styles-wrapper p,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  color: #ffffff !important;
	
	
}/* =========================
   FIX EDITOR TEXT VISIBILITY
========================= */

.editor-styles-wrapper,
.block-editor-writing-flow,
.block-editor-block-list__layout {
    background-color: #ffffff !important;
    color: #ffffff !important;
}

/* force ONLY editor text */
.editor-styles-wrapper p,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper li {
    color: #ffffff !important;
}

/* =========================
   PREVENT FRONT-END CONFLICT
========================= */

/* ensure front-end keeps your design */
body:not(.block-editor-page) {
    color: inherit;
}
/* EMERGENCY EDITOR FIX */
.editor-styles-wrapper,
.editor-styles-wrapper * {
    color: #000000 !important;
    background: transparent !important;
}

.block-editor-writing-flow {
    background: #ffffff !important;
}
/* =========================
   EDITOR BACKGROUND MATCH SITE
   (safe version)
========================= */

.block-editor-writing-flow,
.editor-styles-wrapper {
    background-color: #ffffff !important;
}
body:not(.block-editor-page) {
    background-color: #102A43 !important;
}
/* keep text readable */
.editor-styles-wrapper,
.editor-styles-wrapper * {
    color: #ffffff !important;
}
hr,
.wp-block-separator {
    border-color: #999999;
}
.wp-block-post-title a {
    font-size: 2px;
}

.wp-block-post-title a {
    font-size: 22px;
    font-weight: 600;
}

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


h2 a {
    font-size: 22px !important;
    font-weight: 600 !important;
}
hr,
.wp-block-separator {
    border-color: #000000 !important;
    opacity: 1;
}
hr,
.wp-block-separator {
    border-color: #000000 !important;
    opacity: 1;
}hr,
.wp-block-separator {
    border-top: 1px solid #000000 !important;
    opacity: 1 !important;
}
.single-post .wp-block-group {
  background-color: #ffffff !important;
}
.single-post .wp-site-blocks,
.single-post .site,
.single-post .content-area {
  background-color: #ffffff !important;
}

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

.editor-styles-wrapper {
    background-color: #ffffff !important;
}
body.block-editor-page .editor-styles-wrapper {
    background: #ffffff !important;
}
/* Wit contentvlak volledig afronden */
.wp-site-blocks,
.site-content,
#content,
main {
    border-radius: 20px !important;
    overflow: hidden;
}
.main-navigation .current-menu-item,
.main-navigation .current_page_item {
    background-color: #FFC107 !important;
    border-radius: 8px;
}
.mobile-menu a {
  color: #FAFAFA !important;
}

.mobile-menu, .mobile-menu a { color: #FAFAFA !important; background-color: #FAFAFA !important; }

.mobile-menu a { color: white !important; }

.wp-block-navigation__responsive-container {
    background-color: #ffffff  !important;
}

.wp-block-navigation__responsive-container a {
    color: #ffffff !important;
}
.mobile-menu a,
.offcanvas-menu a,
.wp-block-navigation__responsive-container a {
    color: #ffffff !important;
}
.mobile-menu,
.offcanvas-menu,
.wp-block-navigation__responsive-container {
    background-color: #ffffff  !important;
}
.mobile-menu a,
.offcanvas-menu a,
.wp-block-navigation__responsive-container a {
    color: #ffffff !important;
}
.mobile-menu a:visited,
.mobile-menu a:active,
.offcanvas-menu a:visited,
.offcanvas-menu a:active,
.wp-block-navigation__responsive-container a:visited,
.wp-block-navigation__responsive-container a:active {
    color: #ffffff !important;
}
@media (max-width: 768px) {

    .wp-block-navigation__responsive-container {
        background-color: #0b2d4d !important;
    }

    .wp-block-navigation__responsive-container a {
        color: #ffffff !important;
    }
}
@media (max-width: 768px) {

    /* FORCE ALL POSSIBLE MOBILE MENU CONTAINERS */
    nav a,
    .mobile-menu a,
    .offcanvas-menu a,
    .wp-block-navigation a,
    .wp-block-navigation__responsive-container a {
        color: #ffffff !important;
    }

    /* FORCE BACKGROUND */
    .mobile-menu,
    .offcanvas-menu,
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #0b2d4d !important;
    }

}@media (max-width: 768px) {

    nav a,
    .mobile-menu a,
    .offcanvas-menu a,
    .wp-block-navigation a,
    .wp-block-navigation__responsive-container a {
        font-size: 18px;
    }

}
.afbeelding {
  float: left;
  margin-right: 20px;
  width: 150px;
}

.afbeelding {
  float: left !important;
  margin-right: 20px !important;
}
.wp-block-latest-posts li {
  border-bottom: none !important;
}.wp-block-latest-posts li {
  border-bottom: 1px solid #444 !important;
}.wp-block-latest-posts li {
  border-bottom: 1px solid #444 !important;
  padding-bottom: 12px;
  margin-bottom: 20px;
}