header.header-wrap { position: sticky !important; top: 0 !important; z-index: 999 !important; background-color: #ffffff !important; } .wrapper.hp.clearfix { padding-top: 10px !important; } @media (max-width: 600px) { body .wrapper.hp.clearfix { padding-top: 0 !important; } }   /* --- AGGRESSIEVE FOUC FIX VOOR HOMEPAGE GRIDS (Catch-All) --- */  /* 1. Forceer direct een flex-layout voor ALLE Display Post grids */ .display-post-types .dpt-flex-wrap { display: flex !important; flex-wrap: wrap !important; }  /* 2. Beperk direct de breedte van alle kolommen op Desktop/Tablet (fallback) */
/* Dit voorkomt de schermvullende flits, ongeacht of het 2 of 3 kolommen zijn */
@media only screen and (min-width: 768px) {
	.display-post-types .dpt-entry {
		/* Gebruik een flexibele basis. Het script corrigeert dit later naar precies 33% of 50% */
		flex: 1 1 300px !important;
		max-width: 100% !important;
	}
}  /* 3. Maak onzichtbaar totdat layout klaar is (Optioneel, maar heel effectief tegen flitsen) */ .display-post-types .dpt-wrapper { animation: fadeInDPT 0.5s ease-in forwards; }  @keyframes fadeInDPT { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }   /* CATEGORIEWOLK FIX - DE DEFINITIEVE OVERRIDE */ /* We dwingen de inline stijlen (zoals font-size en padding) te negeren met !important */  .tagcloud a, .widget_tag_cloud a, .wpcom_category_cloud a { display: inline-block !important; padding: 6px 14px !important; margin: 0 5px 8px 0 !important; border-radius: 20px !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 600 !important; text-decoration: none !important; color: #ffffff !important; border: none !important; transition: all 0.2s ease-in-out !important; }  /* Blauw voor oneven, Goud voor even */ .tagcloud a:nth-of-type(odd), .widget_tag_cloud a:nth-of-type(odd), .wpcom_category_cloud a:nth-of-type(odd) { background-color: #012452 !important; }  .tagcloud a:nth-of-type(even), .widget_tag_cloud a:nth-of-type(even), .wpcom_category_cloud a:nth-of-type(even) { background-color: #a6a085 !important; }  /* Hover effect */ .tagcloud a:hover, .widget_tag_cloud a:hover, .wpcom_category_cloud a:hover { opacity: 0.8 !important; color: #ffffff !important; transform: translateY(-2px) !important; }  /* * ========================================================================== * OPINIEZ.COM --- VOLLEDIG GEOPTIMALISEERDE & OPGESCHOONDE CSS (MASTER V9) * * Alle originele widget- & grid-fixes hersteld (incl. Starbox & Jetpack) * wpDiscuz knoppen transparant + blauwe rand (alle subklassen) * Single Post titel / lijnen definitief transparant * Starbox tabs (Over / Laatste Berichten) klikbaar gemaakt (Animatie verwijderd) * ========================================================================== */  /* ==================== 1. FONTS: LATIN ONLY & DISPLAY SWAP ==================== */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.wp.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); }  @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.wp.com/s/ptsans/v18/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2'); } @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.wp.com/s/ptsans/v18/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2'); } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.wp.com/s/ptsans/v18/jizaRExUiTo99u79D0KExQ.woff2) format('woff2'); } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.wp.com/s/ptsans/v18/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2'); }  /* ==================== 2. GLOBAL RESET & BASE LAYOUT ==================== / html, body, div, span, iframe, h2, h3, h4, h6, p, a, img, ins, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, td, article, footer, header, nav, time { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, footer, header, nav { display: block; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } img { max-width: 100%; height: auto; vertical-align: bottom; } .screen-reader-text { position: absolute; top: -9999rem; left: -9999rem; } body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background-color: #ffffff; color: #000000; word-wrap: break-word; } body.custom-background { background-color: #ffffff; } .container { width: 980px; margin: 20px auto 0; position: relative; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; } .wrapper { padding: 20px; background: #fff; } .wrapper.hp.clearfix { padding-top: 5px !important; } .main { width: 100%; float: left; } .hp .main { width: 940px; } .row [class='col-']:first-child { margin: 0; } .col-1-4 { width: 23.47%; } .clearfix { display: block; border-style: hidden; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; } .row.clearfix { border-style: hidden; } hr, p { border-style: hidden; } span { font-size: 16px; }  /* ==================== 3. TYPOGRAPHY & LINKS ==================== */ h2, h3, h4, h6 { font-family: 'Open Sans', serif; color: #012452; line-height: 1.3; font-weight: 600; font-variant: normal; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1.125rem; } h6 { font-size: 0.875rem; } .wf-active body { font-family: "PT Sans", sans-serif; font-size: 18.2px; font-size: 1.1375rem; } .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h6 { font-family: "Open Sans", sans-serif; font-weight: 600; font-style: normal; } .wf-active h2 { font-size: 1.95rem; font-style: normal; font-weight: 600; } .wf-active h3 { font-size: 1.625rem; font-style: normal; font-weight: 600; } .wf-active h4 { font-size: 1.4625rem; font-style: normal; font-weight: 600; } .wf-active h6 { font-size: 1.1375rem; font-style: normal; font-weight: 600; } .wf-active .copyright, .wf-active input { font-size: 0.975rem; } .wf-active .footer-nav, .wf-active footer, .wf-active .cp-small { font-size: 1.05625rem; } a { color: #000000; text-decoration: none; } a:hover { color: #013452; text-decoration: underline; } .mh-excerpt a { color: #a6a085; font-weight: 500; text-decoration: none; } .mh-excerpt { font-size: 16px; font-weight: 500; }  /* ==================== 4. HEADER & NAVIGATION ==================== */ .header-wrap { background: #fff; } .header-wrap a { text-decoration: none; margin-right: -7px; } .logo-wrap { position: relative; overflow: hidden; } .main-nav { background: #2a2a2a; text-transform: uppercase; } .main-nav.clearfix { background-color: #dbd9ca; text-indent: 12px; } .main-nav li a { text-transform: capitalize; background-color: #012452; font-size: 12px; line-height: 7px; text-indent: 10px; } .footer-nav { font-size: 0.8125rem; background: #c9bca2; font-weight: 400; }  /* ==================== 5. DISPLAY POSTS (DPT) WIDGET LAYOUTS ==================== */ .dpt-main-title-text { font-weight: bold; font-size: 20px; color: #012452; } .widgets-list-layout { padding: 0; margin: 0; list-style-type: none; } .widgets-list-layout li::before, .widgets-list-layout li::after { content: ""; display: table; } .widgets-list-layout li::after { clear: both; } .widgets-list-layout li { zoom: 1; margin-bottom: 1em; list-style-type: none !important; } .widgets-list-layout .widgets-list-layout-blavatar { float: left; width: 21.276596%; max-width: 40px; height: auto; } .widgets-list-layout-links { float: right; width: 73.404255%; } .dpt-flex-wrap { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; } .dpt-entry { flex-basis: 100%; max-width: 100%; width: 100%; } .dpt-main-header { display: flex; align-items: center; margin-bottom: 0.75rem; } .dpt-main-title { font-size: 1.15em; line-height: 1.618; font-weight: bold; margin-right: auto; } .display-post-types .dpt-wrapper { margin-top: 0; margin-bottom: 0; } .display-post-types .dpt-wrapper .dpt-entry { padding-top: var(--dpt-v-gutter, 10px); padding-bottom: var(--dpt-v-gutter, 10px); } .dpt-wrapper *, .dpt-wrapper *:before, .dpt-wrapper *:after { box-sizing: border-box; min-width: 0; } .dpt-wrapper { font-size: 16px; line-height: 1.5; text-align: var(--dpt-text-align, left); opacity: 1 !important; } .dpt-wrapper.wide-wrap { font-size: 18px; }  /* DPT Pre-layout en Grid Fixes (HERSTELD) */ .display-post-types .dpt-layout-carousel .dpt-flex-wrap, .display-post-types .dpt-carousel .dpt-flex-wrap, #dpt-wrapper-773 .dpt-flex-wrap { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .display-post-types .dpt-layout-carousel .flickity-enabled .dpt-flex-wrap, .display-post-types .dpt-carousel .flickity-enabled .dpt-flex-wrap, #dpt-wrapper-773.flickity-enabled .dpt-flex-wrap { flex-wrap: wrap !important; overflow-x: visible !important; } .dpt-entry-wrapper { position: relative; overflow: hidden; height: 100%; padding: var(--dpt-wrapper-padding, 0); border: 1px solid; border-width: var(--dpt-wrapper-br-width, 0); border-color: var(--dpt-wrapper-br-color, #e6e6e6); border-radius: var(--dpt-wrapper-br-radius, 0); background-color: var(--dpt-wrapper-bg-color, transparent); box-shadow: 0 1px var(--dpt-wrapper-shadow-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-shadow-intensity, 0)); } .dpt-entry-wrapper:hover { box-shadow: 0 2px var(--dpt-wrapper-shadow-hover-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-shadow-hover-intensity, 0)); } .dpt-entry-wrapper .sub-entry { padding: var(--dpt-wrapper-entry-padding, 0); border-style: solid; border-width: var(--dpt-wrapper-entry-br-width, 0); border-color: var(--dpt-wrapper-entry-br-color, #e6e6e6); border-radius: var(--dpt-wrapper-entry-br-radius, 0); background-color: var(--dpt-wrapper-entry-bg-color, transparent); box-shadow: 0 1px var(--dpt-wrapper-entry-shadow-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-entry-shadow-intensity, 0)); } .dpt-entry-wrapper a, .dpt-entry-wrapper a:hover, .dpt-entry-wrapper a:focus { text-decoration: none !important; border-width: 0 !important; background-image: none !important; box-shadow: none !important; background-color: transparent !important; } .dpt-featured-content { position: relative; border-radius: var(--dpt-border-radius, 0); margin: var(--dpt-thumbnail-margin, 0); overflow: hidden; } .dpt-featured-content .dpt-permalink { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--dpt-border-radius, 0); z-index: 1; } .dpt-grid1 .dpt-featured-content { margin: var(--dpt-thumbnail-margin, 0 0 10px); } .dpt-thumbnail { background-position: var(--dpt-image-crop, center); border-radius: var(--dpt-border-radius, 0); } .dpt-thumbnail .dpt-thumbnail-inner { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; } .dpt-thumbnail-inner > img { display: block; margin: 0 !important; border-width: 0; padding: 0; max-width: 100%; width: 100% !important; height: 100% !important; object-fit: cover; object-position: var(--dpt-image-crop, center); border-radius: var(--dpt-border-radius, 0); } .dpt-thumbnail-aspect-ratio { content: ""; display: block; width: 100%; padding-top: 100%; } .display-post-types .sub-entry:empty { display: none; } .display-post-types h3.dpt-title { font-size: var(--dpt-title-font-size, 18px); font-weight: bold; font-weight: var(--dpt-title-font-weight, bold); font-style: var(--dpt-title-font-style, normal); line-height: var(--dpt-title-line-height, 1.5) !important; letter-spacing: var(--dpt-title-letter-spacing, 0); text-transform: var(--dpt-title-text-transform, none); color: var(--dpt-title-text-color); margin: 0 !important; padding: 0 !important; transition: none !important; } .display-post-types a.dpt-title-link { color: var(--dpt-title-link-color) !important; text-decoration: var(--dpt-title-text-decoration, none) !important; transition: none !important; } .display-post-types a.dpt-title-link:hover, .display-post-types a.dpt-title-link:focus { color: var(--dpt-title-link-hover-color) !important; } .display-post-types .dpt-excerpt { font-weight: var(--dpt-excerpt-font-weight, 400); font-style: var(--dpt-excerpt-font-style, normal); letter-spacing: var(--dpt-excerpt-letter-spacing, 0); text-transform: var(--dpt-excerpt-text-transform, none); margin: var(--dpt-excerpt-margin, 5px 0 0 0); color: var(--dpt-excerpt-text-color); } .display-post-types .dpt-excerpt p { margin: 0 !important; } .display-post-types .dpt-excerpt, .display-post-types .dpt-excerpt p, .display-post-types .dpt-excerpt a { font-size: var(--dpt-excerpt-font-size, 16px); line-height: var(--dpt-excerpt-line-height, 1.5); } .display-post-types .dpt-excerpt a { text-decoration: var(--dpt-excerpt-text-decoration, none) !important; } .display-post-types .dpt-meta { font-size: var(--dpt-meta1-font-size, 13px); line-height: var(--dpt-meta1-line-height, 1.9); font-weight: var(--dpt-meta1-font-weight, 400); font-style: var(--dpt-meta1-font-style, normal); margin: var(--dpt-meta1-margin, 0); color: var(--dpt-meta1-text-color); } .display-post-types .dpt-meta a { text-decoration: var(--dpt-meta1-text-decoration, none) !important; } .display-post-types .dpt-categories, .dpt-author, .dpt-date { display: inline-block; } .multi-col .dpt-entry { flex-basis: var(--dpt-mobile-grid-column, 100%); max-width: var(--dpt-mobile-grid-column, 100%); width: var(--dpt-mobile-grid-column, 100%); } @media only screen and (min-width: 768px) { .multi-col .dpt-entry { flex-basis: var(--dpt-small-grid-column, 50%); max-width: var(--dpt-small-grid-column, 50%); width: var(--dpt-small-grid-column, 50%); } } @media only screen and (min-width: 1024px) { .multi-col .dpt-entry { flex-basis: var(--dpt-large-grid-column, 50%); max-width: var(--dpt-large-grid-column, 50%); width: var(--dpt-large-grid-column, 50%); } } .display-post-types .flickity-enabled { position: relative; } .display-post-types .flickity-viewport { overflow: hidden; position: relative; } .display-post-types .flickity-slider { position: absolute; width: 100%; height: 380px; } .display-post-types .flickity-button, .display-post-types .flickity-page-dots { display: none !important; }  /* Display Posts specifieke afmetingen hersteld */ #dpt-wrapper-769 { --dpt-text-align: left; --dpt-image-crop: center; --dpt-border-radius: 5px; --dpt-small-grid-column: 100%; --dpt-mobile-grid-column: 100%; --dpt-large-grid-column: 100%; --dpt-h-gutter: 10px; --dpt-v-gutter: 10px; } #dpt-wrapper-770 { --dpt-text-align: left; --dpt-image-crop: center; --dpt-border-radius: 5px; --dpt-small-grid-column: 50%; --dpt-mobile-grid-column: 50%; --dpt-large-grid-column: 50%; --dpt-h-gutter: 10px; --dpt-v-gutter: 10px; } #dpt-wrapper-771 { --dpt-text-align: left; --dpt-image-crop: center; --dpt-border-radius: 5px; --dpt-small-grid-column: 33.333333333333%; --dpt-large-grid-column: 33.333333333333%; --dpt-h-gutter: 10px; --dpt-v-gutter: 10px; } #dpt-wrapper-772 { --dpt-text-align: left; --dpt-image-crop: center; --dpt-border-radius: 5px; --dpt-small-grid-column: 100%; --dpt-mobile-grid-column: 100%; --dpt-large-grid-column: 100%; --dpt-h-gutter: 10px; --dpt-v-gutter: 10px; } #dpt-wrapper-773 { --dpt-text-align: left; --dpt-image-crop: center; --dpt-border-radius: 5px; --dpt-small-grid-column: 33.333333333333%; --dpt-mobile-grid-column: 33.333333333333%; --dpt-large-grid-column: 33.333333333333%; --dpt-h-gutter: 10px; --dpt-v-gutter: 10px; }  /* ==================== 6. SIDEBAR & WIDGETS (HERSTELD) ==================== */ .sb-widget, .footer-widget { margin-bottom: 1.25rem; overflow: hidden; } .sb-widget .cp-wrap { padding: 0.9375rem 0rem; border-bottom: 1px solid #ebebeb; } .widget-title, .footer-widget-title { margin-bottom: 1.25rem; } .footer-widget-title { color: #fff; } .wt-layout1 .widget-title, .wt-layout1 .footer-widget-title { border-color: #c9bca2; } .wt-layout1 .footer-widget-title { border-style: hidden; font-size: 14px; border-bottom-width: 1px; } .widget-title { color: #012452; border-style: hidden; border-color: #faf5f5; margin-top: 6px; text-indent: -300px; letter-spacing: -1px; } .wt-layout1 .widget-title { color: #012452; border-style: hidden; font-size: 19px; margin-bottom: 6px; margin-left: 300px; font-weight: bold; text-align: left; } .widget-title a { color: #012452; font-weight: 600; font-size: 23px; } .widget-title-link { color: #a6a085; } .cp-widget li:first-child { padding-top: 0; border-style: hidden; } .cp-thumb-xl { margin-bottom: 0.625rem; } .cp-thumb { float: left; margin-right: 10px; margin-right: 0.625rem; } .cp-xl-title { font-weight: 600; letter-spacing: -1px; } .cp-widget-title { line-height: 1.3; color: #012452; font-size: 17px; font-weight: 500; } .cp-small { font-size: 0.8125rem; } .cp-widget .mh-excerpt { margin-top: 0.625rem; }  /* Spotlight & Jetpack Widgets hersteld */ .sl-caption { background-color: #cbcab9; } .spotlight:hover .sl-caption { background-color: #cbcab9; } #mh_spotlight_hp-2.sb-widget.mh_spotlight_hp { background-color: #CBCAB9; } @media screen and (min-width: 1020px) { .widget_top-posts .widgets-list-layout li > a { width: 35%; } .widget_top-posts .widgets-list-layout img.widgets-list-layout-blavatar { max-width: 200px; width: 10%; } .widget_top-posts .widgets-list-layout div.widgets-list-layout-links { max-width: 100%; width: 85%; margin-left: 10px; } } #jetpack_widget_social_icons-2.sb-widget.jetpack_widget_social_icons { margin-bottom: -12px; }  /* Recent Posts Thumbnail Widget hersteld */ #rpwwt-recent-posts-widget-with-thumbnails-3 img { padding: 0px; margin-top: -1px; } .rpwwt-post-title { color: #012452; font-size: 21px; font-weight: 500; line-height: 1.3 !important; } .rpwwt-post-author { color: #b5ae8d; font-size: 17px; font-weight: 500; margin-top: -15px !important; } .rpwwt-post-date { color: #012452; font-size: 14px; word-spacing: 2px; } .rpwwt-post-comments-number { font-size: 14px; color: #a6a085; } .rpwwt-widget ul li { letter-spacing: -1px; display: block !important; overflow: hidden; clear: both; } .rpwwt-widget ul li a:has(img), .rpwwt-widget ul li img { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 0 20px 0 !important; } .rpwwt-widget ul li a span.rpwwt-post-title, .rpwwt-widget ul li div.rpwwt-post-author, .rpwwt-widget ul li div.rpwwt-post-date, .rpwwt-widget ul li div.rpwwt-post-comments-number { display: block !important; float: none !important; margin-left: 0 !important; padding-left: 0 !important; }  /* Archief Auteurs Lijst hersteld */ .authors-list-items { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0.2rem 2rem !important; padding: 0 !important; list-style: none !important; } .authors-list-item { margin: 0 !important; padding: 0.35rem 0 !important; border-bottom: 1px solid #e8e0d5 !important; } .authors-list-item-title { font-family: 'Open Sans', Arial, sans-serif !important; font-size: 0.85rem !important; color: #ae1c28 !important; } .authors-list-item-title a:hover { text-decoration: underline !important; text-underline-offset: 3px !important; } .authors-list-cols-dir-horizontal .authors-list-item a, .authors-list-cols-dir-horizontal .authors-list-item { color: #012452 !important; } .widget_author_avatars .author-list .user .name { font-size: 15px; color: #a6a085; position: absolute; } .user.with-name.name-group-0-a.name-group-1-d.name-group-last-b.user-63 { color: #012452; margin-top: 21px; }  /* ==================== 7. SINGLE POST ELEMENTS & STARBOX ==================== */ .entry-title { letter-spacing: -1px; }  /* --- DEFINITIEVE FIX: Verwijder de bruine achtergrond, inspringing en de extra lijnen --- */ .entry-title, .subheading, .subheading-top, .mh-subheading, .mh-subheading-top, .mh-post-header, .entry-header, .page-title, .page-title-top { margin-left: 0 !important; padding-left: 0 !important; text-indent: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; border-top: none !important; box-shadow: none !important; }  .post-meta { padding-left: 0 !important; font-style: normal; } .meta.post-meta { font-size: 15px; border-style: hidden; } .post-meta a { color: #a6a085; font-size: 19px; text-decoration: underline; } .post-meta a:hover { color: #012452; } .vcard.meta, .meta { font-style: normal; text-decoration: none; } .post-tags a { background-color: #e6e5d6; font-size: 14px; color: #707070; } .post-tags a:hover { background-color: #012452; color: #ffffff; }  /* Starbox Tekst uitlijning */ .sbox_text, .sbox_text p, .starbox .sbox-about p, .starbox p, .abh_box .abh_desc, .abh_box .abh_desc p, .abh_box p, .abh_box li, .starbox-content p, .sb-content p { text-align: left !important; }  /* Zekerings-CSS voor de klikbaarheid van de Starbox tabs */ .abh_tabs, .abh_tabs li, .abh_tabs a { pointer-events: auto !important; position: relative; z-index: 10; }  /* ==================== 8. FORMS & INPUTS ==================== */ input { font-size: 0.75rem; padding: 5px; border: 1px solid #d7d8d8; color: #012452; transition: all 0.25s ease-in-out; } input[type=text] { width: 60%; } input[type=text]:hover, input[type=text]:focus { border-color: #c9bca2; } input[type=submit] { min-width: 75px; color: #444; padding: 3px; background: #c9bca2; text-decoration: none; cursor: pointer; display: inline-block; transition: all 0.1s linear; border: 0; } input[type=submit]:hover { background-color: #012452; color: #ffffff; }  /* ==================== 9. THIRD-PARTY & FOOTER ==================== */ .addtoany_list { display: inline; line-height: 16px; } .a2a_kit a:empty { display: none; } footer, .mh-footer, .mh-footer-area, .mh-footer-widgets, .footer-wrap { font-size: 0.8125rem; color: #fff; padding: 20px; padding: 1.25rem; background: #012452 !important; background-color: #012452 !important; border-style: hidden; } footer a, .mh-footer a { color: #f7f7f7; } .copyright-wrap, .mh-copyright-wrap { margin: 0 auto 20px; background: #012452 !important; background-color: #012452 !important; border-top: 3px solid #999; color: #012452; } .copyright, .mh-copyright { font-size: 0.6875rem; padding: 2px 5px; padding: 0.125rem 0.3125rem; color: #f7f7f7; background: #012452 !important; background-color: #012452 !important; border-style: hidden; display: inline; } table { width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } td { padding: 0.3125rem 0.625rem; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; display: run-in; border-width: 0px; } th { display: none; }  table.oz-3col { width: 100%; } table.oz-3col td { width: 33% !important; } @media (max-width: 480px) { table.oz-3col td { display: block !important; width: 100% !important; box-sizing: border-box; } }  /* ==================== 10. WPDISCUZ FIXES (Specifiek voor id #wpdcom) ==================== */ #wpdcom .wpd-form-wrap, #wpdcom .wpd-form-row, #wpdcom .wpd-form-foot, #wpdcom .wc-field-submit, #wpdcom .wpd-field-submit { display: block !important; visibility: visible !important; opacity: 1 !important; }  #wpdcom .wpd-prim-button, #wpdcom .wpd-submit-button, #wpdcom .wpd-reply-button, #wpdcom .wc_comm_submit, #wpdcom button, #wpdcom input[type="submit"], #wpdcom input[type="button"] { display: inline-block !important; visibility: visible !important; background: transparent !important; background-color: transparent !important; color: #012452 !important; border: 1px solid #012452 !important; padding: 10px 20px !important; border-radius: 4px !important; box-shadow: none !important; cursor: pointer !important; opacity: 1 !important; min-width: auto !important; font-weight: 600 !important; }  #wpdcom .wpd-prim-button:hover, #wpdcom .wpd-submit-button:hover, #wpdcom .wpd-reply-button:hover, #wpdcom .wc_comm_submit:hover, #wpdcom button:hover, #wpdcom input[type="submit"]:hover, #wpdcom input[type="button"]:hover { background: #012452 !important; background-color: #012452 !important; color: #ffffff !important; } /* wpDiscuz Bubble: Alleen z-index en positie, geen geforceerde weergave */ #wpd-bubble, .wpd-bubble, .wpd-floating-button, #wpdcom .wpd-bubble { z-index: 2147483647 !important; bottom: 20px !important; left: 20px !important; position: fixed !important; pointer-events: auto !important; }  /* STREAMING_CHUNK: CSS voor Redactie Grid toevoegen aan Customizer / / ========================================================================== REDACTIE / AUTEURS GRID ========================================================================== /* Safari-safe Auteur Grid */ .oz-auteur-grid { display: -webkit-box; /* Voor Safari/iOS */ display: -ms-flexbox; /* Voor oudere browsers */ display: flex; /* Voor moderne browsers */ -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; }  .oz-auteur-card { -webkit-box-flex: 0; -ms-flex: 0 0 23%; /* Voor 4 kolommen */ flex: 0 0 23%; background: #ffffff; padding: 0.6rem 0.4rem; text-align: center; box-sizing: border-box; }  @media (max-width: 900px) { .oz-auteur-card { -ms-flex: 0 0 48%; flex: 0 0 48%; } }  @media (max-width: 480px) { .oz-auteur-card { -ms-flex: 0 0 100%; flex: 0 0 100%; } }  #mh_custom_posts-3 .cp-data a { color: #012452 !important; } #mh_custom_posts-3 .cp-wrap.clearfix:not(.cp-small) .cp-data a { font-size: 20px !important; font-weight: 600 !important; }  #mh_custom_posts-3 .mh-excerpt { font-size: 13px !important; } #top-posts-3 .widgets-grid-layout { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; } #top-posts-3 .widgets-grid-layout::before { display: none !important; content: none !important; } #top-posts-3 .widget-grid-view-image { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; } #top-posts-3 .widget-grid-view-image a { display: block !important; width: 100% !important; } #top-posts-3 .widget-grid-view-image img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover !important; display: block !important; transition: transform 0.3s ease, opacity 0.3s ease; } #top-posts-3 .widget-grid-view-image { overflow: hidden; } #top-posts-3 .widget-grid-view-image a:hover img { transform: scale(1.08); opacity: 0.9; } @media (max-width: 900px) { #top-posts-3 .widgets-grid-layout { grid-template-columns: repeat(4, 1fr) !important; } } @media (max-width: 600px) { #top-posts-3 .widgets-grid-layout { grid-template-columns: repeat(2, 1fr) !important; }  }  #media_image-16.sb-widget { margin-top: 40px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } #media_image-16 a { margin-bottom: 0 !important; padding-bottom: 0 !important; display: block !important; } #media_image-16 img.image { margin-bottom: 0 !important; } /* Verwijder de grijze schaduw/kader rondom de hele pagina-container */ .container { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } @media screen and (max-width: 767px) { #mh-mobile .container { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 1024px) { #mh-mobile .container { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding-left: 0px; padding-right: 0px; } }  .wp-embed-featured-image iframe.wp-embedded-content, iframe.wp-embedded-content { max-width: 100% !important; width: 100% !important; }

/* ==========================================================================
   OpinieZ - Nieuwsrubriek "Een Blik naar Buiten" (#dpt_display_post_types-17)
   DEFINITIEVE VERSIE 5 augustus 2026: blauw kader rondom (boven/onder/
   links/rechts), titel verborgen (vervangt de eerdere versie met alleen
   een rode lijn links en een zichtbare titel).
   ========================================================================== */

/* Kader en algemene container (sluit onderaan aan op de HTML-knop-widget) */
#dpt_display_post_types-17 {
	background: #F5F5EE !important;
	border-radius: 8px 8px 0 0 !important;
	padding: 14px 18px 6px !important;
	margin: 24px 0 0 0 !important;
	border: 3px solid #012452 !important;
	border-bottom: none !important;
}

/* Titel van de rubriek verbergen */
#dpt_display_post_types-17 .dpt-main-header {
	display: none !important;
}

