/*Planning*/
body.planning header,
body.planning footer {
  display:none !important;
	}
body.planning iframe {
	height:100vh;
  overflow:hidden !important;
	}
body.planning iframe footer {
	display:none !important;
	}
/*Style oktober 2025*/
:root {
  --oranje:#ff6800;
  --roze:#f7c5dd;
  --blauw:#0026cd;
  --zwart:#000000;
  --wit:#FFFFFF;
    }
.noclick {
		pointer-events:none;
		}
.showreel {
		z-index:0 !important;
  position:relative;width:100%;padding-bottom:56.25%;
		}
.blauw {
		background:var(--blauw) !important;
    }
.blauw h1, 
.blauw h2, 
.blauw h3, 
.blauw h4, 
.blauw h5, 
.blauw h6, 
.blauw p, 
.blauw i, 
.blauw .ba-image-item-title , 
.blauw .ba-image-item-description, 
.blauw .ba-feature-description, 
.blauw .knop a span, 
.blauw .ba-item-breadcrumbs * {
  	color:var(--roze) !important;
    }
.blauw .ba-feature-box {
    --shadow-color: var(--roze) !important;
    }
.blauw .link .ba-feature-box:hover {
  	background:var(--roze) !important;
		}
.blauw .link .ba-feature-box:hover * {
  	color:var(--blauw) !important;
		}
.blauw .knop a::before {
    background-color:var(--roze) !important;
    }
.blauw .tags a {
    pointer-events:none;
		color:var(--roze) !important;
    --shadow-color: var(--roze) !important;  
    }
.oranje {
		background:var(--oranje) !important;
    }
.oranje h1, 
.oranje h2, 
.oranje h3, 
.oranje h4, 
.oranje h5, 
.oranje h6, 
.oranje p, 
.oranje i, 
.oranje .ba-image-item-title , 
.oranje .ba-image-item-description, 
.oranje .ba-feature-description, 
.oranje .knop a span, 
.oranje .ba-item-breadcrumbs * {
  	color:var(--zwart) !important;
    }
.oranje .ba-feature-box {
    --shadow-color: var(--zwart) !important;
    }
.oranje .link .ba-feature-box:hover {
  	background:var(--zwart) !important;
		}
.oranje .link .ba-feature-box:hover * {
  	color:var(--oranje) !important;
		}
.oranje .knop a::before {
    background-color:var(--zwart) !important;
    }
.oranje .tags a {
    pointer-events:none;
		color:var(--zwart) !important;
    --shadow-color: var(--zwart) !important;  
    }
/**roze**/
.roze {
		background:var(--roze) !important;
    }
.roze h1, 
.roze h2, 
.roze h3, 
.roze h4, 
.roze h5, 
.roze h6, 
.roze p, 
.roze i, 
.roze .ba-image-item-title , 
.roze .ba-image-item-description, 
.roze .ba-feature-description, 
.roze .knop a span, 
.roze .ba-item-breadcrumbs * {
  	color:var(--blauw) !important;
    }
.roze .ba-feature-box {
    --shadow-color: var(--blauw) !important;
    }
.roze .link .ba-feature-box:hover {
  	background:var(--blauw) !important;
		}
.roze .link .ba-feature-box:hover * {
  	color:var(--roze) !important;
		}
.roze .knop a::before {
    background-color:var(--blauw) !important;
    }
.roze .tags a {
    pointer-events:none;
		color:var(--blauw) !important;
    --shadow-color: var(--blauw) !important;  
    }
.case_video {
  	max-width: 1500px; 
		}
.case-section-video {
  	padding-left:0px !important; 
  	padding-right: 0px !important;
		}
.case-image {
  	max-width:100%; 
  	max-height: 100%;	
		}
/*External custom CSS*/
/*Marquee tekst effect*/
.marquee-text-effect {
    display: inline-flex !important;
    overflow: hidden;
    }
@keyframes marquee-text-effect {
    0% { transform:translateX(0%);}
    100% { transform:translateX(-100%);}
    }
.marquee-text-effect .content-text {
    display: inline-flex;
    justify-content: space-around;
    }
.marquee-text-effect .content-text > * {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
    }
