/* ==========================================================================
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: 'DM 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
========================================================================== */
.oz-auteur-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}

.oz-auteur-card {
background: #ffffff;
padding: 0.6rem 0.4rem;
text-align: center;
box-sizing: border-box;
}

.oz-auteur-naam a,
.oz-auteur-handle a {
text-decoration: none;
}

/* Responsiviteit voor tablets en telefoons */
@media (max-width: 900px) {
.oz-auteur-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
.oz-auteur-grid { grid-template-columns: 1fr; }
}
}