/* Grid-layout (2 kolommen op desktop) */
#dpt_display_post_types-17 .dpt-wrapper {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	column-gap: 14px !important;
	row-gap: 12px !important;
	height: auto !important;
	position: static !important;
}

#dpt_display_post_types-17 .dpt-entry {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	max-width: 100% !important;
}

#dpt_display_post_types-17 .dpt-entry-wrapper,
#dpt_display_post_types-17 .dpt-featured-content,
#dpt_display_post_types-17 .dpt-thumbnail,
#dpt_display_post_types-17 .dpt-thumbnail-inner {
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

#dpt_display_post_types-17 .dpt-permalink {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1 !important;
}

/* Afbeeldingen */
#dpt_display_post_types-17 .dpt-thumbnail-inner img {
	position: static !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 160px !important;
	object-fit: cover !important;
	border-radius: 6px !important;
}

#dpt_display_post_types-17 .dpt-thumbnail-aspect-ratio {
	display: none !important;
}

/* Gouden "Nieuws"-badge op de foto */
#dpt_display_post_types-17 .dpt-thumbnail-inner::after {
	content: "Nieuws";
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	background: rgba(227, 229, 214, 0.94) !important;
	color: #012452 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 3px 8px !important;
	border-radius: 4px !important;
	letter-spacing: 0.5px !important;
	border: 1px solid rgba(1, 36, 82, 0.15) !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

