.elementor-14854 .elementor-element.elementor-element-7fd7035{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-14854 .elementor-element.elementor-element-a5c3ce5 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_5 );}.elementor-14854 .elementor-element.elementor-element-bbc8445 img{width:100%;filter:brightness( 36% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14854 .elementor-element.elementor-element-e438b04{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-e438b04:not(.elementor-motion-effects-element-type-background), .elementor-14854 .elementor-element.elementor-element-e438b04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E7E7;}.elementor-14854 .elementor-element.elementor-element-e438b04::before, .elementor-14854 .elementor-element.elementor-element-e438b04 > .elementor-background-video-container::before, .elementor-14854 .elementor-element.elementor-element-e438b04 > .e-con-inner > .elementor-background-video-container::before, .elementor-14854 .elementor-element.elementor-element-e438b04 > .elementor-background-slideshow::before, .elementor-14854 .elementor-element.elementor-element-e438b04 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14854 .elementor-element.elementor-element-e438b04 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14854 .elementor-element.elementor-element-934d47e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-14f2be0{width:100%;max-width:100%;}.elementor-14854 .elementor-element.elementor-element-14f2be0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 21px;}.elementor-14854 .elementor-element.elementor-element-14f2be0.elementor-element{--align-self:center;}.elementor-14854 .elementor-element.elementor-element-7c52c52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-da44dac .elementor-button{background-color:#FA000300;font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:-0.1px;word-spacing:0px;fill:var( --e-global-color-blocksy_palette_5 );color:var( --e-global-color-blocksy_palette_5 );border-radius:15px 15px 15px 15px;}.elementor-14854 .elementor-element.elementor-element-da44dac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 30px 0px;}.elementor-14854 .elementor-element.elementor-element-da44dac.elementor-element{--align-self:center;}.elementor-14854 .elementor-element.elementor-element-da44dac .elementor-button:hover, .elementor-14854 .elementor-element.elementor-element-da44dac .elementor-button:focus{color:#FFFFFF;}.elementor-14854 .elementor-element.elementor-element-da44dac .elementor-button:hover svg, .elementor-14854 .elementor-element.elementor-element-da44dac .elementor-button:focus svg{fill:#FFFFFF;}.elementor-14854 .elementor-element.elementor-element-9b6ae7b{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-14854 .elementor-element.elementor-element-eb612b3{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-14854 .elementor-element.elementor-element-eb612b3:not(.elementor-motion-effects-element-type-background), .elementor-14854 .elementor-element.elementor-element-eb612b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_4 );}.elementor-14854 .elementor-element.elementor-element-9bf2906 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0vw 0vw 0vw 0vw;}.elementor-14854 .elementor-element.elementor-element-9bf2906 .elementor-toc__header-title{text-align:start;}.elementor-14854 .elementor-element.elementor-element-9bf2906{--header-color:var( --e-global-color-blocksy_palette_5 );--toggle-button-color:var( --e-global-color-blocksy_palette_2 );--item-text-color:var( --e-global-color-blocksy_palette_5 );--item-text-hover-color:var( --e-global-color-blocksy_palette_2 );--item-text-transition-duration:100ms;--item-text-active-color:var( --e-global-color-blocksy_palette_2 );--marker-color:var( --e-global-color-blocksy_palette_2 );}.elementor-14854 .elementor-element.elementor-element-9bf2906 .elementor-toc__header{flex-direction:row;}.elementor-14854 .elementor-element.elementor-element-9bf2906 .elementor-toc__list-item{font-size:14px;}.elementor-14854 .elementor-element.elementor-element-6979759{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-6979759:not(.elementor-motion-effects-element-type-background), .elementor-14854 .elementor-element.elementor-element-6979759 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E1E1;}.elementor-14854 .elementor-element.elementor-element-bbb0fbd{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1%;--padding-bottom:3%;--padding-left:15%;--padding-right:15%;--z-index:1;}.elementor-14854 .elementor-element.elementor-element-c809248{--display:flex;--padding-top:4%;--padding-bottom:0%;--padding-left:1%;--padding-right:0%;}.elementor-14854 .elementor-element.elementor-element-c33ccdd{--display:flex;--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-14854 .elementor-element.elementor-element-29c102b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14854 .elementor-element.elementor-element-29c102b .elementor-post-navigation__link a {gap:6px;}@media(min-width:768px){.elementor-14854 .elementor-element.elementor-element-7fd7035{--width:100%;}.elementor-14854 .elementor-element.elementor-element-e438b04{--width:100%;}.elementor-14854 .elementor-element.elementor-element-934d47e{--width:100%;}.elementor-14854 .elementor-element.elementor-element-7c52c52{--width:20%;}.elementor-14854 .elementor-element.elementor-element-eb612b3{--width:35%;}.elementor-14854 .elementor-element.elementor-element-6979759{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14854 .elementor-element.elementor-element-7c52c52{--width:30%;}.elementor-14854 .elementor-element.elementor-element-eb612b3{--width:40%;}}@media(max-width:1024px){.elementor-14854 .elementor-element.elementor-element-14f2be0 > .elementor-widget-container{padding:0px 10px 0px 20px;}.elementor-14854 .elementor-element.elementor-element-da44dac > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-14854 .elementor-element.elementor-element-9bf2906 .elementor-toc__header, .elementor-14854 .elementor-element.elementor-element-9bf2906 .elementor-toc__header-title{font-size:16px;}.elementor-14854 .elementor-element.elementor-element-9bf2906 .elementor-toc__list-item{font-size:13px;}.elementor-14854 .elementor-element.elementor-element-bbb0fbd{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-14854 .elementor-element.elementor-element-a5c3ce5 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-14854 .elementor-element.elementor-element-a5c3ce5 .elementor-heading-title{font-size:1.8em;}.elementor-14854 .elementor-element.elementor-element-bbc8445 img{width:100%;height:0%;}.elementor-14854 .elementor-element.elementor-element-14f2be0 > .elementor-widget-container{padding:020px 10px 20px 10px;}.elementor-14854 .elementor-element.elementor-element-7c52c52{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-da44dac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14854 .elementor-element.elementor-element-da44dac .elementor-button{font-size:1.2rem;}.elementor-14854 .elementor-element.elementor-element-eb612b3{--padding-top:10%;--padding-bottom:10%;--padding-left:2%;--padding-right:2%;}.elementor-14854 .elementor-element.elementor-element-9bf2906 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-14854 .elementor-element.elementor-element-6979759{--padding-top:9%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-14854 .elementor-element.elementor-element-bbb0fbd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-29c102b span.post-navigation__prev--label, .elementor-14854 .elementor-element.elementor-element-29c102b span.post-navigation__next--label{font-size:13px;}}/* Start custom CSS for theme-post-title, class: .elementor-element-a5c3ce5 */display: flex;
justify-content: center;  /* centers horizontally */
align-items: center;      /* centers vertically */
text-align: center;       /* ensures the text itself is centered */
height: 100%;             /* makes sure the container takes up its full height *//* End custom CSS */
/* Start custom CSS for theme-post-featured-image, class: .elementor-element-bbc8445 *//* Make image fill hero on desktop */
.elementor-14854 .elementor-element.elementor-element-bbc8445 img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* Mobile fix: crop image to 240px height */
@media (max-width: 768px) {
    .elementor-14854 .elementor-element.elementor-element-bbc8445 img {
        height: 240px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fd7035 */.elementor-14854 .elementor-element.elementor-element-7fd7035 {
  max-height: 300px !important; /* adjust as desired */
  overflow: hidden;  /* hides any extra image beyond the limit */
  position: relative;
}



/* Make post title overlay and center it */
.elementor-14854 .elementor-element.elementor-element-7fd7035 .blog-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;               /* ensures it appears above the image */
  color: #fff;              /* optional: white text for contrast */
  text-align: center;
  width: 100%;
  padding: 0 2rem;
}



/* === Overlay layer === */
.elementor-14854 .elementor-element.elementor-element-7fd7035::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45); /* adjust opacity as desired */
  z-index: 1; /* sits below text but above image */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-14f2be0 *//* Hide top H2 title (like “Kunststof kozijnen”) */
h2.widgettitle {
    display: inline-block;
    color: #0c0c0c;
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 10px 0;
    white-space: nowrap;
}


@media (max-width: 768px) {
h2.widgettitle {

    margin: 0 0 10px 0;
    white-space: nowrap;
}
}


/* Container */
.ct-sidebar {
    background-color: #e1e1e1;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 15px 25px;
    border-radius: 0 0 10px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    box-shadow: none;
    width: 100%;
    min-height: auto;
    position: relative;
    margin: 0;
}



/* Menu list (horizontal) */
.widget-menu {
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    border-left: 1px solid rgba(0, 0, 0, 0.1); /* ensures first divider aligns */
}

/* Each item */
.widget-menu .menu-item {
    flex: 0 0 auto;
    position: relative;
    background: transparent;
    transition: all 0.2s ease-in-out;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

/* Links */
.widget-menu .menu-item a {
    display: block;
    padding: 10px 20px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
    transition: all 0.25s ease;
}

/* Hover + active states */
.widget-menu .menu-item:hover a,
.widget-menu .menu-item.current-menu-item a {
    background-color: #FF3E00;
    color: #fff;
}

/* Remove any old arrows */
.widget-menu .menu-item::after {
    display: none;
}


/* Responsive */
@media (max-width: 768px) {
    .ct-sidebar {
        padding: 12px 10px;
    }
    .widget-menu .menu-item a {
        padding: 8px 15px;
        font-size: 14px;
    }
}




/* Scrollbar (subtle, with extra top margin) */
.widget-menu {
    scrollbar-gutter: stable;
}

.widget-menu::-webkit-scrollbar {
    height: 07px;
    margin-top: 8px;
}

.widget-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0;
    margin-top: 8px; 
}

.widget-menu::-webkit-scrollbar-track {
    background: transparent;
    margin-top: 8px; 
}



.widget-menu {
  /* create space above the scrollbar */
  padding-bottom: 10px;     /* ← adjust to taste */
  margin-bottom: -10px;
  scrollbar-gutter: stable;
}


.widget-menu {
  cursor: grab;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  user-select: none;
}

.widget-menu:active {
  cursor: grabbing;
}




.scroll-nav-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.scroll-btn {
  background: linear-gradient(135deg, #FF3E00, #FF8C00);
  color: #fff;
  border: none;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
  transition: background 0.2s, transform 0.2s;
  z-index: 10;
}

.scroll-btn:hover {
  transform: scale(1.1);
}

.scroll-left {
  margin-right: 10px;
}

.scroll-right {
  margin-left: 10px;
}

.widget-menu-wrapper {
  overflow-x: auto;
  flex: 1;
  scroll-behavior: smooth;
  white-space: nowrap;
  position: relative;
}

.widget-menu {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da44dac *//* ======================================================
   🚀 FULL-WIDTH CTA BUTTON (Hero Section)
   ====================================================== */

.blog-button,
.blog-button, 
.button-gradient {
    display: block;
    width: 100%;
    height: 100%;
    padding: 18px 0;
    border: none;
    border-radius: 0px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(135deg, #FA0003, #F9A601); /* green to blue gradient */
}

/* Hover effect */
.blog-button:hover,
.blog-buttonn:hover,
.button-gradient:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-9bf2906 */.TOC-blogs {
  position: sticky;
  top: 170px;
  max-height: calc(30vh -);
}/* End custom CSS */
/* Start custom CSS for post-navigation, class: .elementor-element-29c102b */.next-project-buttons {
  background-color: #FF3E00;
  color: #fff;
  border-radius: 0.5rem; /* only round the left side */
  overflow: hidden;
}

.next-project-buttons a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  padding: 1rem;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

/* Left button (Vorige Project) */
.next-project-buttons a:first-child {
  border-radius: 0.5rem 0 0 0.5rem; /* rounded left corners */
}

/* Right button (Volgende Project) */
.next-project-buttons a:last-child {
  border-radius: 0; /* flat corners */
}

/* Hover state */
.next-project-buttons a:hover {
  background-color: #283b58;
  opacity: 1;
}/* End custom CSS */