/*2025 styles*/
* {
    overflow-wrap: break-word;
    hyphens: manual;
    }
.wrap-content-block {
    max-width:800px;
    margin:0 auto;
    }
/*Hamburger menu*/
.hamburger-menu-content {
    height:80vh;
	}
/*Video homepage*/
.video-hero-caption {
	z-index:9999 !important;		
    }
.video-hero {
  	z-index:99 !important;
	}
/*Underline anim*/
.footer h6,
.hoofdmenu li a,
.hamburger-menu a span,
.footermenu .vertical-menu .main-menu .nav > li,
.knop a span,
.blog-post-plugin .ba-blog-post-title a,
.ba-item-breadcrumbs li a span {
    position: relative;
    display:table;
    }
.footer h6::before,
.hoofdmenu li a::before,
.hamburger-menu a span::before,
.footermenu .vertical-menu .main-menu .nav > li::before,
.knop a::before,
.blog-post-plugin .ba-blog-post-title a::before,
.ba-item-breadcrumbs li a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.6s ease;
    }
.hoofdmenu li a:hover::before,
.hamburger-menu a span:hover::before,
.footermenu .vertical-menu .main-menu .nav > li:hover::before,
.knop a:hover::before,
.blog-post-plugin .ba-blog-post-title a:hover::before {
    transform: scaleX(1);
    }
/*Blog post plugin*/
.blog-post-plugin .ba-blog-post-content {
    padding:0 !important;
    }
@media only screen and (min-width: 1025px) { 
	.blog-post-plugin .ba-grid-layout {
        margin-left: -30px;
        margin-right: -30px;
	   }
	.blog-post-plugin .ba-grid-layout .ba-blog-post {
        width: calc((100% / 2) - 100px) !important;
        margin: 30px;
        }
    }
/*standaard knop*/
.knop a {
	position:relative;
    display:block;
    }
.knop a i {
    padding-left:0px;
	transition:0.6s;
    }
.knop a:hover i {
	padding-left:15px;
    }
/*kruimelpad*/
.ba-item-breadcrumbs {
    pointer-events:nne;
    }
.ba-item-breadcrumbs li.active span {
    text-decoration:underline !important;
}
/*toepassingenbox*/
.usp-list .ba-feature-box {
    flex-direction:row-reverse !important;
    margin-top: 7px !important;
    margin-bottom:7px;
    }
/*animatie voor toepassingenbox met klikbare links*/
.link .ba-feature-list-layout .ba-feature-box .ba-feature-image-wrapper {
	margin-right:15px;
  	margin-top:3px;
}
.link .ba-feature-list-layout .ba-feature-box:hover .ba-feature-image-wrapper {
    margin-right: 0px;
  	transition: 0.6s ease;
	}
@media only screen and (max-width: 1025px) { 
    .case-section {
 	    width:100%;
        max-width:800px;
        margin:0 auto;
  	    }
    }
.logos-sto img {
  	padding:0 25px;
		}
/*GRIDS*/
.grid-500 {
    max-width:500px;
    width:100%;
    }
.gri {
	width:100%;
    margin:0 auto !important;
    }
.d-1620, .grid-1620 {
	max-width:1620px;
    }
.d-1380, .grid-1380 {
	max-width:1380px;
    }
.d-1200, .grid-1200 {
	max-width:1200px;
    }
.d-1100, .grid-1100 {
	max-width:1100px;
    }
.d-1000, .grid-1000 {
	max-width:1000px;
    }
.d-900, .grid-900 {
	max-width:900px;
    }
.d-800, .grid-800 {
	max-width:800px;
    }
.d-700, .grid-700 {
	max-width:700px;
    }
.d-600, .grid-600 {
	max-width:600px;
    }
.d-500, .grid-500 {
	max-width:500px;
    }
.d-300, .grid-300 {
	max-width:300px;
    }
/**FORMULIEREN**/
  form .ba-form-page {
		padding:0 0 20px 0 !important;
		}
/**FOOTER**/
.logo_footer img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(61deg) brightness(124%) contrast(100%);
    }
.footermenu .vertical-menu .main-menu .nav > li::before {
    background-color:var(--wit) !important;
    }