/*
 * Bull Matters shared BMC components.
 * Extracted unchanged from the Beaver Builder pages that use the BMC design system.
 * Page-specific hero image variables remain with their respective pages.
 */
/* Shared presentation for assignment pages, independent of page content.
   Hero image URLs are supplied by the individual pages. */
body:has(.bmc-hero){background:#080808!important;font-family:DINWeb,"Arial Narrow",Arial,sans-serif}
body:has(.bmc-hero) :is(.fl-page-content,.fl-content-full,.fl-content-full>.row,.fl-content){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}
body:has(.bmc-hero) .fl-post-header{display:none}
.bmc-row{--bmc-orange:#ff6a00;--bmc-black:#080808;--bmc-paper:#f5f4f1;--bmc-gutter:7vw;--bmc-line:#d2d0ca;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;font-family:DINWeb,"Arial Narrow",Arial,sans-serif!important;color:#080808;background:#f5f4f1;overflow-wrap:break-word}
.bmc-row *,.bmc-row *::before,.bmc-row *::after{box-sizing:border-box}
.bmc-row > .fl-row-content-wrap{margin:0!important;padding:66px var(--bmc-gutter)!important;background:transparent!important}
.bmc-row > .fl-row-content-wrap > .fl-row-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.bmc-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col > .fl-col-content{margin:0!important;padding:0!important}
.bmc-row .fl-module-content{margin:0;padding:0}
.bmc-row :is(h1,h2,h3,p,li,a,span){font-family:inherit!important}
.bmc-row :is(h1,h2,h3,p,ul){margin:0;font-weight:400}
.bmc-row :is(h1,h2,h3){font-weight:700;color:inherit;text-align:left}
.bmc-row p{font-size:18px;line-height:1.6;color:#393937}
.bmc-row a{color:inherit;text-decoration:none}
.bmc-row h2{font-size:clamp(34px,3.8vw,53px);line-height:1.02;letter-spacing:-1.6px}
.bmc-row h3{font-size:22px;line-height:1.2;letter-spacing:-.4px}
.bmc-row .bmc-eyebrow p{display:flex;align-items:center;gap:13px;margin:0 0 21px!important;font-size:14px;font-weight:700;letter-spacing:2.2px;line-height:1.4;text-transform:uppercase;color:#ff6a00}
.bmc-row .bmc-eyebrow p::before{content:"";flex:0 0 36px;height:3px;background:currentColor}
.bmc-row a:focus-visible,.bmc-row button:focus-visible{outline:2px solid #ff6a00;outline-offset:4px}
.bmc-row :is(.bmc-prose,.bmc-context) a{text-decoration:underline;text-decoration-color:#ff6a00;text-underline-offset:4px}
.bmc-fixed-design{display:none}
.bmc-shell{background:#080808;color:#fff}
.bmc-shell > .fl-row-content-wrap{padding:0!important}
.bmc-shell-header .bmi-header{position:relative!important;top:auto!important;left:auto!important}
.bmc-shell-header .fl-builder-content-321{position:relative!important;top:auto!important}
.bmc-hero{position:relative;background:#080808;color:#fff;isolation:isolate;overflow:hidden}
.bmc-hero > .fl-row-content-wrap{padding-top:clamp(4rem,7vw,7rem)!important;padding-bottom:clamp(4rem,7vw,7rem)!important;position:relative}
.bmc-hero > .fl-row-content-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.74) 39%,rgba(8,8,8,.1) 70%),var(--bmc-hero-image);background-position:center,center top;background-size:cover,cover;background-repeat:no-repeat;opacity:.86}
.bmc-hero > .fl-row-content-wrap > .fl-row-content{position:relative;z-index:1}
.bmc-row .bmc-back p{margin-bottom:32px!important;font-size:16px;color:#fff;font-weight:700}
.bmc-back a{display:inline-flex;gap:10px;align-items:center;padding:4px 0 6px;border-bottom:1px solid #ffffff8c}
.bmc-back a:hover{color:#ff6a00}
.bmc-hero h1{max-width:860px;font-size:clamp(44px,5.5vw,76px);line-height:1;letter-spacing:-2.4px;margin-bottom:23px!important;color:#fff}
.bmc-row .bmc-hero-intro p{max-width:620px;font-size:20px;line-height:1.55;color:#d9d7d7}
.bmc-facts{background:#fff;border-bottom:1px solid #d2d0ca}
.bmc-facts > .fl-row-content-wrap{padding-top:29px!important;padding-bottom:29px!important}
.bmc-facts .fl-col-group{display:flex;flex-wrap:wrap}
.bmc-facts .fl-col{float:none!important;min-width:0}
.bmc-facts .fl-col+.fl-col{border-left:1px solid #d2d0ca}
.bmc-facts .bmc-fact{padding-right:20px!important}
.bmc-facts .fl-col+.fl-col .bmc-fact{padding-left:28px!important}
.bmc-facts :is(h3,.bmc-fact-label){font-size:12px;line-height:1.4;letter-spacing:1.5px;text-transform:uppercase;color:#535353;margin:0 0 6px!important;font-weight:700;text-align:left}
.bmc-facts p{font-size:18px;font-weight:500;line-height:1.4;color:#080808}
.bmc-intro h2{margin-bottom:24px!important}
.bmc-intro .bmc-prose p{color:#535353;line-height:1.65}
.bmc-jumps p{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:23px!important}
.bmc-jumps a{display:inline-flex;gap:10px;font-size:16px;font-weight:700;border-bottom:1px solid #08080860;padding:3px 0}
.bmc-jumps a:hover{color:#ff6a00;border-color:#ff6a00}
.bmc-project{border-top:1px solid #d2d0ca;scroll-margin-top:20px}
.bmc-project-alt{background:#fff}
.bmc-project h2{margin-bottom:30px!important}
.bmc-project .bmc-context h3{font-size:13px;line-height:1.4;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px!important}
.bmc-project .bmc-context p{margin-bottom:20px!important}
.bmc-project .bmc-approach-label p{margin-top:8px!important}
.bmc-project :is(.bmc-pillar.fl-rich-text,.bmc-pillar>.fl-module-content){position:relative;padding-left:44px!important;margin-bottom:22px!important}
.bmc-project .bmc-pillar .bmc-pillar-icon{position:absolute;left:0;top:-2px;width:32px;color:#ff6a00;font-family:"Material Symbols Outlined"!important;font-size:30px;font-style:normal;font-weight:400;line-height:1;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"GRAD" 0,"opsz" 48,"wght" 400;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal}
.bmc-project .bmc-pillar h3{margin-bottom:7px!important}
.bmc-project :is(.bmc-result.fl-rich-text,.bmc-result>.fl-module-content){margin-top:8px!important;padding:25px 28px!important;border-left:4px solid #ff6a00;background:#080808;color:#fff}
.bmc-result .bmc-result-label{color:#ff6a00;font-size:12px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;margin-bottom:10px!important}
.bmc-result p{color:#fff;font-size:19px;font-weight:500;line-height:1.45}
.bmc-result .bmc-result-note{margin-top:13px!important;font-size:15px;line-height:1.55;font-weight:400;color:#c7c5c5}
.bmc-reference{background:#080808;color:#fff}
.bmc-reference h2{margin-bottom:28px!important}
.bmc-reference :is(.bmc-quote.fl-rich-text,.bmc-quote>.fl-module-content){border-left:3px solid #ff6a00;padding-left:28px!important}
.bmc-reference .bmc-placeholder-label{color:#b8b6b4;font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;margin-bottom:16px!important}
.bmc-reference .bmc-reference-text{font-size:18px;line-height:1.6;font-weight:400;letter-spacing:normal;color:#d9d7d7}
.bmc-reference .bmc-reference-person{color:#a6a4a4;font-size:15px;font-weight:700;margin-top:24px!important}
.bmc-contact{background:#ff6a00;color:#080808}
.bmc-contact > .fl-row-content-wrap{padding-left:var(--bmc-gutter)!important;padding-right:var(--bmc-gutter)!important}.bmc-contact > .fl-row-content-wrap > .fl-row-content{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.bmc-contact .fl-col-group{display:flex;align-items:flex-end;gap:8%;width:calc(100% + var(--bmc-gutter))!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0!important;transform:translateX(calc(-1 * var(--bmc-gutter)))!important}@media(max-width:650px){.bmc-contact .fl-col-group{width:100%!important;transform:none!important}}.bmc-contact .fl-col,.bmc-contact .fl-col-content{margin-left:0!important;padding-left:0!important}
.bmc-contact .fl-col{float:none;min-width:0}
.bmc-contact .fl-col:first-child{width:55.2%!important}
.bmc-contact .fl-col:last-child{width:36.8%!important}
.bmc-contact .bmc-eyebrow p{color:#080808}
.bmc-contact h2{font-size:clamp(36px,4.2vw,58px);max-width:660px}
.bmc-contact p{color:#080808}
.bmc-contact .bmc-contact-copy p{margin-bottom:23px!important}
.bmc-contact a.fl-button{display:inline-flex;gap:16px;align-items:center;justify-content:center;padding:17px 21px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#080808!important;color:#fff!important}
.bmc-contact a.fl-button span{font-size:14px;line-height:1.25;letter-spacing:.7px;font-weight:700;text-transform:uppercase;color:inherit!important}
.bmc-contact a.fl-button:hover{background:#fff!important;color:#080808!important}













@media(max-width:1050px){.bmc-contact .fl-col-group{display:block}.bmc-contact .fl-col:first-child,.bmc-contact .fl-col:last-child{width:100%!important}.bmc-contact .fl-col+.fl-col{margin-top:28px}.bmc-contact .bmc-contact-copy{max-width:580px}}
@media(max-width:650px){
.bmc-row{--bmc-gutter:24px}
.bmc-row > .fl-row-content-wrap{padding-top:43px!important;padding-bottom:45px!important}
.bmc-shell > .fl-row-content-wrap{padding:0!important}
.bmc-hero > .fl-row-content-wrap{padding-top:clamp(4rem,7vw,7rem)!important;padding-bottom:clamp(4rem,7vw,7rem)!important}
.bmc-hero > .fl-row-content-wrap::before{background-position:center,76% top;background-image:linear-gradient(90deg,rgba(8,8,8,.9),rgba(8,8,8,.65)),var(--bmc-hero-image);opacity:.8}
.bmc-hero h1{font-size:45px;letter-spacing:-1.6px;line-height:1.02}
.bmc-row .bmc-hero-intro p{font-size:18px}
.bmc-row .bmc-back p{font-size:15px;margin-bottom:29px!important}
.bmc-row .bmc-eyebrow p{font-size:12px;letter-spacing:1.8px;gap:11px;margin-bottom:18px!important}
.bmc-row .bmc-eyebrow p::before{flex-basis:28px}
.bmc-facts > .fl-row-content-wrap{padding-top:12px!important;padding-bottom:12px!important}
.bmc-facts .fl-col-group{display:block}
.bmc-facts .fl-col{width:100%!important}
.bmc-facts .fl-col+.fl-col{border-left:0;border-top:1px solid #d2d0ca}
.bmc-facts .bmc-fact,.bmc-facts .fl-col+.fl-col .bmc-fact{padding:15px 0!important}
.bmc-facts :is(h3,.bmc-fact-label){font-size:11px}.bmc-facts p{font-size:17px}
.bmc-row h2{font-size:36px;letter-spacing:-1.2px}
.bmc-project :is(.bmc-result.fl-rich-text,.bmc-result>.fl-module-content){padding:22px!important}
.bmc-reference :is(.bmc-quote.fl-rich-text,.bmc-quote>.fl-module-content){padding-left:22px!important}
.bmc-contact h2{font-size:39px}





}
@media(max-width:360px){.bmc-row{--bmc-gutter:20px}.bmc-hero h1{font-size:40px}}

/* Full-width host for the shared responsive header. */
.bmc-shell-header{position:-webkit-sticky;position:sticky;top:0;z-index:10000;overflow:visible}
body.admin-bar .bmc-shell-header{top:32px}
@media(min-width:601px) and (max-width:782px){body.admin-bar .bmc-shell-header{top:46px}}
@media(max-width:600px){body.admin-bar .bmc-shell-header{top:0}}
.bmc-shell-header .fl-builder-content-321 .fl-node-kxoqv9b63wgf{display:block!important;width:100%!important}
.bmc-shell-header .fl-builder-content-321 .fl-node-5rwhy24xumdk{float:none!important;width:100%!important;max-width:none!important}
.bmc-shell-header .fl-builder-content-321 .fl-node-5rwhy24xumdk>.fl-col-content{margin:0!important;padding:0!important}
.bmc-shell-header .fl-builder-content-321 .fl-node-c2kjonzh1uqw{display:none!important}
.bmc-shell-header .fl-builder-content-321 .fl-node-lamszq5px4on{margin:0!important;padding:0!important;width:100%!important}
.bmc-project .bmc-pillar p a[href^="https://bullmatters.nl/inzichten/"]{color:#ff6a00;font-weight:700;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:4px}.bmc-project .bmc-pillar p a[href^="https://bullmatters.nl/inzichten/"]:hover{color:#ff6a00}
/* Referentie bewaard: verwijder bmc-reference-hidden van de rij om terug te plaatsen. */
.bmc-row.bmc-reference-hidden{display:none!important}

/* Complete gedeelde footer 322; geen eigen afmetingen of iconen. */
.bmc-shell-footer{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.bmc-shell-footer>.fl-row-content-wrap{margin:0!important;padding:0!important}
.bmc-shell-footer>.fl-row-content-wrap>.fl-row-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.bmc-shell-footer>.fl-row-content-wrap>.fl-row-content>.fl-col-group>.fl-col>.fl-col-content{margin:0!important;padding:0!important}
.bmc-shell-footer .fl-node-bmcfootershared{margin:0!important;padding:0!important}

/* QA step 3: neutral text contrast.
   Brand orange #FF6A00 is an explicit design decision, including headings,
   decorative lines and links. Do not darken it for contrast scoring. */
body.page-id-277 #bm-expertise .bm2-num,
body.page-id-277 #bm-ervaring .bm2-other-client-sector{color:#666}
body.page-id-277 #bm-expertise .bme-tile:hover .bm2-num{color:#888}
.fl-builder-content-323 .fl-node-2fnx5tzbi9w3 .fl-post-grid-meta{color:#666!important}

/* Shared article link colors, including future articles using layout 324. */
.fl-builder-content-324 .bmi-article-content .fl-node-1439iwjufngh a,
.fl-builder-content-324 .fl-module.fl-node-g5q4tnrkfzh0 a:hover{color:#ff6a00!important}

/* Homepage: show the existing Media Library image on small screens.
   Keep this responsive rule in the shared stylesheet. The extra .fl-row
   specificity overrides the legacy Beaver page settings that hide it. */
@media(max-width:760px){
  body.page-id-277 .fl-row.fl-node-swmdcfgpuayn>.fl-row-content-wrap{
    background-image:linear-gradient(90deg,rgba(8,8,8,.86),rgba(8,8,8,.45)),url("https://bullmatters.nl/wp-content/uploads/2026/09/bull-matters-header-optimized.webp")!important;
    background-position:center,76% top!important;
    background-size:cover,cover!important;
    background-repeat:no-repeat!important;
  }
}