/* Categorie (goud/brons boven de titel) */
#dpt_display_post_types-17 .dpt-category,
#dpt_display_post_types-17 .dpt-category a {
	display: block !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #8C733E !important;
	margin-top: 6px !important;
	margin-bottom: 2px !important;
	text-decoration: none !important;
	letter-spacing: 0.5px !important;
}

/* Artikeltitel */
#dpt_display_post_types-17 .dpt-title-link {
	color: #012452 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	display: block !important;
	margin-top: 2px !important;
}

#dpt_display_post_types-17 .dpt-title-link:hover {
	text-decoration: underline !important;
}

/* Datum & tijd (onder de titel) */
#dpt_display_post_types-17 .dpt-entry-meta,
#dpt_display_post_types-17 .dpt-date {
	display: block !important;
	font-size: 12px !important;
	color: #777777 !important;
	margin-top: 4px !important;
}

/* Mobiele weergave (1 kolom) */
@media (max-width: 600px) {
	#dpt_display_post_types-17 .dpt-wrapper {
		grid-template-columns: 1fr !important;
	}
}


/* ==========================================================================
   Aansluiting HTML-knop onder Nieuwsrubriek (.oz-news-more-wrapper)
   Losse HTML-widget direct onder #dpt_display_post_types-17 geplaatst.
   ========================================================================== */

