/* Theme Name: MCS Nieuws-styling (los enqueued) Doel: nieuws-overzicht (home.php) + bericht-detail (single.php) styling in een EIGEN bestand, los van style.css — zo botsen parallelle agents niet op style.css. Enqueued via functions.php (mcs-news-style). */ /* ===================================================================== PAGINA — NIEUWS (overzicht: home.php) & BERICHT-DETAIL (single.php) Final design: final/nieuws_overzicht_* & final/bericht_detail_* Scoped onder .mcs-news / .mcs-post. Volle-breedte secties via .mcs-section--full met een binnen-container .mcs-container (1280 + 30px). ===================================================================== */ /* --- Gedeelde helpers --- */ .mcs-container{max-width:1280px;margin:0 auto;padding:0 30px;box-sizing:border-box;} .mcs-section--full{width:100%;} /* Icoon-grootte normaliseren binnen deze pagina's (globaal staat 48px). */ .mcs-news .material-symbols-outlined, .mcs-post .material-symbols-outlined{font-size:1em;line-height:1;vertical-align:middle;} .mcs-badge{display:inline-block;font-family:var(--mcs-font-body);font-size:14px;line-height:20px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcs-navy);background:var(--mcs-surface-dim);padding:4px 8px;border-radius:2px;} .mcs-readmore{display:inline-flex;align-items:center;gap:6px;font-family:var(--mcs-font-body);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcs-navy)!important;text-decoration:none!important;} .mcs-readmore:hover{color:var(--mcs-yellow)!important;} .mcs-readmore .material-symbols-outlined{font-size:18px;transition:transform .2s;} .mcs-readmore:hover .material-symbols-outlined{transform:translateX(3px);} .mcs-btn--navy{background:var(--mcs-navy);border-color:var(--mcs-navy);color:#fff!important;} .mcs-btn--navy:hover{background:var(--mcs-navy-deep);border-color:var(--mcs-navy-deep);} .mcs-btn--outline-navy{background:transparent;border-color:var(--mcs-navy);color:var(--mcs-navy)!important;} .mcs-btn--outline-navy:hover{background:rgba(47,68,88,.05);} .mcs-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--mcs-font-body);font-size:14px;color:var(--mcs-on-surface-variant);} .mcs-breadcrumb a{color:var(--mcs-on-surface-variant);text-decoration:none;} .mcs-breadcrumb a:hover{color:var(--mcs-navy);} .mcs-breadcrumb [aria-current]{color:var(--mcs-navy);font-weight:500;} .mcs-breadcrumb__sep{color:var(--mcs-outline);} /* --- Nieuws-overzicht: kop --- */ .mcs-news-head{padding:32px 0 8px;} .mcs-news-head__title{font-family:var(--mcs-font-head);font-size:64px;line-height:72px;letter-spacing:-.02em;font-weight:700;color:var(--mcs-navy);margin:12px 0 16px;} .mcs-news-head__intro{font-family:var(--mcs-font-body);font-size:20px;line-height:32px;color:var(--mcs-on-surface-variant);max-width:48rem;margin:0;} /* --- Nieuwsbrief-balk --- */ .mcs-news-newsletter{background:var(--mcs-surface-dim);border-top:1px solid var(--mcs-outline);border-bottom:1px solid var(--mcs-outline);padding:32px 0;margin-top:16px;} .mcs-news-newsletter__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;} .mcs-news-newsletter__title{font-family:var(--mcs-font-head);font-size:24px;line-height:32px;font-weight:600;color:var(--mcs-navy);margin:0;flex-shrink:0;} .mcs-news-newsletter__form{flex-grow:1;max-width:32rem;} .mcs-news-newsletter__form form, .mcs-news-newsletter__form .mc4wp-form-fields{display:flex;align-items:flex-start;width:100%;gap:16px;} .mcs-news-newsletter__form p{margin:0;} .mcs-news-newsletter__form .mc4wp-form-fields > p:first-child{flex:1;min-width:0;} .mcs-news-newsletter__form label{display:block;font-family:var(--mcs-font-body);font-size:14px;line-height:20px;color:var(--mcs-navy);} .mcs-news-newsletter__form .mc_container, .mcs-news-newsletter__form [id^=mc_signup]{width:100%;} .mcs-news-newsletter__form .mc_signup_form{display:block;width:100%;margin:0;gap:0;} .mcs-news-newsletter__form .mc_form_inside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;width:100%;gap:12px 16px;} .mcs-news-newsletter__form .mc_custom_border_hdr, .mcs-news-newsletter__form .mc_subheader, .mcs-news-newsletter__form .mc-indicates-required, .mcs-news-newsletter__form .mc_unsub_link{display:none;} .mcs-news-newsletter__form .mc_merge_var{flex:1;min-width:0;margin:0;padding:0;} .mcs-news-newsletter__form .mc_var_label{display:block;margin:0 0 4px;font-family:var(--mcs-font-body);font-size:14px;line-height:20px;color:var(--mcs-navy);} .mcs-news-newsletter__form .mc_message_wrapper, .mcs-news-newsletter__form .mc_signup_submit{grid-column:1/-1;} .mcs-news-newsletter__form .mc_signup_submit{flex-shrink:0;text-align:left;margin:0;padding:0;} .mcs-news-newsletter__form input[type=email], .mcs-news-newsletter__form input[type=text], .mcs-news-newsletter__form .mc_input{flex-grow:1;width:100%;min-width:0;background:#fff;border:1px solid var(--mcs-outline);border-bottom:2px solid var(--mcs-navy);border-radius:2px 2px 0 0;padding:10px 16px;font-family:var(--mcs-font-body);font-size:16px;line-height:20px;box-sizing:border-box;} .mcs-news-newsletter__form input[type=email]:focus, .mcs-news-newsletter__form input[type=text]:focus, .mcs-news-newsletter__form .mc_input:focus{outline:none;border-bottom-color:var(--mcs-yellow);} .mcs-news-newsletter__form input[type=submit], .mcs-news-newsletter__form button[type=submit], .mcs-news-newsletter__form .mcs-btn, .mcs-news-newsletter__form .mc_signup_submit_button{flex-shrink:0;background:var(--mcs-yellow)!important;border:2px solid var(--mcs-yellow)!important;border-radius:2px!important;color:var(--mcs-navy-deep)!important;font-family:var(--mcs-font-body)!important;font-size:14px!important;line-height:20px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:10px 24px!important;white-space:nowrap;box-shadow:none!important;height:auto!important;margin:0!important;width:auto!important;} .mcs-news-newsletter__form input[type=submit]:hover, .mcs-news-newsletter__form button[type=submit]:hover, .mcs-news-newsletter__form .mc_signup_submit_button:hover{filter:brightness(.95);} .mcs-news-newsletter__form .mc4wp-form{margin:0;} .mcs-news-newsletter__form .mc4wp-response, .mcs-news-newsletter__form .mc_error_msg, .mcs-news-newsletter__form .mc_success_msg{font-family:var(--mcs-font-body);font-size:14px;line-height:22px;margin-top:10px;} .mcs-news-newsletter__form .mc4wp-response{color:var(--mcs-on-surface-variant);} .mcs-news-newsletter__form .mc4wp-response p{margin:0;} /* --- Uitgelicht bericht --- */ .mcs-news-featured-wrap{padding:64px 0;} .mcs-news-featured{display:flex;background:#fff;border:1px solid var(--mcs-outline);border-radius:4px;overflow:hidden;text-decoration:none!important;transition:transform .2s,border-color .2s;} .mcs-news-featured:hover{transform:translateY(-2px);border-color:#b3c9e1;} .mcs-news-featured__media{width:50%;min-height:340px;background:#e8e8e8;} .mcs-news-featured__media img{width:100%!important;height:100%!important;object-fit:cover;display:block;} .mcs-news-featured__body{width:50%;padding:32px;display:flex;flex-direction:column;justify-content:center;} .mcs-news-featured__meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;} .mcs-news-featured__date{font-family:var(--mcs-font-body);font-size:16px;color:var(--mcs-outline);} .mcs-news-featured__title{font-family:var(--mcs-font-head);font-size:42px;line-height:50px;font-weight:700;color:var(--mcs-navy);margin:0 0 16px;} .mcs-news-featured__excerpt{font-family:var(--mcs-font-body);font-size:18px;line-height:30px;color:var(--mcs-on-surface-variant);margin:0 0 24px;} /* --- Nieuwsgrid + kaarten --- */ .mcs-news-grid-wrap{padding-bottom:64px;} .mcs-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .mcs-news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mcs-outline);border-radius:2px;overflow:hidden;transition:transform .2s,border-color .2s;} .mcs-news-card:hover{transform:translateY(-2px);border-color:#b3c9e1;} .mcs-news-card__media{display:block;aspect-ratio:4/3;background:#e8e8e8;} .mcs-news-card__media img{width:100%!important;height:100%!important;object-fit:cover;display:block;} .mcs-news-card__body{padding:24px;display:flex;flex-direction:column;flex-grow:1;} .mcs-news-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;} .mcs-news-card__date{font-family:var(--mcs-font-body);font-size:14px;color:var(--mcs-outline);} .mcs-news-card__title{font-family:var(--mcs-font-head);font-size:24px;line-height:32px;font-weight:600;color:var(--mcs-navy);margin:0 0 12px;} .mcs-news-card__title a{color:inherit;text-decoration:none;} .mcs-news-card__title a:hover{color:var(--mcs-navy);} .mcs-news-card__excerpt{font-family:var(--mcs-font-body);font-size:16px;line-height:26px;color:var(--mcs-on-surface-variant);margin:0 0 24px;flex-grow:1;} .mcs-news-more{margin-top:32px;display:flex;justify-content:center;} .mcs-news-empty{font-family:var(--mcs-font-body);font-size:18px;color:var(--mcs-on-surface-variant);} /* --- Facebook-feed (placeholder) --- */ .mcs-news-fb{background:var(--mcs-surface-dim);border-top:1px solid var(--mcs-outline);padding:64px 0;} .mcs-news-fb__head{display:flex;align-items:center;gap:12px;margin-bottom:32px;} .mcs-news-fb__head .material-symbols-outlined{font-size:30px;color:var(--mcs-navy);} .mcs-news-fb__head h2{font-family:var(--mcs-font-head);font-size:32px;line-height:40px;font-weight:600;color:var(--mcs-navy);margin:0;} .mcs-news-fb__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;} .mcs-news-fb__item{background:#fff;border:1px solid var(--mcs-outline);border-radius:2px;height:256px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.7;color:var(--mcs-on-surface-variant);} .mcs-news-fb__item .material-symbols-outlined{font-size:36px;color:var(--mcs-outline);} .mcs-news-fb__item p{font-family:var(--mcs-font-body);font-size:14px;margin:0;} /* --- Afsluitende CTA-band (overzicht) --- */ .mcs-news-cta{background:var(--mcs-navy);padding:48px 0;} .mcs-news-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;} .mcs-news-cta__inner h2{font-family:var(--mcs-font-head);font-size:32px;line-height:40px;font-weight:600;color:#fff;margin:0;} /* ===================================================================== BERICHT-DETAIL (single.php) ===================================================================== */ .mcs-post-breadcrumb{padding:32px 0;} .mcs-post-breadcrumb .mcs-breadcrumb{font-weight:700;letter-spacing:.05em;} .mcs-post-article{max-width:1000px;margin:0 auto;padding:0 30px;} .mcs-post-header{text-align:center;margin-bottom:48px;} .mcs-post-header__meta{display:flex;justify-content:center;align-items:center;gap:16px;font-family:var(--mcs-font-body);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcs-on-surface-variant);margin-bottom:24px;} .mcs-dot{width:4px;height:4px;border-radius:50%;background:var(--mcs-yellow);display:inline-block;} .mcs-post-header__title{font-family:var(--mcs-font-head);font-size:48px;line-height:56px;font-weight:700;color:var(--mcs-navy);margin:0;} .mcs-post-hero{width:100%;height:400px;border-radius:4px;overflow:hidden;margin-bottom:64px;} .mcs-post-hero img{width:100%!important;height:100%!important;object-fit:cover;display:block;} .mcs-post-content{max-width:720px;margin:0 auto;font-family:var(--mcs-font-body);font-size:16px;line-height:1.7;color:var(--mcs-on-surface);} .mcs-post-content > p{margin:0 0 24px;} .mcs-post-content .mcs-lead{font-size:20px;line-height:32px;font-weight:700;color:var(--mcs-navy);margin-bottom:40px;} .mcs-post-content h2{font-family:var(--mcs-font-head);font-size:32px;line-height:40px;font-weight:600;color:var(--mcs-navy);margin:48px 0 24px;} .mcs-post-content h3{font-family:var(--mcs-font-head);font-size:24px;line-height:32px;font-weight:600;color:var(--mcs-navy);margin:32px 0 16px;} .mcs-post-content a{color:var(--mcs-navy);text-decoration:underline;} .mcs-post-content ul,.mcs-post-content ol{margin:0 0 24px 1.25em;} .mcs-post-content li{margin-bottom:8px;} .mcs-post-content img{max-width:100%;height:auto;} .mcs-post-figure{margin:48px 0;} .mcs-post-figure img{width:100%;height:auto;display:block;border-radius:4px;border:1px solid var(--mcs-outline);} .mcs-post-figure figcaption{text-align:center;font-family:var(--mcs-font-body);font-size:14px;color:var(--mcs-on-surface-variant);margin-top:16px;} .mcs-post-quote{background:var(--mcs-surface-dim);border-left:4px solid var(--mcs-yellow);padding:32px;margin:48px 0;} .mcs-post-quote p{font-family:var(--mcs-font-head);font-size:24px;line-height:32px;font-weight:600;font-style:italic;color:var(--mcs-navy);margin:0;} .mcs-post-video{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:4px;border:1px solid var(--mcs-outline);margin:48px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;} .mcs-post-video::before{content:"";position:absolute;inset:0;background:rgba(47,68,88,.4);} .mcs-post-video__play{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:var(--mcs-yellow);color:var(--mcs-navy);display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 4px 0 0 rgba(47,68,88,.2);} .mcs-post-share{border-top:1px solid var(--mcs-outline);margin-top:64px;padding-top:32px;display:flex;align-items:center;justify-content:space-between;} .mcs-post-share__label{font-family:var(--mcs-font-body);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcs-navy);} .mcs-post-share__links{display:flex;gap:16px;} .mcs-post-share__links a{width:40px;height:40px;border-radius:50%;border:1px solid var(--mcs-outline);display:flex;align-items:center;justify-content:center;color:var(--mcs-on-surface-variant);font-weight:700;text-decoration:none;transition:all .2s;} .mcs-post-share__links a:hover{border-color:var(--mcs-navy);color:var(--mcs-navy);} .mcs-post-back{margin-top:32px;} .mcs-post-back a{display:inline-flex;align-items:center;gap:8px;font-family:var(--mcs-font-body);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcs-navy);text-decoration:none;} .mcs-post-back a:hover{color:var(--mcs-yellow);} .mcs-post-related-solution{margin-top:96px;} .mcs-related-solution__box{background:var(--mcs-surface-dim);border:1px solid var(--mcs-outline);border-radius:4px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;} .mcs-related-solution__text{max-width:36rem;} .mcs-related-solution__text h3{font-family:var(--mcs-font-head);font-size:32px;line-height:40px;font-weight:600;color:var(--mcs-navy);margin:0 0 16px;} .mcs-related-solution__text p{font-family:var(--mcs-font-body);font-size:16px;line-height:26px;color:var(--mcs-on-surface-variant);margin:0;} .mcs-post-related{background:#f3f3f3;padding:96px 0;margin-top:96px;} .mcs-post-related__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;} .mcs-post-related__head h2{font-family:var(--mcs-font-head);font-size:48px;line-height:56px;font-weight:700;color:var(--mcs-navy);margin:0;} .mcs-post-cta{background:var(--mcs-yellow);padding:64px 0;} .mcs-post-cta__inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px;} .mcs-post-cta__inner h2{font-family:var(--mcs-font-head);font-size:32px;line-height:40px;font-weight:600;color:var(--mcs-navy);margin:0;} /* --- Responsive --- */ @media(min-width:768px){ .mcs-post-header__title{font-size:64px;line-height:72px;letter-spacing:-.02em;} .mcs-post-hero{height:600px;} } @media(max-width:991px){ .mcs-news-grid{grid-template-columns:repeat(2,1fr);} .mcs-news-fb__grid{grid-template-columns:repeat(2,1fr);} .mcs-news-featured{flex-direction:column;} .mcs-news-featured__media,.mcs-news-featured__body{width:100%;} .mcs-news-featured__media{min-height:280px;} .mcs-news-featured__title{font-size:34px;line-height:42px;} .mcs-news-head__title{font-size:44px;line-height:52px;} } @media(max-width:680px){ .mcs-news-grid,.mcs-news-fb__grid{grid-template-columns:1fr;} .mcs-news-newsletter__inner,.mcs-news-cta__inner,.mcs-post-related__head{flex-direction:column;align-items:flex-start;} .mcs-news-newsletter__form{margin-left:0;width:100%;max-width:none;} .mcs-news-newsletter__form form, .mcs-news-newsletter__form .mc4wp-form-fields, .mcs-news-newsletter__form .mc_form_inside{align-items:stretch;} .mcs-news-newsletter__form .mc_form_inside{grid-template-columns:1fr;} .mcs-news-newsletter__form input[type=submit], .mcs-news-newsletter__form button[type=submit], .mcs-news-newsletter__form .mcs-btn, .mcs-news-newsletter__form .mc_signup_submit_button{width:100%!important;} .mcs-related-solution__box{flex-direction:column;align-items:flex-start;} .mcs-post-header__title{font-size:36px;line-height:44px;} .mcs-post-hero{height:280px;} } /* --- Knop-overrides: Salient style't