.elementor-kit-7{--e-global-color-primary:#0030AC;--e-global-color-secondary:#111111;--e-global-color-text:#111111;--e-global-color-accent:#0030AC;--e-global-color-8aeb09c:#F8F4EE;--e-global-color-f10b947:#F5F0F0;--e-global-color-7b3102c:#8CA8EE;--e-global-color-49307d0:#D8785D;--e-global-color-45de517:#FFFFFF;--e-global-color-d1713e8:#CBCBCB;--e-global-color-f10a85b:#000000;--e-global-typography-primary-font-family:"bebas-kai";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"proxima-nova";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"proxima-nova";--e-global-typography-text-font-size:1.25rem;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.75rem;--e-global-typography-accent-font-family:"bebas-kai";--e-global-typography-accent-font-size:1.188rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:0.15rem;--e-global-typography-5f8a5e1-font-family:"bebas-kai";--e-global-typography-5f8a5e1-font-size:1.5rem;--e-global-typography-5f8a5e1-font-weight:300;--e-global-typography-5f8a5e1-line-height:1.8rem;--e-global-typography-5f8a5e1-letter-spacing:0.15rem;--e-global-typography-5d6f0a4-font-family:"bebas-kai";--e-global-typography-5d6f0a4-font-size:1.18rem;--e-global-typography-5d6f0a4-line-height:2rem;--e-global-typography-5d6f0a4-letter-spacing:0.15rem;--e-global-typography-2947225-font-family:"bebas-kai";--e-global-typography-2947225-font-size:1.125rem;--e-global-typography-2947225-line-height:1.375rem;--e-global-typography-2947225-letter-spacing:0.15rem;--e-global-typography-988bf3e-font-family:"bebas-kai";--e-global-typography-988bf3e-font-size:0.9rem;--e-global-typography-988bf3e-line-height:1rem;--e-global-typography-988bf3e-letter-spacing:0.15rem;--e-global-typography-d67979c-font-family:"proxima-nova";--e-global-typography-d67979c-font-size:1.875rem;--e-global-typography-d67979c-font-weight:300;--e-global-typography-d67979c-line-height:2.375rem;--e-global-typography-b293ce1-font-family:"proxima-nova";--e-global-typography-b293ce1-font-size:1.563rem;--e-global-typography-b293ce1-font-weight:300;--e-global-typography-b293ce1-line-height:2.188rem;--e-global-typography-b52c291-font-family:"proxima-nova";--e-global-typography-b52c291-font-size:1.4rem;--e-global-typography-b52c291-font-weight:300;--e-global-typography-b52c291-text-transform:uppercase;--e-global-typography-b52c291-line-height:1.68rem;--e-global-typography-b52c291-letter-spacing:-0.05rem;--e-global-typography-5048cb1-font-family:"proxima-nova";--e-global-typography-5048cb1-font-size:1.25rem;--e-global-typography-5048cb1-font-weight:500;--e-global-typography-5048cb1-line-height:1.875rem;--e-global-typography-b53aa4e-font-family:"proxima-nova";--e-global-typography-b53aa4e-font-size:1.125rem;--e-global-typography-b53aa4e-font-weight:300;--e-global-typography-b53aa4e-line-height:1.5rem;--e-global-typography-c526ab7-font-family:"proxima-nova";--e-global-typography-c526ab7-font-size:1.063rem;--e-global-typography-c526ab7-font-weight:400;--e-global-typography-c526ab7-text-transform:lowercase;--e-global-typography-c526ab7-line-height:1rem;--e-global-typography-ca8b18c-font-family:"proxima-nova";--e-global-typography-ca8b18c-font-size:1rem;--e-global-typography-ca8b18c-line-height:1.813rem;--e-global-typography-38369c9-font-family:"proxima-nova";--e-global-typography-38369c9-font-size:0.813rem;--e-global-typography-38369c9-line-height:1.375rem;--e-global-typography-e7a4af8-font-family:"proxima-nova";--e-global-typography-e7a4af8-font-size:0.813rem;--e-global-typography-e7a4af8-font-weight:500;--e-global-typography-e7a4af8-text-transform:uppercase;--e-global-typography-e7a4af8-line-height:1.375rem;--e-global-typography-282eb22-font-family:"proxima-nova";--e-global-typography-282eb22-font-size:0.625rem;--e-global-typography-282eb22-text-transform:uppercase;--e-global-typography-282eb22-line-height:1.25rem;--e-global-typography-282eb22-letter-spacing:0.1rem;--e-global-typography-aecd3c7-font-family:"proxima-nova";--e-global-typography-aecd3c7-font-size:0.5rem;--e-global-typography-aecd3c7-text-transform:uppercase;--e-global-typography-aecd3c7-letter-spacing:0.1rem;--e-global-typography-06f0049-font-family:"proxima-nova";--e-global-typography-06f0049-font-size:3.7rem;--e-global-typography-06f0049-font-weight:100;--e-global-typography-06f0049-text-transform:uppercase;--e-global-typography-06f0049-line-height:4.3rem;--e-global-typography-06f0049-letter-spacing:-0.05rem;--e-global-typography-d5178f3-font-family:"proxima-nova";--e-global-typography-d5178f3-font-size:2.5rem;--e-global-typography-d5178f3-font-weight:100;--e-global-typography-d5178f3-text-transform:uppercase;--e-global-typography-d5178f3-line-height:2.6rem;--e-global-typography-d5178f3-letter-spacing:-0.05rem;--e-global-typography-c2f1225-font-family:"proxima-nova";--e-global-typography-c2f1225-font-size:2.8rem;--e-global-typography-c2f1225-font-weight:100;--e-global-typography-c2f1225-line-height:3rem;--e-global-typography-c2f1225-letter-spacing:-0.05rem;--e-global-typography-e9e6ae5-font-family:"proxima-nova";--e-global-typography-e9e6ae5-font-size:1.25rem;--e-global-typography-e9e6ae5-font-weight:400;--e-global-typography-e9e6ae5-line-height:1.75rem;--e-global-typography-7dbc7d8-font-family:"proxima-nova";--e-global-typography-7dbc7d8-font-size:2rem;--e-global-typography-7dbc7d8-font-weight:300;--e-global-typography-7dbc7d8-text-transform:uppercase;--e-global-typography-7dbc7d8-line-height:2.375rem;--e-global-typography-47d7799-font-family:"proxima-nova";--e-global-typography-47d7799-font-size:2.5rem;--e-global-typography-47d7799-font-weight:300;--e-global-typography-47d7799-line-height:2.6rem;--e-global-typography-47d7799-letter-spacing:-0.05rem;--e-global-typography-3f2cd9e-font-family:"proxima-nova";--e-global-typography-3f2cd9e-font-size:2rem;--e-global-typography-3f2cd9e-font-weight:100;--e-global-typography-3f2cd9e-text-transform:uppercase;--e-global-typography-3f2cd9e-line-height:2.6rem;--e-global-typography-3f2cd9e-letter-spacing:-0.05rem;background-color:#FFFFFF;color:var( --e-global-color-text );font-family:"proxima-nova", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:16px;}.elementor-kit-7 a{color:var( --e-global-color-accent );font-weight:500;}.elementor-kit-7 a:hover{color:var( --e-global-color-49307d0 );}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-d67979c-font-family ), Sans-serif;font-size:var( --e-global-typography-d67979c-font-size );font-weight:var( --e-global-typography-d67979c-font-weight );line-height:var( --e-global-typography-d67979c-line-height );letter-spacing:var( --e-global-typography-d67979c-letter-spacing );}.elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-5f8a5e1-font-family ), Sans-serif;font-size:var( --e-global-typography-5f8a5e1-font-size );font-weight:var( --e-global-typography-5f8a5e1-font-weight );line-height:var( --e-global-typography-5f8a5e1-line-height );letter-spacing:var( --e-global-typography-5f8a5e1-letter-spacing );}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-b293ce1-font-family ), Sans-serif;font-size:var( --e-global-typography-b293ce1-font-size );font-weight:var( --e-global-typography-b293ce1-font-weight );line-height:var( --e-global-typography-b293ce1-line-height );}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-b52c291-font-family ), Sans-serif;font-size:var( --e-global-typography-b52c291-font-size );font-weight:var( --e-global-typography-b52c291-font-weight );text-transform:var( --e-global-typography-b52c291-text-transform );line-height:var( --e-global-typography-b52c291-line-height );letter-spacing:var( --e-global-typography-b52c291-letter-spacing );}.elementor-kit-7 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-5048cb1-font-family ), Sans-serif;font-size:var( --e-global-typography-5048cb1-font-size );font-weight:var( --e-global-typography-5048cb1-font-weight );line-height:var( --e-global-typography-5048cb1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-45de517 );--lightbox-ui-color:var( --e-global-color-accent );--lightbox-ui-color-hover:var( --e-global-color-7b3102c );--lightbox-text-color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-line-height:1.5rem;--e-global-typography-d67979c-font-size:1.7rem;--e-global-typography-d67979c-line-height:2rem;--e-global-typography-06f0049-font-size:2.5rem;--e-global-typography-06f0049-line-height:2.7rem;--e-global-typography-e9e6ae5-font-size:1.2rem;--e-global-typography-e9e6ae5-line-height:1.5rem;--e-global-typography-7dbc7d8-font-size:1.7rem;--e-global-typography-7dbc7d8-line-height:2rem;}.elementor-kit-7 h1{font-size:var( --e-global-typography-d67979c-font-size );line-height:var( --e-global-typography-d67979c-line-height );letter-spacing:var( --e-global-typography-d67979c-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-5f8a5e1-font-size );line-height:var( --e-global-typography-5f8a5e1-line-height );letter-spacing:var( --e-global-typography-5f8a5e1-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-b293ce1-font-size );line-height:var( --e-global-typography-b293ce1-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-b52c291-font-size );line-height:var( --e-global-typography-b52c291-line-height );letter-spacing:var( --e-global-typography-b52c291-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-5048cb1-font-size );line-height:var( --e-global-typography-5048cb1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-line-height:1.5rem;--e-global-typography-d67979c-font-size:1.5rem;--e-global-typography-d67979c-line-height:2rem;--e-global-typography-b293ce1-font-size:1.5rem;--e-global-typography-b293ce1-line-height:1.8rem;--e-global-typography-06f0049-font-size:2.5rem;--e-global-typography-06f0049-line-height:2.5rem;--e-global-typography-e9e6ae5-font-size:1.2rem;--e-global-typography-e9e6ae5-line-height:1.5rem;--e-global-typography-7dbc7d8-font-size:1.5rem;--e-global-typography-7dbc7d8-line-height:2rem;--e-global-typography-47d7799-font-size:2rem;--e-global-typography-47d7799-line-height:2rem;}.elementor-kit-7 h1{font-size:var( --e-global-typography-d67979c-font-size );line-height:var( --e-global-typography-d67979c-line-height );letter-spacing:var( --e-global-typography-d67979c-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-5f8a5e1-font-size );line-height:var( --e-global-typography-5f8a5e1-line-height );letter-spacing:var( --e-global-typography-5f8a5e1-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-b293ce1-font-size );line-height:var( --e-global-typography-b293ce1-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-b52c291-font-size );line-height:var( --e-global-typography-b52c291-line-height );letter-spacing:var( --e-global-typography-b52c291-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-5048cb1-font-size );line-height:var( --e-global-typography-5048cb1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ALGEMEEN */
html, body {
    overflow-x: hidden;
}
*:focus {
    outline: none !important;
}
:focus {outline:none;}
a {
    font-weight: 600;
}
b {
    font-weight: 600;
}
strong {
    font-weight: 600;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}
.tekst h2,
.tekst h3,
.tekst h4 {
    margin-top: 40px;
}

.tekst [type=button], [type=submit], button {
display: inline-block;
font-weight: 400;
color: var(--e-global-color-accent);
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid var(--e-global-color-accent);
padding: .5rem 1rem;
font-size: 1rem;
border-radius: 3px;
transition: all .3s;
}
button:hover {
color: #fff;
background-color: var(--e-global-color-accent);
text-decoration: none;
}

/* NAV */

.elementor-nav-menu .sub-arrow {
    display: none !important;
}

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current_page_item > a {
    color: var(--e-global-color-accent) !important;
}
.elementor-nav-menu .current-menu-ancestor > a, 
.elementor-nav-menu .current-page-ancestor > a, 
.elementor-nav-menu .current-menu-parent > a, 
.elementor-nav-menu .current-page-parent > a {
    color: var(--e-global-color-accent) !important;
}


.post-type-archive-project .menu-item-type-post_type_archive.menu-item-object-project > a {
    color: var(--e-global-color-accent) !important;
}

.single-project .menu-item-type-post_type_archive.menu-item-object-project > a {
    color: var(--e-global-color-accent) !important;
}

.post-type-archive-project .menu-item-type-post_type.menu-item-object-page.current_page_parent > a {
    color: inherit !important; /* Reset to default */
}

.single-project .menu-item-type-post_type.menu-item-object-page.current_page_parent > a {
    color: inherit !important; /* Reset to default */
}

.blog .menu-item-type-post_type.menu-item-object-page.current_page_parent > a,
.single-post .menu-item-type-post_type.menu-item-object-page.current_page_parent > a {
    color: var(--e-global-color-accent) !important;
}

/* ✅ 6. Keep hover effect consistent */
.menu-item.current-menu-parent > a:hover, 
.menu-item.current-page-ancestor > a:hover, 
.menu-item.current-menu-ancestor > a:hover, 
.menu-item.current_page_parent > a:hover {
    color: var(--e-global-color-accent) !important;
}

.post-type-archive-project .menu-item-type-post_type_archive.menu-item-object-project > a:hover,
.single-project .menu-item-type-post_type_archive.menu-item-object-project > a:hover {
    color: var(--e-global-color-accent) !important;
}

.blog .menu-item-type-post_type.menu-item-object-page.current_page_parent > a:hover,
.single-post .menu-item-type-post_type.menu-item-object-page.current_page_parent > a:hover {
    color: var(--e-global-color-accent) !important;
}







.elementor-sub-item:focus, .elementor-sub-item:hover {
background-color: #ffffff;
color: var( --e-global-color-accent ) !important;
}

.menu-item-106 > .sub-menu {
    left: 0 !important; /* Align the left edge of the submenu with the parent menu */
    top: 100%; /* Position it below the parent item */
    margin-left: -32px !important; /* Remove any extra margins */
    transform: translateX(0) !important; /* Ensure no unwanted offset */
    text-align: left; /* Align submenu items properly */
}



/* BUTTONS */

.tekst .knop2.elementor-button {
font-family: var( --e-global-typography-5d6f0a4-font-family ), Sans-serif;
font-size: var( --e-global-typography-5d6f0a4-font-size );
line-height: var( --e-global-typography-5d6f0a4-line-height );
letter-spacing: var( --e-global-typography-5d6f0a4-letter-spacing );
color: #fff !important;
background-color: var( --e-global-color-accent ) !important;
border-width: 1px !important;
border-color: var(--e-global-color-f10b947) !important;
border-style: solid;
}
.knop2 .elementor-button-icon svg {
height: auto !important;
width: 80px !important;
padding-bottom: 3px !important;
}
.tekst .knop2.elementor-button:hover {
color: var( --e-global-color-accent ) !important;
background-color: #fff !important;
border-width: 1px !important;
border-style: solid;
border-color: var( --e-global-color-accent ) !important;
}
.knop2 .elementor-button-icon svg {
height: auto !important;
width: 80px !important;
padding-bottom: 3px !important;
}

.knop2 .elementor-button {
font-family: var( --e-global-typography-5d6f0a4-font-family ), Sans-serif;
font-size: var( --e-global-typography-5d6f0a4-font-size );
line-height: var( --e-global-typography-5d6f0a4-line-height );
letter-spacing: var( --e-global-typography-5d6f0a4-letter-spacing );
fill: var( --e-global-color-accent );
border-width: 0 0 5px !important;
border-color: var(--e-global-color-f10b947) !important;
}

.knop2 .elementor-button::after {
    content: '';
    position: absolute;
    bottom: 0; /* Position at the bottom edge */
    left: 0;
    width: 0; /* Start with no width */
    height: 5px; /* Match the intended border height */
    background-color: var(--e-global-color-accent); /* Border hover color */
    transition: width 0.5s ease; /* Smooth width transition */
}

.knop2 .elementor-button:hover {
    border-color: transparent !important;;
    border-width: 0px/* Remove the default border */
}

.knop2 .elementor-button:hover::after {
    width: 100%; /* Fill the entire width on hover */
}

.knop3 {
  position: relative;
  display: inline-block;
  text-decoration: none; /* Remove default underline */
  overflow: hidden; /* Ensure SVG is contained within the button */
    padding-bottom: 10px;
}

.knop3::after {
  content: '';
  position: absolute;

  bottom: 0px;
  left: 0;
  width: 65px;
  height: 10px; /* Adjust to fit your SVG height */
  background: url('https://newrosseelloppembef3257.zapwp.com/m:0/a:https://rosseelloppem.be/wp-content/uploads/2025/01/arrow-right-white.svg') no-repeat center;
  background-size: contain;
  z-index: 1;
  pointer-events: none; /* Ensure it doesn’t interfere with clicks */
}

.knop3a {
  position: relative;
  display: inline-block;
  text-decoration: none; /* Remove default underline */
  overflow: hidden; /* Ensure SVG is contained within the button */
    padding-bottom: 10px;
}

.knop3a::after {
  content: '';
  position: absolute;

  bottom: 0px;
  left: 0;
  width: 60px;
  height: 10px; /* Adjust to fit your SVG height */
  background: url('https://newrosseelloppembef3257.zapwp.com/m:0/a:https://rosseelloppem.be/wp-content/uploads/2025/01/arrow-right.svg') no-repeat center;
  background-size: contain;
  z-index: 1;
  pointer-events: none; /* Ensure it doesn’t interfere with clicks */
transition: width 0.5s ease; /* Smooth width transition */
    opacity: 1;
}

.knop3a:hover::after {
  opacity: 0.5;
}

.knop3b {
  position: relative;
  display: inline-block;
  text-decoration: none; /* Remove default underline */
  overflow: hidden; /* Ensure SVG is contained within the button */
    padding-bottom: 10px;
}

.knop3b::after {
  content: '';
  position: absolute;

  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 10px; /* Adjust to fit your SVG height */
  background: url('https://newrosseelloppembef3257.zapwp.com/m:0/a:https://rosseelloppem.be/wp-content/uploads/2025/01/arrow-right.svg') no-repeat center;
  background-size: contain;
  z-index: 1;
  pointer-events: none; /* Ensure it doesn’t interfere with clicks */
transition: width 0.5s ease; /* Smooth width transition */
    opacity: 1;
}

.knop3b:hover::after {
  opacity: 0.5;
}

/* WERKWIJZE */

.werkwijze li {
  margin-bottom: 20px;
  list-style: none;
  padding-left: 10px; /* Add space for the ::before element */
  text-indent: 0px; /* Align the first line with the checkmark */
}

/* Replacing the circle button with the custom image */
.werkwijze li::before {
  content: '';
  display: inline-block;
  margin-top: 7px;
  width: 18px;
  height: 15px;
  background-image: url('https://newrosseelloppembef3257.zapwp.com/m:0/a:https://rosseelloppem.be/wp-content/uploads/2025/01/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute; /* Position the checkmark */
  left: 0; /* Align it to the left of the list item */
}

/* TEAM */

.team_voornaam {
  font-size: 1.5rem; /* Adjust for the desired size */
  color: var( --e-global-color-primary );
  text-transform: uppercase; /* Uppercase for styling consistency */
  margin: 0;
  padding: 0;
  background-color: #fff; /* Blue background */
  padding: 10px 15px; /* Padding for readability */
  font-family: var( --e-global-typography-5f8a5e1-font-family ), Sans-serif;
  letter-spacing: 0.15rem;
font-family: var( --e-global-typography-5f8a5e1-font-family ), Sans-serif;
}

.team_naam {
  font-size: 1.18rem !important;
  color: #fff;
  letter-spacing: 0.15rem;
  background-color: var( --e-global-color-primary );
  padding: 8px 15px; /* Padding for readability */
  text-transform: uppercase;
  display: inline-block; /* Keep it inline with padding */
  margin-top: 0.5rem; /* Add some spacing from the first name */
  font-family: var( --e-global-typography-5f8a5e1-font-family ), Sans-serif;
}

.team_functie {
  font-size: 1rem; /* Smaller size for the role */
  color: var( --e-global-color-primary );
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 0.5rem; /* Space from the name section */
  position: relative; /* Required for the pseudo-element */
  display: flex; /* Aligns the line and text nicely */
  align-items: center;
  font-family: var( --e-global-typography-5f8a5e1-font-family ), Sans-serif;
    letter-spacing: 0.15rem;

}
.team_functie::before {
  content: ""; /* Empty content for the line */
  display: inline-block;
  width: 30px; /* Line width */
  height: 1px; /* Line height */
  background-color: var( --e-global-color-primary );
  margin-right: 10px; /* Space between the line and text */
  
}
@media only screen and (max-width: 600px) {
    .beige1::before {
        display: none;
    }
    .beige2::before {
        display: none;
    }
    .beige3::before {
        display: none;
    }
}
.beige1::before {
  content: ""; /* Required for the pseudo-element */
  position: absolute;
  top: 90px;
  left: -70px;
  width: 70px; /* Adjust width based on the design */
  height: 55%; /* Full height of the container */
  background-color: #f4ede9; /* Light beige color */
  z-index: 1; /* Place it behind the content */
}

.beige2::before {
  content: "";
  position: absolute;
  top: -70px; /* Adjust as needed */
  left: -70px; /* Adjust to move horizontally */
  width: 330px; /* Width of the beige block */
  height: 60%; /* Adjust height percentage */
  background-color: #f4ede9; /* Beige color */
  z-index: -1; /* Keep it behind the content */
}

.beige3::before {
  content: ""; /* Required for the pseudo-element */
  position: absolute;
  top: 90px; /* Align with the top of the container */
  left: 70px; /* Move it outside the picture */
  width: 100%; /* Width of the beige rectangle */
  height: 60%; /* Full height of the container */
  background-color: #f4ede9; /* Light beige color */
  z-index: -1; /* Ensure it stays behind the picture */
}

/* BRANDS */

.blur-bg-container {
  position: relative; /* Required for proper pseudo-element layering */
  overflow: hidden; /* Prevent the pseudo-element from overflowing */
}

.blur-bg-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit; /* Use the same background image as the container */
  filter: blur(10px); /* Adjust the blur intensity as needed */
  z-index: 0; /* Ensure this layer stays beneath other content */
  pointer-events: none; /* Prevent interactions with this pseudo-element */
}

.blur-bg-container > * {
  position: relative; /* Keep child containers and content above the blur */
  z-index: 1;
}

.brand_titel a {
    font-weight: 200;
}

/* QUOTES KLANTEN */

.quotes .elementor-testimonial {
    display: flex; /* Enable flexbox for the container */
    flex-direction: column; /* Default order is column-based */
}

.quotes .elementor-testimonial__header {
    order: 2; /* Move the header to the second position */
}

.quotes .elementor-testimonial__content {
    order: 1; /* Move the content to the first position */
}
.quotes .elementor-testimonial__text {
text-align: center;
}
.elementor-testimonial__name {
    padding-top: 20px;
text-align: center;
}
.quotes .elementor-testimonial__header cite {
width: 100%;
margin-top: 25px;
}

.quotes .elementor-testimonial__name {
    font-family: var(--e-global-typography-e7a4af8-font-family), Sans-serif;
    font-size: var(--e-global-typography-e7a4af8-font-size);
    font-weight: var(--e-global-typography-e7a4af8-font-weight);
    text-transform: var(--e-global-typography-e7a4af8-text-transform);
    line-height: var(--e-global-typography-e7a4af8-line-height);
    position: relative; /* Ensure the pseudo-element is positioned relative to this element */
}

.quotes .elementor-testimonial__name::before {
    content: ''; /* Required to display the pseudo-element */
    position: absolute; /* Position it relative to the name */
    top: 0px; /* Adjust spacing above the name */
    left: 50%; /* Center the line horizontally */
    transform: translateX(-50%); /* Center alignment */
    width: 40px; /* Line width */
    height: 1px; /* Line height */
    background-color: var(--e-global-color-primary); /* Line color */
}

/* SLIDER */

.verticale_tekst {writing-mode: vertical-lr;
text-orientation: mixed;
    transform: rotate(-180deg);
}

.slider .swiper-pagination-bullet {
border-radius: 0;
}
.slider .swiper-pagination-bullet {
width: 50px !important;
height: 4px !important;
}
.slider .swiper-pagination-bullet:hover {
    opacity: 100;
background: #D8785D !important;
}

/* BRANDS */


.merk_tegel {
    position: relative;
    overflow: hidden; /* Ensures elements stay within bounds */
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease; /* Subtle scale animation */
}

.merk_tegel:hover {
    transform: scale(1.05); /* Slightly scale the container */
}

.merk_tegel::before {
    content: ''; /* Add a pseudo-element */
    position: absolute;
    top: 0;
    left: -20px; /* Start off-screen */
    width: 20px;
    height: 100%;
    background-color: var(--e-global-color-primary);
    transition: left 0.5s ease; /* Smooth slide-in animation */
    z-index: 1; /* Ensure it's above the background but below content */
}

.merk_tegel:hover::before {
    left: 0; /* Slide in on hover */
}

.merk_tegel > * {
    z-index: 2; /* Keep content above the hover bar */
}

.merk_titel {
    position: relative; /* Ensure it can be shifted */
    transition: transform 0.5s ease; /* Smooth movement */
}
.merk_titel a {
    font-weight: 300;
}
.merk_titel a:hover {
    font-weight: 400;
}
.merk_tegel:hover .merk_titel {
    transform: translateX(20px); /* Move the title to the right */
}
.merk_tegel:hover .merk_titel a {
    font-weight: 400 !important;
}

/* FOOTER */

.form a {
color: #ffffff90 !important;
}
.form a:hover {
color: #CBCBCB !important;
}
.form .elementor-button[type="submit"] {
background-color: var( --e-global-color-accent );
color: #ffffff;
border-color: var( --e-global-color-45de517 );
margin-top: 20px;
}
.form input[type=email], input[type=text], input[type=url], select, textarea {
padding: 0px;
}
.form .elementor-field-subgroup label {
font-family: "proxima-nova", Sans-serif;
font-size: 0.813rem;
text-transform: uppercase;
line-height: 1.375rem;
margin-left: 5px;
}

.credits1 a {
    color: #000000 !important;
}
.credits1 a:hover {
    color: #00000070 !important;
}
.credits2 a {
    color: #CBCBCB !important;
}
.credits2 a:hover {
    color: #00000050 !important;
}

table.openingsurentabel {
margin:15px 0px !important;
padding: 0 !important;
width: auto !important;
}
table.openingsurentabel td, th {
padding: 0px !important;
line-height: 1.5rem;
vertical-align: top;
border: 1px solid hsla(0%,0%,50.2%,.5019607843) !important;
}
table.openingsurentabel .dag {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    width: 33px;
    background-color: #F8F4EE;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
}
table.openingsurentabel .openingsuren {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    background-color: #F8F4EE;
    padding: 0 0 0 10px !important;
    border-style: none;
}
table.openingsurentabel .tekst {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    background-color: #F8F4EE;
    padding: 0 0 0 0px !important;
    border-style: none;
}

table.openingsurentabel_wit {
margin:15px 0px !important;
padding: 0 !important;
width: auto !important;
}
table.openingsurentabel_wit td, th {
padding: 0px !important;
line-height: 1.5rem;
vertical-align: top;
border: 1px solid hsla(0%,0%,50.2%,.5019607843) !important;
}
table.openingsurentabel_wit .dag {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    width: 33px;
    background-color: #fff;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
}
table.openingsurentabel_wit .openingsuren {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    background-color: #fff;
    padding: 0 0 0 10px !important;
    border-style: none;
}
table.openingsurentabel_wit .tekst {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    background-color: #fff;
    padding: 0 0 0 0px !important;
    border-style: none;
}

/* MAILFORM */

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button
.wpforms-page-button {
height: var(--wpforms-button-size-height);
background-color: #0030AC !important;
border-radius: 0px !important;
border-style: var(--wpforms-button-border-style);
border-color: #0030AC;
border-width: var(--wpforms-button-border-size);
box-shadow: none;
color: var(--wpforms-button-text-color);
padding: 0 var(--wpforms-button-size-padding-h);
font-family: inherit;
font-weight: 500;
font-size: var(--wpforms-button-size-font-size);
line-height: 100%;
cursor: pointer;
transition: all 0.15s ease-in-out;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-family: var( --e-global-typography-5d6f0a4-font-family ), Sans-serif !important;
font-size: var( --e-global-typography-5d6f0a4-font-size ) !important;
line-height: var( --e-global-typography-5d6f0a4-line-height ) !important;
letter-spacing: var( --e-global-typography-5d6f0a4-letter-spacing ) !important;
}/* End custom CSS */