.oz-news-more-wrapper {
	background: #F5F5EE !important;
	border-radius: 0 0 8px 8px !important;
	padding: 4px 18px 14px 18px !important;
	margin-top: -15px !important;
	margin-bottom: 24px !important;
	text-align: right !important;
	border: 3px solid #012452 !important;
	border-top: none !important;
}

.oz-news-more-link {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #012452 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.oz-news-more-link:hover {
	color: #8C733E !important;
	text-decoration: underline !important;
}

/* Bijbehorende HTML voor deze widget:
<div class="oz-news-more-wrapper">
	<a href="https://opiniez.com/category/blik-naar-buiten/" class="oz-news-more-link">Bekijk alle nieuwsberichten &rarr;</a>
</div>
*/


/* ==========================================================================
   OpinieZ - "Nieuw"-badge op het hoofdartikel (#dpt_display_post_types-13)
   Toegevoegd 5 augustus 2026.
   LET OP: geen position:relative toevoegen aan .dpt-thumbnail-inner in
   deze widget - dat verstoort de bestaande titel/datum-overlay op de foto
   (class dpt-image-overlay). De positioneringscontext is hier al aanwezig.
   ========================================================================== */

#dpt_display_post_types-13 .dpt-wrapper > .dpt-entry:first-child .dpt-thumbnail-inner::after {
	content: "Nieuw";
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	background: rgba(227, 229, 214, 0.94) !important;
	color: #012452 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 7px 16px !important;
	border-radius: 5px !important;
	letter-spacing: 0.5px !important;
	border: 1px solid rgba(1, 36, 82, 0.15) !important;
	pointer-events: none !important;
	z-index: 3 !important;
}

@media (max-width: 900px) {
	#dpt_display_post_types-13 .dpt-wrapper > .dpt-entry:first-child .dpt-thumbnail-inner::after {
		font-size: 13px !important;
		padding: 6px 13px !important;
		top: 14px !important;
		right: 14px !important;
	}
}

@media (max-width: 600px) {
	#dpt_display_post_types-13 .dpt-wrapper > .dpt-entry:first-child .dpt-thumbnail-inner::after {
		font-size: 9px !important;
		padding: 3px 7px !important;
		top: 8px !important;
		right: 8px !important;
		letter-spacing: 0.3px !important;
	}
}

/* Responsieve YouTube-embeds (Jetpack/WordPress.com [youtube]-shortcode) */
.embed-youtube {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 0 !important;
	padding-top: 56.25% !important; /* 940:529 ≈ 16:9 */
	overflow: hidden !important;
}

.embed-youtube iframe.youtube-player {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}