.heading-met-logo{position:relative;display:inline-block}.heading-met-logo::after{content:url('/wp-content/uploads/2025/03/logo-dak-zeerklein.png');position:absolute;top:-0.8em;left:-0.9em;width:10px;height:auto}.custom-title{position:relative;display:inline-block;padding-left:30px}.custom-title::before{content:"";position:absolute;left:0;top:-10px;width:6px;height:calc(100% + 20px);background-color:#008fb2}.custom-title::after{content:"";position:absolute;left:0;top:-10px;width:40px;height:6px;background-color:#008fb2}.project-category-slider{position:relative;width:100%;overflow:hidden;max-width:1440px;margin:auto}.slider-container{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:20px}.slide{flex:0 0 calc(25% - 20px);max-width:calc(25% - 20px);scroll-snap-align:start;position:relative;border-radius:0px;overflow:hidden;transition:transform 0.4s ease-in-out}.slide-image{width:100%;height:450px;background-size:cover;background-position:center;border-radius:0px;transition:transform 0.6s ease-in-out}.slide:hover .slide-image{transform:scale(1.1)}.slide-title{position:absolute;bottom:10px;left:10px;color:white;font-size:18px;font-weight:bold;background:#02416e;padding:5px 10px;border-radius:5px;transition:none}.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);background-color:#02416e;color:white;border:none;cursor:pointer;padding:10px 15px;font-size:24px;border-radius:50%;transition:background 0.3s}.slider-prev{left:-40px}.slider-next{right:-40px}.slider-prev:hover,.slider-next:hover{background-color:rgba(0,0,0,0.8)}@media (max-width:768px){.slide{flex:0 0 50%;max-width:50%}}.project-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;max-width:1200px;margin:auto;padding:40px 20px}.grid-item{position:relative;border-radius:10px;overflow:hidden;transition:transform 0.4s ease-in-out}.grid-item:hover{transform:scale(1.02)}.grid-image{width:100%;height:500px;background-size:cover;background-position:center;border-radius:10px}.grid-title{position:absolute;bottom:15px;left:15px;color:white;font-size:22px;font-weight:bold;background:#02416e;padding:10px 15px;border-radius:5px}.project-filter{text-align:center;margin-bottom:20px}.filter-button{background:#333;color:white;border:none;padding:10px 20px;margin:5px;font-size:16px;cursor:pointer;border-radius:5px;transition:background 0.3s ease-in-out}.filter-button.active,.filter-button:hover{background:#ff9800}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;max-width:1200px;margin:auto;padding:40px 20px}.project-item{position:relative;border-radius:10px;overflow:hidden;transition:transform 0.6s ease-in-out}.project-item:hover{transform:scale(1.02)}.project-thumbnail{width:100%;height:350px;background-size:cover;background-position:center;border-radius:10px}.project-title{position:absolute;bottom:10px;left:10px;color:white;font-size:22px;font-weight:bold;background:#02416e;padding:10px 15px;border-radius:5px}.project-gallery-scroll{display:flex;flex-direction:column;gap:40px;max-width:1440px;margin:0 auto;padding:0 20px}.gallery-image-container{opacity:0;transform:translateX(-50px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;transition-delay:0.2s;border-radius:0!important;overflow:hidden}.gallery-image-container.visible{opacity:1;transform:translateX(0)}.gallery-image-container img,.gallery-image{width:100%;height:auto;display:block;border-radius:0!important}.project-category-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1440px;margin:0 auto;padding:40px 20px}.project-card{position:relative;overflow:hidden;border-radius:0;background-color:#02416e;box-shadow:0 10px 20px rgba(0,0,0,0.05);transition:transform 0.5s ease,box-shadow 0.5s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.project-image{width:100%;height:400px;background-size:cover;background-position:center;transition:transform 1.2s ease}.project-card:hover .project-image{transform:scale(1.02)}.project-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,143,179,0.21);opacity:0;transition:opacity 0.5s ease;z-index:1}.project-card:hover::before{opacity:1}.project-title{position:absolute;bottom:20px;left:20px;margin:0;padding:8px 16px;background:#02416e;color:#fff;font-size:18px;font-weight:500;letter-spacing:0.5px;z-index:2;display:inline-block;transform:none;opacity:1;transition:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#007c99;border-radius:6px;border:3px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background-color:#005f73}.custom-vertical-align{display:flex;align-items:center}.custom-vertical-align .et_pb_column{flex:1}@media (max-width:767px){.et_pb_row{display:flex;flex-direction:column}.et_pb_column{width:100%!important;margin:0 0 20px 0}}@media only screen and (max-width:767px){.bg-beeld-verbergen-mobiel{background-image:none!important}}#top-menu li ul.sub-menu{min-width:330px!important}#top-menu li ul.sub-menu li a{display:block;width:100%;white-space:nowrap}.et_mobile_menu{border-top:3px solid #02406D!important}@media (max-width:1445px){#top-menu,#et-top-navigation .et-cart-info{display:none!important}#et_mobile_nav_menu,.mobile_menu_bar{display:block!important}.et_pb_menu .et_pb_menu__menu,.et_pb_fullwidth_menu .et_pb_menu__menu{display:none!important}.et_pb_menu .et_mobile_nav_menu,.et_pb_fullwidth_menu .et_mobile_nav_menu,.et_pb_menu .et_pb_menu__toggle{display:flex!important}.et_pb_menu .et_pb_menu__wrap{justify-content:space-between;align-items:center}}.mobile_menu_bar:before,.et_pb_menu__toggle:before{color:#1b345d!important}.mobile_menu_bar:hover:before,.et_pb_menu__toggle:hover:before{color:#007bff!important}