.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --mp-navy:#0D356C; --mp-blue:#0971FF; --mp-navy-dark:#072042; --mp-light:#F3F5F8; --mp-white:#FFFFFF; --mp-font-heading:Kontora; --mp-font-body:Ubuntu; }
/* Start custom CSS */@font-face{font-family:'Kontora';src:url('https://melapret.be/wp-content/uploads/fonts/kontora-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Kontora';src:url('https://melapret.be/wp-content/uploads/fonts/kontora-semi-bold.otf') format('opentype');font-weight:600 700;font-style:normal;font-display:swap;}
/* Font-rendering zoals Webflow (Hello theme zet antialiased = dunner) */
html body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;}
/* Sticky header */
.elementor-location-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:999;}
/* Desktop: header ligt transparant over de hero (alle pagina's; hero's zijn 113px hoger) */
@media (min-width:1025px){.elementor-location-header{margin-bottom:-113px;}}

/* ===== Header bij scrollen: wordt wit met navy tekst/logo en een fijn lijntje #F3F5F8 onderaan (alle schermen) en krimpt (desktop). Over de eerste 150px scroll. Browsers zonder scroll-timeline (Firefox) houden de standaard header. ===== */
@property --mp-hdr-pad{syntax:'<length>';inherits:true;initial-value:30px;}
@property --mp-hdr-bg{syntax:'<color>';inherits:true;initial-value:rgba(13,53,108,0.85);}
@property --mp-hdr-fg{syntax:'<color>';inherits:true;initial-value:#FFFFFF;}
@property --mp-hdr-line{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,0.1);}
@property --mp-hdr-btnfill{syntax:'<color>';inherits:true;initial-value:#FFFFFF;}
@property --mp-hdr-btntext{syntax:'<color>';inherits:true;initial-value:#0D356C;}
@keyframes mp-hdr-shrink{from{--mp-hdr-pad:30px;}to{--mp-hdr-pad:14px;}}
@keyframes mp-hdr-color{to{--mp-hdr-bg:#FFFFFF;--mp-hdr-fg:#0D356C;--mp-hdr-line:#F3F5F8;--mp-hdr-btnfill:#0D356C;--mp-hdr-btntext:#FFFFFF;}}
@supports (animation-timeline: scroll()){
.elementor-location-header{animation:mp-hdr-color linear both;animation-timeline:scroll(root);animation-range:0px 150px;}
body .elementor-location-header > header.e-con.e-flexbox-base{background-color:var(--mp-hdr-bg);border-bottom-color:var(--mp-hdr-line);box-shadow:none;}
body .elementor-location-header nav .mp-nav-link,body .elementor-location-header .mp-lang p.mp-lang-label{color:var(--mp-hdr-fg);}
body .elementor-location-header .mp-lang div.mp-lang-chevron{border-color:var(--mp-hdr-fg);}
body .elementor-location-header summary div.mp-burger-line{background-color:var(--mp-hdr-fg);}
/* Logo als uitsnede (mask) gevuld met de headerkleur: vloeit zuiver van wit naar #0D356C */
body .elementor-location-header a.e-image-link-base:has(> img.e-image-base){background-color:var(--mp-hdr-fg);-webkit-mask:url('https://cdn.prod.website-files.com/68c7ec861ec5219e061bbf3e/68c823f2de144a394c42ee7b_logo-melapret.svg') center / contain no-repeat;mask:url('https://cdn.prod.website-files.com/68c7ec861ec5219e061bbf3e/68c823f2de144a394c42ee7b_logo-melapret.svg') center / contain no-repeat;}
body .elementor-location-header a.e-image-link-base > img.e-image-base{opacity:0;}
body .elementor-location-header nav .mp-btn-fill-white::before{background-color:var(--mp-hdr-btnfill);}
body .elementor-location-header nav .mp-btn-fill-white:hover{color:var(--mp-hdr-btntext);border-color:var(--mp-hdr-btnfill);}
@media (max-width:1024px){.elementor-location-header{--mp-hdr-bg:#0D356C;}}
@media (min-width:1025px){
.elementor-location-header{animation:mp-hdr-color linear both,mp-hdr-shrink linear both;animation-timeline:scroll(root),scroll(root);animation-range:0px 150px,0px 150px;margin-bottom:calc(-53px - 2 * var(--mp-hdr-pad));}
.elementor-location-header header .mp-container.e-con{padding-block:var(--mp-hdr-pad);}
.elementor-location-header nav .mp-nav-link::after{top:calc(100% + var(--mp-hdr-pad) + 15px);}
}
}

/* Compacte header op smalle desktops (1025-1199px) zodat menu + knop + taal passen */
@media (min-width:1025px) and (max-width:1199px){.elementor-location-header img.e-image-base{width:180px;}.elementor-location-header nav.e-con{gap:18px;}.elementor-location-header nav .mp-btn{font-size:15px;padding-inline:20px;}}
/* Actief menu-item per pagina: blauwe tekst (desktop + mobiel menu) + blijvend lijntje (desktop). NL: 7,80,91,104/105,98/99 - EN: 142,143,144,145/146,147/148 */
body.home .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/"]),
body.page-id-80 .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/toepassingen"]),
body.page-id-91 .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/ons-verhaal"]),
body:is(.page-id-104,.page-id-105) .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/nieuws-inzichten"]),
body:is(.page-id-98,.page-id-99) .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/jobs"]),
body.page-id-142 .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/en/"]),
body.page-id-143 .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/en/applications"]),
body.page-id-144 .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/en/our-story"]),
body:is(.page-id-145,.page-id-146) .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/en/news-insights"]),
body:is(.page-id-147,.page-id-148) .elementor-location-header :is(.mp-nav-link,.mp-mnav-link):has(a[href="/en/jobs"]){color:#0082F3;}
body.home .elementor-location-header .mp-nav-link:has(a[href="/"])::after,
body.page-id-80 .elementor-location-header .mp-nav-link:has(a[href="/toepassingen"])::after,
body.page-id-91 .elementor-location-header .mp-nav-link:has(a[href="/ons-verhaal"])::after,
body:is(.page-id-104,.page-id-105) .elementor-location-header .mp-nav-link:has(a[href="/nieuws-inzichten"])::after,
body:is(.page-id-98,.page-id-99) .elementor-location-header .mp-nav-link:has(a[href="/jobs"])::after,
body.page-id-142 .elementor-location-header .mp-nav-link:has(a[href="/en/"])::after,
body.page-id-143 .elementor-location-header .mp-nav-link:has(a[href="/en/applications"])::after,
body.page-id-144 .elementor-location-header .mp-nav-link:has(a[href="/en/our-story"])::after,
body:is(.page-id-145,.page-id-146) .elementor-location-header .mp-nav-link:has(a[href="/en/news-insights"])::after,
body:is(.page-id-147,.page-id-148) .elementor-location-header .mp-nav-link:has(a[href="/en/jobs"])::after{width:100%;}/* End custom CSS */