/* 
 Theme Name:     The Excitement Engineers Wordpress Theme
 Author:         Irwo Kandziora
 Author URI:     http://www.irwo.nl
 Template:       Divi
 Version:        1.0 
*/

/* Ona Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;600;700&family=Work+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/* Ona CSS Variables */
html {
  --ona-main-bg-color: #171717;
  --ona-main-bg-color-inverse: #ffffff;
  --ona-header-menu-bg-color: #2E2E2E;
  --ona-color-accent: #7F92FF;
  --ona-color-dark: #2E2E2E;
  --ona-color-light: #FFFFFF;
  --ona-container-padding: calc(8.9vw * 0.5);
  --ona-row-padding: calc(8.9vw * 0.5);
  --ona-padding-20px: 1.25vw;
  --ona-padding-20px-half: 0.625vw;
  --ona-padding-30px: 1.875vw;
  --ona-padding-30px-half: 0.937vw;	
  --ona-fontsize-14px: 0.875vw;
  --ona-fontsize-14px-fluid: clamp(0.875rem, 0.133vw + 0.841rem, 1rem);
  --ona-lineheight-14px-paragraph: 1.488vw;
  --ona-lineheight-14px:clamp:1.488vw;
  --ona-lineheight-14px-paragraph-fluid: clamp(1.625rem, 0.247vw + 1.561rem, 1.857rem);
  --ona-lineheight-14px-fluid: clamp(1.625rem, 0.247vw + 1.561rem, 1.857rem);
  --ona-fontsize-16px:1vw;
  --ona-fontsize-16px-fluid: clamp(1rem, 0.133vw + 0.966rem, 1.125rem); 
  --ona-lineheight-16px: 1.5vw;
  --ona-lineheight-16px-fluid: clamp(1.5rem, 0.199vw + 1.448rem, 1.688rem);
  --ona-fontsize-18px: 1.125vw;
  --ona-fontsize-18px-fluid: clamp(1.125rem, 0.231vw + 1.065rem, 1.25rem);
  --ona-lineheight-18px: 1.912vw;
  --ona-lineheight-18px-fluid: clamp(1.912rem, 0.393vw + 1.811rem, 2.125rem);
  --ona-fontsize-20px: 1.25vw;
  --ona-fontsize-20px-fluid: clamp(1.25rem, 0.266vw + 1.181rem, 1.5rem);
  --ona-lineheight-20px: 1.5vw;
  --ona-lineheight-20px-fluid: clamp(1.5rem, 0.319vw + 1.418rem, 1.8rem);
  --ona-fontsize-35px: 2.188vw;
  --ona-fontsize-35px-fluid: clamp(1.75rem, 0.465vw + 1.63rem, 2.188rem); 
  --ona-lineheight-35px-h1-fluid: clamp(1.995rem, 0.53vw + 1.858rem, 2.494rem);
  --ona-fontsize-50px:3.125vw;
  --ona-fontsize-50px-fluid: clamp(3.125rem, 1.328vw + 2.781rem, 4.375rem);
  --ona-lineheight-50px: 3.125vw;
  --ona-lineheight-50px-fluid: clamp(3.125rem, 1.328vw + 2.781rem, 4.375rem);
  --ona_marquee-fontsize:6.375vw;
  --ona_marquee-fontsize-fluid:clamp(6.375rem, 3.851vw + 5.378rem, 10rem);
  --ona_marquee-lineheight:5.1vw;
  --ona_marquee-lineheight-fluid: clamp(5.1rem, 3.081vw + 4.303rem, 8rem);
  --ona-grid-gutter: 1rem;
  --ona-default-margin-bottom: 5vw;
  --ona-paragraph-padding:1.25vw;
  --ona-fontsize-mobile-menu:2.188rem;
  --ona-fontsize-mobile-menu-fluid:clamp(2.188rem, 1.412vw + 1.822rem, 2.5rem);
}

/*
html {
	overflow:hidden;
}
html.withOverflow {
	overflow:auto;
}
*/
/* Ona variables Mobile */
@media screen and (max-width:768px) {
	html {
		--ona-container-padding:5vw;
		--ona-padding-20px: 5vw;
		--ona-padding-20px-half: 2.5vw;
		--ona-padding-30px: 7.5vw;
		--ona-padding-30px-half: 3.75vw;
		--ona-row-padding: 8.9vw;
		--ona-default-margin-bottom: 5vw;
		--ona-paragraph-padding: 2.5vw;
	}
}

/* Ona Header */
body.et-db #et-boc #ona_header-wrapper {
	background-color: transparent;
	padding-left: var(--ona-container-padding);
	padding-right: var(--ona-container-padding);
	top:0;
	left:0;
	position:fixed;
	transition: all 0.3s ease;
	padding-top:0;
	padding-bottom:0;
	z-index:900;
}
body.et-db #et-boc #ona_header-wrapper #ona_header-row {
	padding-top:var(--ona-padding-20px);
	padding-bottom:var(--ona-padding-20px);
}
body.et-db #et-boc #ona_header-wrapper {
	background-color: transparent;
}
/* Add margin to header if logged into wordpress */
@media screen and (min-width:768.01px) {
	body.admin-bar #et-boc #ona_header-wrapper{
		top:var(--wp-admin--admin-bar--height);
		/*position:relative;*/
	}
}
@media screen and (max-width:500px) {
	body.admin-bar #ona_header-wrapper{
		top:0;
		/*position:relative;*/
	}
}

body.et-fb-root-ancestor #ona_header-wrapper {
	background-color:var(--ona-color-dark);
}

body.et-db #et-boc #ona_header-wrapper.ona_header-menu-is-fixed {
	position:fixed;
	background-color:var(--ona-color-dark);
	background-size(100% 100%);
}
#ona_header-row {
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding-top: var(--ona-padding-20px);
	padding-bottom: var(--ona-padding-20px);
}
body.et-db #ona_header-logo-col {
	width:5.31vw;
	height:2.50vw;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;	
}
body.et-db #ona_header-logo-col,
body.et-db .ona_header-wrapper-dark.ona_header-menu-is-fixed #ona_header-logo-col {
	background-image:url(https://www.ona.nl/wp-content/uploads/2023/06/ONA_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
body.et-db #ona_header-logo-col a {
	display:block;
	width:100%;
	height:100%;
}
body.et-db .ona_header-wrapper-dark #ona_header-logo-col {
	background-image:url(https://www.ona.nl/wp-content/uploads/2023/06/ONA_LOGO_BLACK.png);
}
@media screen and (min-width:980.1px) and (max-width:1200px) {
	body.et-db #ona_header-logo-col {
		width:7.63vw;
		height:3.59vw
	}
}
@media screen and (min-width:768.01px) and (max-width:980px) {
	body.et-db #ona_header-logo-col {
		width:10.93vw;
		height:5.14vw;
	}
}
@media screen and (min-width:479.01px) and (max-width:768px) {
	body.et-db #ona_header-logo-col {
		width:13.06vw;
		height:6.15vw;
	}
}
@media screen and (max-width:479px) {
	body.et-db #ona_header-wrapper .et_pb_column#ona_header-logo-col {
		width:20.3vw!important;
		height:9.55vw!important;
	}
}

body.et-db #ona_header-wrapper #ona_header-menu-col {
	width:auto!important;
	margin-left:auto;
	margin-bottom:0;
}

/* Header menu desktop */
@media screen and (max-width:768px) {
	#ona_header-menu-container {
		visibility:hidden;
		display:none;
	}
}

#ona_header-mainmenu-wrapper .et_pb_code_inner {
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}

#ona_header-mainmenu {
	padding-left:0;
	padding-bottom:0;
	line-height:1rem;
}

#ona_header-mainmenu .menu-item {
	display:inline-block;
	cursor:pointer;
}
.ona_image-divider-row {
	max-height:calc((16.875vw * 0.5) + var(--ona-row-padding));
	height:calc((16.875vw * 0.5) + var(--ona-row-padding));
	overflow:visible;
	z-index:20;
}
@media screen and (min-width:768.01px) {
	/* Use class on container with image divider in front to add extra padding to the top op the section */
	div.ona_section-has-image-divider-before {
		/*padding-top:calc((16.875vw * 0.5) + var(--ona-row-padding))!important;*/
		padding-top:calc(16.875vw * 0.5)!important;
	}
}
/* Square image divider o.a. bij vacatures */
.ona_image-divider-square {
	padding-top:100%;
	width:100%;
	display:block;
	height:100%;
	margin:0;
}
@media screen and (min-width:768.01px) {
	.ona_image-divider-row-square  {
		z-index:20;
		overflow:visible;
		height:100%;
	}
	.ona_image-divider-row-square {
		margin-top:-21.4416vw;
	}
	.ona_content-row .ona_image-divider-square-col {
		width:50%;
		margin-bottom:0;
		transform:translateY(50%);
	}
	.ona_image-divider-square-col.left {
		padding-right:var(--ona-padding-20px-half);
		margin-bottom:0;
	}
	.ona_image-divider-square-col.right {
		padding-left:var(--ona-padding-20px-half);
		margin-bottom:0;
	}
	div.ona_content-container .ona_content-row.ona_row-has-image-divider-square-before {
		padding-top:28.52vw;
	}
}

div.ona_container-bottom-padding {
	padding-bottom: var(--ona-row-padding)!important;
}
@media screen and (max-width:768px) {
	div.ona_content-container .ona_content-row .ona_image-divider-square-col {
		width:100%;
		margin-bottom:var(--ona-default-margin-bottom);
	}
}

#ona_header-mainmenu .menu-item a,
.ona_header-wrapper-dark.ona_header-menu-is-fixed #ona_header-mainmenu .menu-item a {
	padding-right: var(--ona-padding-30px-half);
	padding-left: var(--ona-padding-30px-half);
	padding-top: var(--ona-padding-20px-half);
	padding-bottom: var(--ona-padding-20px-half);
	color: var(--ona-color-light);
	font-family:'Space Grotesk', sans-serif;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-fontsize-14px);
	line-height: var(--ona-fontsize-14px-fluid);
	text-decoration: none;
	transition: all 0.3s ease;
}
.ona_header-wrapper-dark #ona_header-mainmenu .menu-item a {
	color: var(--ona-color-dark);
}
#ona_header-mainmenu .menu-item a:hover,
#ona_header-mainmenu .current_page_item a,
.ona_header-wrapper-dark #ona_header-mainmenu .menu-item.current_page_item a,
#ona_header-mainmenu .current-page-ancestor a,
.ona_header-wrapper-dark #ona_header-mainmenu .menu-item.current-page-ancestor a,
#ona_header-mainmenu .current-menu-item a,
.ona_header-wrapper-dark #ona_header-mainmenu .menu-item.current-menu-item a
{
	color: var(--ona-color-accent);
}

#ona_header-mainmenu .menu-item:first-child a,
.ona_header-wrapper-dark.ona_header-menu-is-fixed #ona_header-mainmenu .menu-item:last-child a {
	padding-left:0;
	padding-right: var(--ona-padding-30px-half);
}

#ona_header-mainmenu .menu-item:last-child a,
.ona_header-wrapper-dark.ona_header-menu-is-fixed #ona_header-mainmenu .menu-item:last-child a {
	padding-right: 0px;
	padding-left: var(--ona-padding-30px-half);
}

/* Language switcher header main menu */
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal {
	border:none;
	clear:none;
	padding:0;
	display:inline-block;
}
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal ul {
	list-style:none;
	padding:0;
	line-height:1rem;
}
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal a {
	color: var(--ona-color-light);
	padding-top: var(--ona-padding-20px-half);
	padding-bottom: var(--ona-padding-20px-half);
	padding-right: var(--ona-padding-20px-half);
	padding-left: var(--ona-padding-20px-half);
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-fontsize-14px);
	line-height: var(--ona-fontsize-14px-fluid);
}
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal .wpml-ls-first-item a {
	padding-left: var(--ona-padding-30px-half);
}
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal .wpml-ls-last-item a {
	padding-right: var(--ona-padding-30px-half);
}
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal a span {
	vertical-align:baseline;
}
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal a:hover,
#ona_header-wrapper #ona_header-menu-col .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a{
	color: var(--ona-color-accent);
}
/* Mobile nav menu */
.ona_nav-mobile-menu-wrapper .et_pb_column .et_pb_module {
	margin-bottom:0;
}
.ona_nav-mobile-menu-wrapper .et_pb_row {
	margin-top:0;
	margin-bottom:0;
	height:100%;
	min-height:100%;
}
.ona_nav-mobile-menu-button {
	cursor:pointer;
	font-family:'Space Grotesk', sans-serif;
	font-size:var(--ona-font-size-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-font-size-14px);
	line-height:var(--ona-fontsize-14px-fluid);
	/*font-family:'Work Sans', sans-serif;*/
}
body .ona_nav-mobile-menu-button {
	padding-top:10px;
	padding-bottom:10px;
}
.ona_nav-mobile-menu-button-light,
.ona_header-wrapper-dark.ona_header-menu-is-fixed .ona_nav-mobile-menu-button-dark,
.ona_nav-mobile-menu-button-dark.open {
	color:var(--ona-color-light);
}
.ona_nav-mobile-menu-button-dark {
	color:var(--ona-color-dark);
}
@media screen and (min-width:768.01px) {
	.ona_nav-mobile-menu-button {
		visibility: hidden;
		display:none;
	}
}
.ona_nav-mobile-menu-wrapper {
	padding:0;
}
.ona_nav-mobile-menu-col {
	min-height:100%;
	position:fixed;
	top:-100%;
	left:0;
	z-index:800;
	width:100%;
	background-color:var(--ona-header-menu-bg-color);
	padding-left:var(--ona-container-padding);
	padding-right:var(--ona-container-padding);
	padding-top:5.375rem;
	/*padding-top:clamp(5.375rem, 12.429vw + 2.159rem, 8.125rem);*/
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
	overflow-y: hidden;
	min-height:100%;
	height:100%;
	-webkit-transition: all 0.3s 0s ease-out;
	-moz-transition: all 0.3s 0s ease-out;
	-o-transition: all 0.3s 0s ease-out;
	transition: all 0.3s 0s ease-out;
}
@media screen and (orientation:landscape) and (max-height:700px) {
	.ona_nav-mobile-menu-col {
		padding-top:6em;
	}
}

@media screen and (min-width:768.01px) {
	.ona_nav-mobile-menu-wrapper {
		padding-top:70px;
		visibility:hidden;
		display:none;
	}
}
.ona_nav-mobile-menu-language-wrapper {
	width:100%;
	display:inline-block;
	max-height:0px /* NOTE: Remove when translation available */
}
.ona_nav-mobile-menu-language,
.ona_nav-mobile-menu-language-separator {
	float:left;
	display:inline-block;
	font-size:var(--ona-font-size-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-font-size-14px);
	line-height:var(--ona-fontsize-14px-fluid);
	font-family:'Work Sans', sans-serif;
	color:var(--ona-color-light);
}
.ona_nav-mobile-menu-language-separator {
	padding-left: 0.625vw;
	padding-right: 0.625vw;
	opacity:0.16;
}
.ona_nav-mobile-menu-items-wrapper {
	width:100%;
}
ul#ona_header-mobile-menu,
ul#ona_nav-mobile-contact-menu,
ul#ona_nav-mobile-social-menu,
ul#ona_nav-mobile-disclaimer-menu
{
	list-style: none;
	padding: 0;
}

#ona_header-mobile-menu li {
	font-family:'Space Grotesk', sans-serif;
	font-size:var(--ona-fontsize-mobile-menu);
	font-size:var(--ona-fontsize-mobile-menu-fluid);
	padding-bottom:var(--ona-padding-20px);
	/*font-family:'Work Sans', sans-serif;*/
	width:100%;
	display:inline-block;
}
@media screen and (min-height:550px) {
	#ona_header-mobile-menu li {
		padding-bottom:var(--ona-row-padding);
	}
}
@media screen and (orientation:landscape) and (max-height:700px) {
	#ona_header-mobile-menu li {
		width:50%;
		float:left;
		padding-bottom:calc(var(--ona-padding-20px) * 0.5);
		font-size:calc(var(--ona-fontsize-mobile-menu) * 0.66);
	}
}
#ona_header-mobile-menu li:last-of-type {
	padding-bottom:0;
}
#ona_header-mobile-menu li a {
	color:var(--ona-color-light);
	text-decoration:none;
}
#ona_header-mobile-menu li a:hover,
#ona_header-mobile-menu li.current-menu-item a,
#ona_header-mobile-menu li.current-page-ancestor a {
	color:var(--ona-color-accent);
}

.ona_nav-mobile-button-row-wrapper {
	width:100%;
	display:inline-block;
	padding-top:var(--ona-padding-20px);
	padding-bottom:var(--ona-padding-20px);
	border-top:1px solid rgba(255,255,255,0.19);
	border-bottom:1px solid rgba(255,255,255,0.19);
}
#ona_nav-mobile-button-menu {
	list-style:none;
}
#ona_nav-mobile-button-menu li.ona_menu-item-button a {
	float:left;
	display:inline-block;
	font-size:var(--ona-font-size-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-font-size-14px);
	line-height:var(--ona-fontsize-14px-fluid);
	/*font-family:'Work Sans', sans-serif;*/
	font-family:'Space Grotesk', sans-serif;
	color:var(--ona-color-light);
	padding-left:var(--ona-padding-30px-half);
	padding-right:var(--ona-padding-30px-half);
	padding-bottom:var(--ona-padding-30px-half);
	padding-top:var(--ona-padding-30px-half);
	border-radius:var(--ona-padding-20px-half);
	background-color:var(--ona-color-accent);
	transition: all 0.2s ease-out;
	text-decoration:none;
}
.ona_nav-mobile-disclaimer-menu-wrapper {
	width:100%;
	display:inline-block;
	padding-top:2.5vw;
	padding-bottom:1.25vw;
	border-top:1px solid rgba(255,255,255,0.19);
}
.ona_nav-mobile
#ona_nav-mobile-disclaimer-menu {
	list-style: none;
}
#ona_nav-mobile-disclaimer-menu li {
	font-size:var(--ona-font-size-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-font-size-14px);
	line-height:var(--ona-fontsize-14px-fluid);
	font-family:'Space Grotesk', sans-serif;
	/*font-family:'Work Sans', sans-serif;*/
	width:50%;
	display:inline-block;
	float:left;
	padding-bottom:1.25vw;
	padding-bottom:1.25vw;
}
#ona_nav-mobile-disclaimer-menu li a {
	color:#8C8FA2;
	opacity:0.4;
	text-decoration:none;
	transition: opacity .2s ease-out;
}
#ona_nav-mobile-disclaimer-menu li a:hover {
	opacity:1;
}
.ona_nav-mobile-contact-and-social-menu-wrapper {
	width:100%;
	display:inline-block;
	padding-top:1.25vw;
	padding-bottom:1.25vw;
}
#ona_nav-mobile-contact-menu-container,
#ona_nav-mobile-social-menu-container {
	width:50%;
	display:inline-block;
	float:left;
}
#ona_nav-mobile-contact-menu,
#ona_nav-mobile-social-menu {
	list-style:none;
}
#ona_nav-mobile-contact-menu li,
#ona_nav-mobile-social-menu li {
	font-size:var(--ona-font-size-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-font-size-14px);
	line-height:var(--ona-fontsize-14px-fluid);
	font-family:'Space Grotesk', sans-serif;
	/*font-family:'Work Sans', sans-serif;*/
	width:100%;
	display:inline-block;
	padding-bottom:var(--ona-font-size-14px);
	padding-bottom:var(--ona-fontsize-14px-fluid);
}
#ona_nav-mobile-contact-menu li:last-of-type ,
#ona_nav-mobile-social-menu li:last-of-type {
	padding-bottom:0;
}
#ona_nav-mobile-contact-menu li a,
#ona_nav-mobile-social-menu li a {
	color:var(--ona-color-light);
	text-decoration:none;
	transition: color .2s ease-out;
}
#ona_nav-mobile-contact-menu li a:hover,
#ona_nav-mobile-social-menu li a:hover {
	color:var(--ona-color-accent);	
}

/* Diensten row home */
div.ona_home-row-diensten::after {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-light);
	width:75%;
	bottom:0px;
	visibility: visible;
	margin-left: 25%;
	opacity:0.19;
}
@media screen and (max-width:768px) {
	div.ona_home-row-diensten::after {
		margin-left:0;
		width:100%;
	}
}

/* Grid system */
div.ona_content-container {
	padding-left: var(--ona-container-padding);
	padding-right: var(--ona-container-padding);
	padding-top:0;
	padding-bottom:0;
}
div.ona_content-container.ona_fullwidth {
	padding-left:0;
	padding-right:0;
}
div.ona_content-row {
	padding-top:0;
	padding-bottom:0;
}
@media screen and (max-width:768px) {
	div.ona_content-row.ona_row-padding-header-top {
		padding-top: calc(var(--ona-row-padding) * 2)!important;
	}
	div.ona_content-row.ona_row-padding-mobile-top-full {
		padding-top: var(--ona-row-padding)!important;
	}
}
div.ona_content-row.ona_row-padding-default {
	padding-top:var(--ona-row-padding);
	padding-bottom:var(--ona-row-padding);
}
div.ona_content-row.ona_row-padding-half {
	padding-top:calc(var(--ona-row-padding) * 0.5);
	padding-bottom:calc(var(--ona-row-padding) * 0.5);
}
div.ona_content-row.ona_row-padding-2-third {
	padding-top:calc(var(--ona-row-padding) * 0.75);
	padding-bottom:calc(var(--ona-row-padding) * 0.75);
}
div.ona_content-row.ona_row-padding-header-top {
	padding-top:calc(var(--ona-row-padding) * 1.5);
}

div.ona_content-row.ona_row-padding-double-top {
	padding-top:calc(var(--ona-row-padding) * 2);
}

div.ona_content-row-underline {
	border-bottom:1px solid rgba(46,46,46,0.08);
}
div.ona_content-row-underline-light {
	border-bottom:1px solid rgba(255,255,255,0.2);
}
body div.ona_content-container div.ona_content-row.ona_row-padding-bottom-none {
	padding-bottom:0;
}
body div.ona_content-container div.ona_content-row.ona_row-padding-top-none {
	padding-top:0;
}
body div.ona_content-container div.ona_content-row.ona_row-padding-bottom-half {
	padding-bottom:calc(var(--ona-row-padding) * 0.5);
}
body div.ona_content-container div.ona_content-row.ona_row-padding-bottom-one-third {
	padding-bottom:calc(var(--ona-row-padding) * 0.3333333333);
}
body div.ona_content-container div.ona_content-row.ona_row-padding-top-half {
	padding-top:calc(var(--ona-row-padding) * 0.5);
}

.ona_content-container div.ona_col-1,
.ona_content-container div.ona_col-1.et_pb_column_1_4,
.ona_content-container div.ona_col-1.et_pb_column_1_3 {
	width:8.33333333%;
	margin-right:0;
}
.ona_content-container div.ona_col-2, 
.ona_content-container div.ona_col-2.et_pb_column_1_4,
.ona_content-container div.ona_col-2.et_pb_column_1_3 {
	width:16.66666667%;
	margin-right:0;
}
.ona_content-container div.ona_col-3,
.ona_content-container div.ona_col-3.et_pb_column_1_4,
.ona_content-container div.ona_col-3.et_pb_column_1_3 {
	width:25%;
	margin-right:0;
}
.ona_content-container div.ona_col-4,
.ona_content-container div.ona_col-4.et_pb_column_1_4,
.ona_content-container div.ona_col-4.et_pb_column_1_3 {
	width:33.33333333%;
	margin-right:0;
}
.ona_content-container div.ona_col-5,
.ona_content-container div.ona_col-5.et_pb_column_1_4,
.ona_content-container div.ona_col-5.et_pb_column_1_3 {
	width:41.66666667%;
	margin-right:0;
}
.ona_content-container div.ona_col-6,
.ona_content-container div.ona_col-6.et_pb_column_1_4,
.ona_content-container div.ona_col-6.et_pb_column_1_3 {
	width:50%;
	margin-right:0;
}
.ona_content-container div.ona_col-7,
.ona_content-container div.ona_col-7.et_pb_column_1_4,
.ona_content-container div.ona_col-7.et_pb_column_1_3 {
	width:58.33333333%;
	margin-right:0;
	margin-bottom:0;
}
.ona_content-container div.ona_col-8,
.ona_content-container div.ona_col-8.et_pb_column_1_4,
.ona_content-container div.ona_col-8.et_pb_column_1_3 {
	width:66.66666667%;
	margin-right:0;
}
.ona_content-container div.ona_col-9,
.ona_content-container div.ona_col-9.et_pb_column_1_4,
.ona_content-container div.ona_col-9.et_pb_column_1_3 {
	width:75%;
	margin-right:0;
}
.ona_content-container div.ona_col-10,
.ona_content-container div.ona_col-10.et_pb_column_1_4,
.ona_content-container div.ona_col-10.et_pb_column_1_3 {
	width:83.33333333%;
	margin-right:0;
}
.ona_content-container div.ona_col-11,
.ona_content-container div.ona_col-11.et_pb_column_1_4,
.ona_content-container div.ona_col-11.et_pb_column_1_3 
{
	width:91.66666667%;
	margin-right:0;
}
.ona_content-container div.ona_col-12,
.ona_content-container div.ona_col-12.et_pb_column_1_4 {
	width:100%;
	margin-right:0;
}
.ona_col-offset-half {
	margin-left:4.16666666%;
}
.ona_col-offset-1 {
	margin-left:8.33333333%;
}
.ona_col-offset-2 {
	margin-left:16.66666667%;
}
.ona_col-offset-3 {
	margin-left:25%;
}
.ona_col-offset-8 {
	margin-left:66.66666667%;
}
/* Remove default margins under items */
.ona_content-container .et_pb_row .et_pb_column .et_pb_module {
	margin-bottom:0;
}
@media screen and (min-width:768.01px) {
	.ona_col-top-margin-extra-desktop {
		padding-top:calc(var(--ona-row-padding) * 0.5);
	}
}

/*-------------------------*/
/* Section elements */
/*-------------------------*/
#ona_home-section-00 {
	background-position:0% 60%;
}
/* Section counter */
.ona_section-counter-text p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
}
.ona_section-counter-text-dark p {
	color:#333a66;
	opacity:0.4;
}
.ona_section-counter-text-light p {
	color:#ffffff;
	opacity:0.4;
}
/* Section name */
.ona_section-name-text p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	color: var(--ona-main-bg-color);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
}
.ona_section-name-text-dark p {
	color: var(--ona-color-dark);
}
.ona_section-name-text-light p {
	color: var(--ona-color-light);
}
.ona_section-header-text h1,
.ona_section-header-text h2,
.ona_section-header-indent-text h2,
.ona_section-header-indent-text h1 {
	font-size: var(--ona-fontsize-35px);
	font-size: var(--ona-fontsize-35px-fluid);
	line-height: var(--ona-lineheight-35px-h1); 
	line-height: var(--ona-lineheight-35px-h1-fluid);
	margin-bottom: 0;
	padding-bottom:0;
	font-weight:bold;
	display:block;
	width:100%;
}
.ona_section-header-indent-text-light h2,
.ona_section-header-indent-text-light h1 {
	color: var(--ona-color-light);
}
.ona_section-header-indent-text-dark h2,
.ona_section-header-indent-text-dark h1 {
	color: var(--ona-color-dark);
}
/* Scrolltext animation styles */
.ona_scrolltext-overlay-container {
	position:absolute;
	top:0;
	width:100%;
	display:block;
	z-index:10;
	overflow-x:hidden;
}
.ona_scrolltext-overlay-container .innerLine {
	display:block;
	overflow:hidden;
}
.ona_scrolltext-overlay-container .innerLine {
	display:block;
	overflow:hidden;
}
.ona_scrolltext-overlay-container .animLine h2{
	width:100%;
	display:block;
	white-space: nowrap;
}
.ona_scrolltext-overlay-container .animLine {
	width:100%;
}
@media screen and (min-width:768.01px) {
	.ona_scrolltext-overlay-container .animLine:not(.animLine-0) {
		text-indent:0;
	}
}
/* END: Scrolltext animation styles */
.ona_section-header-text p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	padding-bottom: 0;
}
.ona_section-header-text p:first-of-type {
	padding-top: var(--ona-paragraph-padding);
}
.ona_section-header-text-dark h2,
.ona_section-header-text-dark h1 {
	color: var(--ona-color-dark);
}
.ona_section-header-text-dark p {
	color: var(--ona-color-dark);
}
.ona_section-header-text-light h2,
.ona_section-header-text-light h1 {
	color: var(--ona-color-light);
}
.ona_section-header-text-light p {
	color: var(--ona-color-light);
}

/* Section description text */
.ona_section-description-text p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
}
.ona_section-description-text-dark p {
	color: var(--ona-main-bg-color);
}
.ona_section-description-text-light p {
	color: var(--ona-color-light);
}
.ona_section-description-text-big p {
	font-size: var(--ona-fontsize-18px);
	font-size: var(--ona-fontsize-18px-fluid);
	line-height: var(--ona-lineheight-18px);
	line-height: var(--ona-lineheight-18px-fluid);
	font-weight:600;
}
.ona_section-description-text p strong,
.ona_section-description-text p b {
	font-weight:600;
}
.ona_section-description-text ul {
	margin-bottom:0;
}
.ona_section-description-text ul li {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
}

/* Indented text header */
.ona_col-section-indent-header {
	margin-left: -16.66666667%;
	/*text-indent: 22.22222222rem*/;
	text-indent: 13.4vw;
}
/* Side-link in header */
.ona_col-section-header-link-text p {
	text-align: right;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
}

.ona_col-section-header-link-text p a,
.ona_col-section-header-link-text a {

}
/* Animated link */
a.ona_spec-link {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	height: var(--ona-lineheight-14px-paragraph);
	height: var(--ona-lineheight-14px-paragraph-fluid);
	display: inline-block;
	position:relative;
	overflow:hidden;
	text-decoration:none;
}
a.right {
	float:right;
}
a.ona_spec-link:before,
.ona_case-description-wrapper .ona_case-readmore-link .link-content:before {
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: auto;
	width: 100%;
	bottom: 0;
	background: #7f92ff;
	opacity: 0.4;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
a.ona_spec-link:after,
.ona_case-description-wrapper .ona_case-readmore-link .link-content:after {
	content: "";
	height: 1px;
	left: auto;
	position: absolute;
	top: auto;
	width: 0;
	right: 0;
	bottom: 0;
	background: #7f92ff;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: width 0.3s, left 0.3s, right 0.3s;
	-moz-transition: width 0.3s, left 0.3s, right 0.3s;
	-ms-transition: width 0.3s, left 0.3s, right 0.3s;
	-o-transition: width 0.3s, left 0.3s, right 0.3s;
	transition: width 0.3s, left 0.3s, right 0.3s;
}
.ona_cases-col:hover .ona_case-readmore-link .link-content:after {
	width: 100%;
	left: 0;
	right: auto;
}
.ona_content-row-vacature:hover a.ona_spec-link:after,
a.ona_spec-link:hover:after {

	width: 100%;
	left: 0;
	right: auto;
}

.ona_content-row-vacature:hover a.ona_spec-link .innerLabel,
a.ona_spec-link:hover .innerLabel {
	-webkit-transform: translateY(calc(var(--ona-lineheight-14px-paragraph) * -1));
	-webkit-transform: translateY(calc(var(--ona-lineheight-14px-paragraph-fluid) * -1));
	-moz-transform: translateY(calc(var(--ona-lineheight-14px-paragraph) * -1));
	-moz-transform: translateY(calc(var(--ona-lineheight-14px-paragraph-fluid) * -1));
	-o-transform: translateY(calc(var(--ona-lineheight-14px-paragraph) * -1));
	-o-transform: translateY(calc(var(--ona-lineheight-14px-paragraph-fluid) * -1));
	-ms-transform: translateY(calc(var(--ona-lineheight-14px-paragraph) * -1));
	-ms-transform: translateY(calc(var(--ona-lineheight-14px-paragraph-fluid) * -1));
	transform: translateY(calc(var(--ona-lineheight-14px-paragraph) * -1));
	transform: translateY(calc(var(--ona-lineheight-14px-paragraph-fluid) * -1));
}
a.ona_spec-link .innerLabel {
  display: block;
  -webkit-transition: transform 0.3s, top 0.3s;
  -moz-transition: transform 0.3s, top 0.3s;
  -ms-transition: transform 0.3s, top 0.3s;
  -o-transition: transform 0.3s, top 0.3s;
  transition: transform 0.3s, top 0.3s;
}
a.ona_spec-link .innerLabel.hover {
  height: var(--ona-lineheight-14px-paragraph);
  height: var(--ona-lineheight-14px-paragraph-fluid);
  left: 0;
  position: absolute;
  top: var(--ona-lineheight-14px-paragraph);
  top: var(--ona-lineheight-14px-paragraph-fluid);
  width: 100%;
}
@media all and (max-width: 767px) {
  a.ona_spec-link:hover:after {
    width: 0;
  }
  a.ona_spec-link:hover .innerLabel {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Big text animation font */
.ona_anim-big-text-container p {
	font-size: 3.75vw;
	font-size: clamp(3.75rem, 2.656vw + 3.063rem, 6.25rem);
	line-height: 0.8;
	font-weight:bold;
}
.ona_anim-big-text-container-light p {
	color:var(--ona-color-light);
}
.ona_anim-big-text-container p span {
	display:block;
}

/* Home "Diensten" block & Diensten pagina description block */
.ona_home-diensten-title-col {
	padding-right:var(--ona-padding-30px-half);
}
.ona_home-diensten-description-col {
	padding-left:var(--ona-padding-30px-half);
}
.ona_home-diensten-counter-col {
	margin-bottom:0;
}
.ona_home-diensten-counter-col p {
	font-family:'Space Grotesk', sans-serif;
	font-weight: 300;
	font-size:var(--ona-fontsize-50px);
	font-size:var(--ona-fontsize-50px-fluid);
	line-height:var(--ona-lineheight-50px);
	line-height:var(--ona-lineheight-50px-fluid);
	color:var(--ona-color-light);
}
.ona_diensten-counter-text p {
	font-family:'Space Grotesk', sans-serif;
	font-weight: 300;
	font-size:var(--ona-fontsize-50px);
	font-size:var(--ona-fontsize-50px-fluid);
	line-height:var(--ona-lineheight-50px);
	line-height:var(--ona-lineheight-50px-fluid);
}
.ona_diensten-counter-text-dark p {
	color:var(--ona-color-dark);
}
.ona_diensten-counter-text-light p {
	color:var(--ona-color-light);
}
.ona_home-diensten-counter-col p span:first-child,
.ona_diensten-counter-text p span:first-child {
	padding-right: 0.3vw;
	display:inline-block;
}
.ona_home-diensten-title-col {
	margin-bottom:0;
	/*calculate minimal height of column with height value of counter before. */
	min-height:var(--ona-lineheight-50px);
}
.ona_home-diensten-title-text h3,
.ona_diensten-title-text h2 {
	font-size:var(--ona-fontsize-20px);
	font-size:var(--ona-fontsize-20px-fluid);
	line-height:var(--ona-lineheight-20px);
	line-height:var(--ona-lineheight-20px-fluid);
	font-weight:700;
	padding:0;
}
.ona_diensten-title-text h2 {
	/*calculate minimal height of column with height value of counter before. */
	min-height:var(--ona-lineheight-50px);
	min-height:var(--ona-lineheight-50px-fluid);
}
.ona_home-diensten-title-text-dark h3,
.ona_diensten-title-text-dark h2 {
	color:var(--ona-color-dark);
}
.ona_home-diensten-title-text-light h3,
.ona_diensten-title-text-light h2 {
	color:var(--ona-color-light);
}
.ona_home-diensten-bullet-text ul {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	padding-bottom:0;
}
.ona_home-diensten-bullet-text li {
	padding-bottom: calc(var(--ona-lineheight-14px-paragraph) * 0.5);
	padding-bottom: calc(var(--ona-lineheight-14px-paragraph-fluid) * 0.5);
}
.ona_home-diensten-bullet-text ul li:last-of-type {
	padding-bottom: 0;	
}
.ona_home-diensten-bullet-text-light ul {
	color:var(--ona-color-light);
}
.ona_home-diensten-bullet-text-dark ul {
	color:var(--ona-color-dark);
}
.ona_home-diensten-description-text,
.ona_diensten-description-text {
	padding-bottom:var(--ona-paragraph-padding);
}
.ona_home-diensten-description-text p,
.ona_diensten-description-text p,
.ona_diensten-description-text {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px);
	line-height: var(--ona-lineheight-14px-fluid);
	padding-bottom:var(--ona-paragraph-padding);
}
.ona_diensten-description-text h3{
	font-size: var(--ona-fontsize-16px);
	font-size: var(--ona-fontsize-16px-fluid);
	line-height: var(--ona-lineheight-16px-paragraph);
	line-height: var(--ona-lineheight-16px-paragraph-fluid);
	padding-bottom:calc(var(--ona-fontsize-16px) * 0.5);
	padding-bottom:calc(var(--ona-fontsize-16px-fluid) * 0.5);
	color:var(--ona-color-dark);
	font-weight:700;
}
.ona_diensten-description-text ol {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px);
	line-height: var(--ona-lineheight-14px-fluid);
	padding-bottom:var(--ona-paragraph-padding);
	list-style-type:decimal;
	list-style-position: outside;
	padding-left:1em;
}
.ona_diensten-description-text ol li {
	padding-bottom: padding-bottom:calc(var(--ona-fontsize-16px-fluid) * 0.5);
}

.ona_home-diensten-description-text-light,
.ona_diensten-description-text-light {
	color:var(--ona-color-light);
}
.ona_home-diensten-description-text-dark,
.ona_diensten-description-text-light {
	color:var(--ona-color-dark);
}
.ona_content-container .ona_home-diensten-description-link,
.ona_content-container .ona_diensten-description-link {
	padding-bottom:0px;
}
.ona_content-row .ona_col-diensten-image,
.ona_content-row .ona_diensten-description-col {
	margin-bottom:0;
}
.ona_diensten-image {
	width:100%;
	max-width:100%;
	height:100%;
	padding-bottom:100%;
	background-color:orange;
	display:inline-block;
	margin-bottom:0;
}
.ona_content-container .ona_content-row .ona_diensten-image-col-left {
	margin-bottom:0;
}
@media screen and (min-width:768.01px) {
	.ona_diensten-description-col-left {
		padding-right:var(--ona-padding-20px);
		padding-bottom:var(--ona-default-margin-bottom);
	}
	
	.ona_diensten-description-col-right {
		padding-left:var(--ona-padding-20px);
		padding-bottom:var(--ona-default-margin-bottom);
	}
	.ona_diensten-image-right {
		margin-right:8.33333333%;
	}
	.ona_diensten-image-left {
	}
}
@media screen and (min-width:1200px) {
	ona_diensten-image-right {
		margin-right:0;
	}
}
.ona_image-overlay-productions::before {
	content:"";
	width:100%;
	height:100%;
	background-image:url(/wp-content/uploads/2023/06/ONA_PRODUCTIONS_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 71px;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
}
.ona_image-overlay-supplies::before {
	content:"";
	width:100%;
	height:100%;
	background-image:url(/wp-content/uploads/2023/06/ONA_SUPPLIES_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 71px;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
}
.ona_image-overlay-concepts::before {
	content:"";
	width:100%;
	height:100%;
	background-image:url(/wp-content/uploads/2023/06/ONA_CONCEPTS_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 71px;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
}
.ona_image-overlay-venues::before {
	content:"";
	width:100%;
	height:100%;
	background-image:url(/wp-content/uploads/2023/06/ONA_VENUES_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 71px;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
}
.ona_image-overlay-art::before {
	content:"";
	width:100%;
	height:100%;
	background-image:url(/wp-content/uploads/2023/06/ONA_ART_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 71px;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
}
.ona_image-overlay-experience::before {
	content:"";
	width:100%;
	height:100%;
	background-image:url(/wp-content/uploads/2024/01/ONA_EXPERIENCE_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 71px;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
}
	
/* Cases */
div.ona_content-row.ona_cases-row {
	padding-bottom:var(--ona-default-margin-bottom);
}
.ona_cases-row .et_pb_code_inner {
	display:flex;
	flex-wrap:wrap;
}
div.ona_content-row.ona_cases-row:last-of-type {
	padding-bottom:calc(var(--ona-default-margin-bottom) * 2);
}
@media screen and (min-width:768.01px) {
	.ona_cases-row .et_pb_code_inner .ona_cases-col:nth-child(3n+1) {
		width:calc(33.33333333% - ((var(--ona-padding-20px) / 3) * 2))!important;
		margin-right:calc((var(--ona-padding-20px) /3) * 2)!important;
	}
	.ona_cases-row .et_pb_code_inner .ona_cases-col:nth-child(3n+2) {
		width:calc(33.33333333% - ((var(--ona-padding-20px) / 3) * 2))!important;
		margin-left:calc(var(--ona-padding-20px) /3)!important;
		margin-right:calc(var(--ona-padding-20px) /3)!important;
	}
	.ona_cases-row .et_pb_code_inner .ona_cases-col:nth-child(3n+3) {
		width:calc(33.33333333% - ((var(--ona-padding-20px) / 3) * 2))!important;
		margin-left:calc((var(--ona-padding-20px) /3) * 2)!important;
	}
	.ona_content-container .et_pb_row.et_pb_equal_columns, .ona_content-container .et_pb_row_inner.et_pb_equal_columns, .ona_content-container .et_pb_section.et_pb_equal_columns>.et_pb_row {
		display:flex;
	}
	.ona_content-container .ona_cases-row .et_pb_column {
		margin-bottom:0;
	}
	.ona_content-container .ona_content-col-cases-page .ona_cases-col {
		margin-bottom:calc(var(--ona-row-padding) * 0.5);
	}
}


@media screen and (max-width:768px) {
	.ona_content-container .et_pb_row.ona_cases-row .ona_cases-col {
		margin-bottom:var(--ona-row-padding);
	}
}

.ona_cases-col {
	display:flex;
	flex-direction:column;
}
.ona_case-image-container {
	overflow: hidden;
}
.ona_case-image-wrapper {
	width:100%;
	padding-top:121%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: transform 0.3s 0s ease-out;
	-moz-transition: transform 0.3s 0s ease-out;
	-o-transition: transform 0.3s 0s ease-out;
	transition: transform 0.3s 0s ease-out;
	overflow:hidden;
}
.ona_cases-col:hover .ona_case-image-wrapper {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and (max-width:768px) {
	.ona_cases-col:hover .ona_case-image-wrapper {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
.ona_case-title-wrapper {
	width:100%;
	padding:0;
	padding-top:calc(var(--ona-default-margin-bottom) * 0.5);
}
@media screen and (max-width:768px) {
	.ona_case-title-wrapper {
		padding-top:var(--ona-default-margin-bottom);    
	}	
}

.ona_case-title-wrapper h3 {
	font-size:var(--ona-fontsize-16px);
	font-size:var(--ona-fontsize-16px-fluid);
	line-height:var(--ona-lineheight-14px-paragraph);
	line-height:var(--ona-lineheight-14px-paragraph-fluid);
	font-family:'Work Sans', sans-serif;
	color:var(--ona-color-dark);
	margin-bottom:0;
	padding-bottom:0;
	font-weight:600;
}
.ona_case-description-wrapper {
	width:100%;
	padding:0;
	margin:0;
	flex-grow:1;
}
.ona_case-description-wrapper p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	color:var(--ona-color-dark);
	opacity:40%;
	padding:0;
	padding-top:calc(var(--ona-lineheight-14px-paragraph-fluid) * 0.25);
	margin:0;
	transition: opacity .2s ease-out;	
}
.ona_case-description-wrapper .ona_case-readmore-link {
	width:100%;
	display:block;
	text-align:left;
	position:relative;
}
.ona_case-description-wrapper .ona_case-readmore-link .link-content {
	position:absolute;
	left:0;
	color:var(--ona-color-accent);
	transition: all .2s ease-out;
}
@media screen and (max-width:768px) {
	.ona_case-description-wrapper p {
		opacity:100%;
		margin-bottom:var(--ona-lineheight-14px-paragraph);
		margin-bottom:var(--ona-lineheight-14px-paragraph-fluid);
	}
}
div.ona_case-category-wrapper {
	padding-top:var(--ona-default-margin-bottom);
	transition: transform .2s ease-out;
	display:block;
	width:100%;
}
.ona_case-category-wrapper h4 {
	font-size:var(--ona-fontsize-16px);
	font-size:var(--ona-fontsize-16px-fluid);
	line-height:var(--ona-lineheight-14px-paragraph);
	line-height:var(--ona-lineheight-14px-paragraph-fluid);
	color:var(--ona-color-dark);
	font-weight:600;
	padding-bottom:calc(var(--ona-lineheight-14px-paragraph-fluid) * 0.25);
	font-family:'Work Sans', sans-serif;
	bottom:0;
}
.ona_cases-col a {
	text-decoration:none;
}
.ona_cases-col:hover {
	cursor:pointer;
}
.ona_cases-col:hover .ona_case-description-wrapper p {
	opacity:1;
}
.ona_cases-col:hover .ona_case-category-wrapper {
	transform: translateX(15px);
}
.ona_cases-col .ona_case-category-wrapper h4::before {
	content:"";
	-webkit-transition: all 0.3s 0s ease-out;
	-moz-transition: all 0.3s 0s ease-out;
	-o-transition: all 0.3s 0s ease-out;
	transition: all 0.3s 0s ease-out;
	opacity:0;
	transform:translateY(-4px);
}
.ona_cases-col:hover .ona_case-category-wrapper h4::before {
	content:"";
	width:10px;
	height:10px;
	background-color:var(--ona-color-accent);
	border-radius:5px;
	opacity:1;
	left:-15px;
	margin-top:auto;
	margin-bottom:auto;
	display:block;
	position: absolute;
	transform:translateY(-4px);
	top:0;
	bottom:0;
	line-height:var(--ona-lineheight-14px-paragraph) + );
	line-height:var(--ona-lineheight-14px-paragraph-fluid);

}
.ona_cases-col::before {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-dark);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:0.19;
	z-index:5;
}
.ona_cases-col::after {
	z-index:6;
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-accent);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:1;
	transform: scaleX(0);
	transform-origin:left center;
	transition: transform 0.3s ease-out;
}
.ona_cases-col:hover::after {
	transform: scaleX(1);
}

/* Single Case */
.ona_case-description-row {
	padding-top:calc(var(--ona-lineheight-18px) * 0.08);
	padding-top:calc(var(--ona-lineheight-18px-fluid) * 0.08);
	padding-bottom:calc(var(--ona-lineheight-18px) * 1);
	padding-bottom:calc(var(--ona-lineheight-18px-fluid) * 1);
	display:flex;
	flex-direction:column;
}
.ona_case-description-col .ona_case-description-row:last-of-type {
	padding-bottom:0;
}
.ona_case-description-label {
	width:33%;
	display:block;
	float:left;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	color:#333A66;
	opacity:0.4;
}
@media screen and (min-width:768.01px) {
	.ona_case-description-label {
		padding-left:calc(var(--ona-padding-20px) * 0.5);
	}
}
.ona_case-description-text {
	width:66%;
	display:block;
	float:left;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	color:var(--ona-color-dark);
}
@media screen and (max-width:768px) {
	.ona_case-description-text {
		width:100%;
	}
}
@media screen and (max-width:768px) {
	.ona_case-description-label {
		width:100%;
	}
}
.ona_case-description-text ul li {
	padding-bottom:calc(var(--ona-lineheight-14px-paragraph));
	padding-bottom:calc(var(--ona-lineheight-14px-paragraph-fluid) * 0.5);
}
@media screen and (min-width:768.01px) {
	.ona_cool-collective-case-row {
		display:flex;
	}
	.ona_cool-collective-case-row .ona_col-letter-anim-large {
		margin-top:auto;
	}
	.ona_case-cool-collective-sidecol {
		padding-bottom:	calc(clamp(3.75rem, 2.656vw + 3.063rem, 6.25rem) * 1.6);
	}
}
@media screen and (max-width:768px) {
	.ona_cool-collective-case-row .ona_col-letter-anim-large {
		padding-bottom:var(--ona-default-margin-bottom);
	}
}

/* Nieuws */
div.ona_content-row.ona_nieuws-row {
	padding-bottom:var(--ona-default-margin-bottom);
}
div.ona_content-row.ona_nieuws-row:last-of-type {
	padding-bottom:calc(var(--ona-default-margin-bottom) * 2);
}
@media screen and (min-width:768.01px) {
	.ona_nieuws-row .ona_nieuws-col:nth-of-type(4n+1) {
		width:calc(25% - ((var(--ona-padding-20px) / 6) * 4.5))!important;
		margin-right:calc((var(--ona-padding-20px) /6) * 5)!important;
	}
	.ona_nieuws-row .ona_nieuws-col:nth-of-type(4n+2) {
		width:calc(25% - ((var(--ona-padding-20px) / 6) * 4.5))!important;
		margin-left:calc((var(--ona-padding-20px) / 6) )!important;
		margin-right:calc(var(--ona-padding-20px) / 2)!important;
	}
	.ona_nieuws-row .ona_nieuws-col:nth-of-type(4n+3) {
		width:calc(25% - ((var(--ona-padding-20px) / 6) * 4.5))!important;
		margin-left:calc(var(--ona-padding-20px) / 2)!important;
		margin-right:calc((var(--ona-padding-20px) / 6) )!important;
	}
	.ona_nieuws-row .ona_nieuws-col:nth-of-type(4n+4) {
		width:calc(25% - ((var(--ona-padding-20px) / 6) * 4.5))!important;
		margin-left:calc((var(--ona-padding-20px) /6) * 5)!important;
	}
	.ona_content-container .et_pb_row.et_pb_equal_columns, .ona_content-container .et_pb_row_inner.et_pb_equal_columns, .ona_content-container .et_pb_section.et_pb_equal_columns>.et_pb_row {
		display:flex;
	}
	.ona_content-container .ona_nieuws-row .et_pb_column {
		margin-bottom:0;
	}
}
.ona_nieuws-col {
	display:flex;
	flex-direction:column;
}
.ona_nieuws-image-wrapper {
	padding-top:151%;
	width:100%;
}
.ona_nieuws-title-wrapper {
	width:100%;
	padding:0;
	padding-top:calc(var(--ona-default-margin-bottom) * 0.5);
}
.ona_nieuws-title-wrapper h3 {
	font-size:var(--ona-fontsize-16px);
	font-size:var(--ona-fontsize-16px-fluid);
	line-height:var(--ona-lineheight-14px-paragraph);
	line-height:var(--ona-lineheight-14px-paragraph-fluid);
	font-family:'Work Sans', sans-serif;
	color:var(--ona-color-dark);
	margin-bottom:0;
	padding-bottom:0;
	font-weight:600;
}
.ona_nieuws-description-wrapper {
	width:100%;
	padding:0;
	margin:0;
	padding-bottom:var(--ona-default-margin-bottom);
}
.ona_nieuws-description-wrapper p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	color:var(--ona-color-dark);
	opacity:40%;
	padding:0;
	padding-top:calc(var(--ona-lineheight-14px-paragraph-fluid) * 0.25);
	margin:0;
	transition: opacity .2s ease-out;	
}
.ona_nieuws-col:hover {
	cursor:pointer;
}
.ona_nieuws-col:hover .ona_nieuws-description-wrapper p {
	opacity:1;
}
.ona_nieuws-col::before {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-dark);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:0.19;
	z-index:5;
}
.ona_nieuws-col::after {
	z-index:6;
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-accent);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:1;
	transform: scaleX(0);
	transform-origin:left center;
	transition: transform 0.3s ease-out;
}
.ona_nieuws-col:hover::after {
	transform: scaleX(1);
}
/* Single nieuws page */
body.single .et_pb_post {
	padding-bottom:0;
	margin-bottom:0;
}

@media screen and (min-width:768.01px) {
	.ona_news-title-row {
		display:flex;
	}
}
.ona_news-date-text {
	margin-top:auto;
}
@media screen and (min-width:768.01px) {
	.ona_news-date-text p {
		text-align:right;
	}
}

/* Vacatures overzicht */
.ona_content-row-vacature {
	display:block;
	padding-top:var(--ona-padding-20px);
	padding-bottom:var(--ona-padding-20px-half);
}
.ona_content-row-vacature::before {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-light);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:0.19;
	z-index:5;
}
.ona_content-row-vacature::after {
	z-index:6;
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-accent);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:1;
	transform: scaleX(0);
	transform-origin:left center;
	transition: transform 0.3s ease-out;	
}
.ona_content-row-vacature:hover::after {
	transform: scaleX(1);
}
@media screen and (max-width:768px) {
	
}
.ona_vacatures-col .ona_content-row-vacature:first-of-type {
	padding-top:calc(var(--ona-padding-20px-half) / 2);
}
.ona_content-row-vacature:hover h2 {
	transform:translateX(20px);
}
.ona_content-row-vacature h2::before {
	content:"";
	-webkit-transition: all 0.3s 0s ease-out;
	-moz-transition: all 0.3s 0s ease-out;
	-o-transition: all 0.3s 0s ease-out;
	transition: all 0.3s 0s ease-out;
	opacity:0;
	transform:translateY(-4px);
} 
.ona_content-row-vacature:hover h2::before {
	content:"";
	width:10px;
	height:10px;
	background-color:var(--ona-color-accent);
	border-radius:5px;
	opacity:1;
	left:-20px;
	margin-top:auto;
	margin-bottom:auto;
	display:block;
	position: absolute;
	transform:translateY(-4px);
	top:0;
	bottom:0;
	line-height:var(--ona-lineheight-14px-paragraph) + );
	line-height:var(--ona-lineheight-14px-paragraph-fluid);
}

.ona_content-row-vacature .ona_vacature-titel-wrapper {
	width:67%;
	display:inline-block;
	color:var(--ona-color-light);
}
.ona_content-row-vacature .ona_vacature-titel-wrapper h2 {
	font-size:var(--ona-fontsize-20px);
	font-size:var(--ona-fontsize-20px-fluid);
	line-height:var(--ona-lineheight-20px);
	line-height:var(--ona-lineheight-20px-fluid);
	color:var(--ona-color-light);
	font-family:'Work Sans', sans-serif;
	font-weight:600;
	-webkit-transition: all 0.3s 0s ease-out;
	-moz-transition: all 0.3s 0s ease-out;
	-o-transition: all 0.3s 0s ease-out;
	transition: all 0.3s 0s ease-out;
}
.ona_content-row-vacature .ona_vacature-titel-wrapper a {
	text-decoration: none;
}
.ona_content-row-vacature .ona_vacature-titel-wrapper h2 sup {
	font-size: var(--ona-fontsize-14px);
    font-size: var(--ona-fontsize-14px-fluid);
    line-height: var(--ona-lineheight-20px);
    line-height: var(--ona-lineheight-20px-fluid);
    bottom: .5em;
	font-weight: 400;
}
.ona_content-row-vacature .ona_vacature-link-wrapper {
	text-align:right;
	display:inline-block;
	width:33%;
} 
.ona_content-row-vacature .ona_vacature-link-wrapper a {
	font-size:var(--ona-fontsize-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-lineheight-14px);
	line-height:var(--ona-lineheight-14px-fluid);
}
.ona_content-row .ona_section-header-vacatures-redenen {
	padding-bottom:var(--ona-default-margin-bottom);
}
.ona_vacature-speerpunt-wrapper {
	padding-top:calc(var(--ona-fontsize-14px) * 1.25);
	padding-top:calc(var(--ona-fontsize-14px-fluid) * 1.25);
	padding-bottom:calc(var(--ona-fontsize-14px) * 1.25);
	padding-bottom:calc(var(--ona-fontsize-14px-fluid) * 1.25);
}
.ona_vacature-speerpunt-wrapper div.et_pb_text_inner p {
	display:flex;
	flex-direction:row;
	align-items:stretch;
}
.ona_vacature-speerpunt-count {
	font-size:var(--ona-fontsize-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-lineheight-14px);
	line-height:var(--ona-lineheight-14px-fluid);
	color:var(--ona-color-dark);
	opacity:0.4;
	width:8.33333333%;
	min-width:8.33333333%;
}
.ona_vacature-speerpunt-text {
	font-size:var(--ona-fontsize-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-lineheight-14px);
	line-height:var(--ona-lineheight-14px-fluid);
	color:var(--ona-color-dark);
}
@media screen and (min-width:768.01px) { 
	.ona_content-row-vacature-cool {
		transform:translateY(-50%);
		width:50%;
	}
}
/* Single vacature page */
.ona_col-subheading {
	padding-bottom:var(--ona-fontsize-14px);
	padding-bottom:var(--ona-fontsize-14px-fluid);
}
.ona_col-subheading h3, 
.ona_sub-heading-wrapper h3 {
	font-size:var(--ona-fontsize-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-lineheight-14px);
	line-height:var(--ona-lineheight-14px-fluid);
	font-weight:600;
	font-family:'Work Sans', sans-serif;
}
.ona_col-subheading-light h3,
.ona_sub-heading-wrapper-light h3 {
	color:var(--ona-color-light);
}
.ona_col-subheading-dark h3,
.ona_sub-heading-wrapper-dark h3 {
	color:var(--ona-color-dark);
}
.ona_col-subheading strong {
	font-weight:600;
}
.ona_dashed-unordered-list ul {
	list-style-type:none;
	margin-bottom:0;
}
.ona_dashed-unordered-list li {
	font-size:var(--ona-fontsize-14px);
	font-size:var(--ona-fontsize-14px-fluid);
	line-height:var(--ona-lineheight-14px);
	line-height:var(--ona-lineheight-14px-fluid);
}
.ona_dashed-unordered-list li:before {
	content: '-';
	position:absolute;
	margin-left:-1em;
}
.ona_unordered-list-padding-top ul {
	padding-top:var(--ona-lineheight-14px);
	padding-top:var(--ona-lineheight-14px-fluid);
}

/* Image divider 100:51.25 */
.ona_fullwidth-image-wrapper {
	width:100%;
	padding-top: 51.25%;
	margin:0;
	padding-left:0;
	padding-right:0;
}
/* Image landscape 100:56.3 */
.ona_image-wrapper-diensten-landscape {
	width:100%;
	padding-top: 56.3%;
	margin:0;
	padding-left:0;
	padding-right:0;
}
/* Image portrait 100:133.25 */
.ona_image-wrapper-diensten-staand {
	width:100%;
	padding-top: 133.25%;
	margin:0;
	padding-left:0;
	padding-right:0;
}
.ona_image-row-two-col {
	
}
/* Image grid padding desktop */
@media screen and (min-width:768.01px) {
	.ona_image-col {
		margin-bottom:0;
	}
	.ona_image-col-padding-right {
		padding-right: calc(var(--ona-padding-20px) * 0.5);
	}
	.ona_image-col-padding-left {
		padding-left: calc(var(--ona-padding-20px) * 0.5);
	}
	.ona_image-col-padding-bottom {
		padding-bottom: var(--ona-padding-20px);
	}
}

/* Pijler images */
.ona_content-container .et_pb_row.ona_content-row .et_pb_module.ona_pijler-image {
	margin-top:var(--ona-padding-20px);
	margin-bottom:var(--ona-padding-20px);
}

/* Link met extra padding erboven */
.ona_extra-padding-top {
	margin-top:var(--ona-padding-20px);	
}

/* Slider */
.ona_col-marquee {
	
}

.ona_marquee {
	width: 100%;
	display: flex;
	overflow-x: hidden;
	overflow-y: hidden;
	align-items:center;
	align-content: center;
	white-space: nowrap;
	justify-content: center;
	gap:0;
}
.ona_marquee-content {
	display: flex;
	gap:0;
}
.ona_marquee:hover {
	cursor:default;
}
.ona_marquee-content span {
	font-family: 'Space Grotesk', sans-serif;
	font-size: var(--ona_marquee-fontsize);
	font-size: var(--ona_marquee-fontsize-fluid);
	line-height: var(--ona_marquee-lineheight);
	line-height: var(--ona_marquee-lineheight-fluid);
	font-weight:700;
	padding-left:calc(3.125vw / 2);
	padding-left:calc(clamp(3.125rem, 2.988vw + 2.352rem, 5.938rem) / 2);
	padding-right:calc(3.125vw / 2);
	padding-right:calc(clamp(3.125rem, 2.988vw + 2.352rem, 5.938rem) / 2);
}

/* Partners */
.ona_partner-row .ona_sponsor-logo {
	max-width:50%;
	margin-left:auto;
	margin-right:auto;
}

/* Header video container */
.ona_header-video-wrapper {
	line-height:0;
}

/* Quote */
.ona_quote-title-wrapper h2 {
	font-size: var(--ona-fontsize-35px);
	font-size: var(--ona-fontsize-35px-fluid);
	line-height: var(--ona-lineheight-35px-h1); 
	line-height: var(--ona-lineheight-35px-h1-fluid);
	margin-bottom: 0;
	padding-bottom:0;
	font-weight:bold;
	text-align:center;
}
.ona_quote-title-wrapper-dark h2 {
	color:var(--ona-color-dark);
}
.ona_quote-title-wrapper-light h2 {
	color:var(--ona-color-light);
}
.ona_quote-author-wrapper p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px-paragraph);
	line-height: var(--ona-lineheight-14px-paragraph-fluid);
	padding-bottom:0;
	margin-top: var(--ona-padding-20px);
	text-align:center;
}
.ona_quote-author-wrapper-dark p { 
	color:var(--ona-color-dark);
}
.ona_quote-author-wrapper-dark p span {
	color:#333a66;
	opacity:0.4;
}
.ona_quote-author-wrapper-light p {
	color:var(--ona-color-light);	
}

@media screen and (max-width:768px) {
	.ona_partner-row .ona_sponsor-logo {
		margin-left:auto;
		margin-right:auto;
	}
}
.ona_content-container .ona_partner-row {
	display:flex;
	align-items:center;
}

/* Table elements */
.ona_table-row-label p,
.ona_table-row-header p,
.ona_table-text p {
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: var(--ona-lineheight-14px);
	line-height: var(--ona-lineheight-14px-fluid);
}
.ona_table-row-header p {
	font-weight:600;
}
.ona_table-row-label-light p {
	color:#ffffff;
	opacity:0.4;
}
.ona_table-row-label-dark p {
	color:#333a66;
	opacity:0.4;
}
.ona_table-row-header-dark p,
.ona_table-row-header p,
.ona_table-text-dark p,
.ona_table-text-dark p a {
	color:var(--ona-color-dark);
}
.ona_table-text-dark a:hover,
.ona_table-txt-light a:hover {
	color:var(--ona-color-accent);
}
.ona_table-text-dark a,
.ona_table-text-light a {
	text-decoration:underline;
	transition:color 0.2s ease;
}
.ona_table-row-header-light p,
.ona_table-text-light p,
.ona_table-text-light p a {
	color:var(--ona-color-light);
}
.ona_table-label-col-contact .ona_table-row-label p,
.ona_table-col-contact .ona_table-row-header p {
	line-height:var(--ona-lineheight-18px);
	line-height:var(--ona-lineheight-18px-fluid);
	margin-bottom:var(--ona-lineheight-18px);
	margin-bottom:var(--ona-lineheight-18px-fluid);
}
.ona_table-col-contact .ona_table-text p {
	line-height:var(--ona-lineheight-18px);
	line-height:var(--ona-lineheight-18px-fluid);
}

/* 404 page */
.ona_404-content-container {
	min-height:100vh;
}
.ona_404-header-wrapper h1 {
	font-size:30.7vw;
	font-weight:700;
	line-height:0.8em;
	text-align:center;
	background-image:url(/wp-content/uploads/2023/06/ONA-Test-Divider-1920x1100-1.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-clip: text;
	background-size: 70%;
	-webkit-background-clip: text;
	color:transparent;
	padding-bottom:var(--ona-padding-30px);
}
.ona_404-description-container .ona_section-header-text h2 {
	padding-bottom:var(--ona-padding-30px);
	text-align: center;
}
.ona_404-description-container .ona_section-description-text p {
	padding-bottom:var(--ona-padding-30px);
	text-align: center;
}
/* Section responsive breakpoint */
@media screen and (max-width:768px) {
	#ona_home-section-00 {
		background-position:bottom center;
		background-size:cover;
	}
	div.ona_image-divider-row {
		max-height:inherit;
		height:auto;
		/*margin-left: calc(var(--ona-container-padding) * -1)!important;
		margin-right: calc(var(--ona-container-padding) * -1)!important;*/
		overflow:hidden;
	}
	
	div.ona_image-divider-row .ona_divider-image-wrapper {
		height:60.9375vw;
	}
	.ona_content-container div.ona_col-section-counter {
		width:8.33333333%!important;
	}
	.ona_col-section-name {
		width:41.66666667%!important;

	}
	.ona_col-section-header-title {
		width:100%!important;
	}
	.ona_col-section-header-description {
		width:100%!important;
	}
	.ona_col-section-indent-header {
		width:100%!important;
		text-indent:0;
		margin-left:0;
	}
	.ona_col-section-header-link {
		width:50%!important;
	}
	/* Home letter animation */
	.ona_col-letter-anim-large {
		width:100%!important;
	}
	/* Home diensten */
	.ona_home-diensten-title-col {
		padding-right:0;
	}
	.ona_home-diensten-title-col {
		margin-bottom:0;
		/*calculate minimal height of column with height value of counter before. */
		min-height:var(--ona-lineheight-50px);
	}
	.ona_home-diensten-description-col {
		padding-left:0;
	}
	.ona_home-diensten-bullet-text li {
		padding-bottom: 0;
	}

	/* Make row act as flexbox on mobile to change column order */
	.ona_row-flex-mobile {
		display:flex;
		flex-wrap:wrap;
	}
	.ona_col-order-mobile-1 {
		order:1;
	}
	.ona_col-order-mobile-2 {
		order:2;
	}
	.ona_col-order-mobile-3 {
		order:3;
	}
	.ona_col-order-mobile-4 {
		order:4;
	}
	/* Offset columns on mobile */
	.ona_col-offset-mobile-none {
		margin-left:0;
	}
	.ona_col-offset-mobile-1-col {
		margin-left:8.33333333%!important;
	}
	.ona_col-offset-mobile-2-col {
		margin-left:16.66666667%!important;
	}
	.ona_col-offset-mobile-3-col {
		margin-left:25%!important;
	}
	.ona_col-offset-mobile-4-col {
		margin-left:33.33333333%!important;
	}
	.ona_col-offset-mobile-5-col {
		margin-left:41.66666667%!important;
	}
	.ona_col-offset-mobile-6-col {
		margin-left:50%!important;
	}
	.ona_col-offset-mobile-7-col {
		margin-left:58.33333333%;
	}
	.ona_col-offset-mobile-8-col {
		margin-left:66.66666667%!important;
	}
	.ona_col-offset-mobile-9-col {
		margin-left:75%!important;
	}
	.ona_col-offset-mobile-10-col {
		margin-left:83.33333333%!important;
	}
	.ona_col-offset-mobile-11-col {
		width:91.66666667%!important;
	}
	/* Column resize on mobile */
	.ona_col-size-mobile-2-col {
		width:16.66666667%!important;
	}
	.ona_col-size-mobile-3-col {
		width:25%!important;
	}
	.ona_col-size-mobile-12-col {
		width:100%!important;
	}
	.ona_col-size-mobile-4-col {
		width:33.33333333%!important;
	}
	.ona_col-size-mobile-5-col {
		width:41.66666667%!important;
	}
	.ona_col-size-mobile-6-col {
		width:50%!important;
	}
	.ona_content-container .ona_content-row  .ona_col-size-mobile-6-col {
		margin-right:0;
	}
	.ona_col-size-mobile-9-col {
		width:75%!important;
	}
	.ona_col-size-mobile-11-col {
		width:91.66666667%!important;
	}
	/* Remove row paddings on mobile */
	div.ona_content-row.ona_row-top-padding-mobile-none {
		padding-top:0;
	}
	div.ona_content-row.ona_row-bottom-padding-mobile-none {
		padding-bottom:0;
	}
	div.ona_content-row .ona_col-hidden-mobile {
		visibility:hidden;
		display:none;
	}
	/* Mobile column margin correction of DIVI grid */
	.ona_content-container .et_pb_row .ona_col-default-margin-bottom {
		margin-bottom:var(--ona-default-margin-bottom);
	}
	/* Mobile column full margin top */
	.ona_content-container .et_pb_row .ona_col-default-margin-top {
		margin-top:var(--ona-default-margin-bottom);
	}
	/* Mobile column row padding margins */
	.ona_content-container .ona_content-row .ona_col-row-margin-bottom-mobile {
		margin-bottom:var(--ona-row-padding);
	}
	.ona_content-container .et_pb_row .ona_col_row_margin-top-mobile {
		margin-top:var(--ona-row-padding);
	}
	.ona_content-container .et_pb_row .et_pb_column.et_pb_column_1_2.ona_col-no-margin-bottom-mobile,
	.ona_content-container .et_pb_row .et_pb_column.et_pb_column_1_3.ona_col-no-margin-bottom-mobile,
	.ona_content-container .et_pb_row .et_pb_column.et_pb_column_1_4.ona_col-no-margin-bottom-mobile {
		margin-bottom:0;
	}
}

/* Ona footer */
body.et-db #ona_footer-wrapper {
	padding-left: var(--ona-container-padding)!important;
	padding-right: var(--ona-container-padding)!important;
}
.ona_footer-row-underline::after {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--ona-color-light);
	width:100%;
	bottom:0px;
	visibility: visible;
	opacity:0.08;
}
.ona_footer-logo-col .ona_footer-logo-wrapper {
	width:10.62vw;
	height:auto;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}
@media screen and (min-width:980.1px) and (max-width:1200px) {
	.ona_footer-logo-col .ona_footer-logo-wrapper {
		width:15.26vw;
	}
}
@media screen and (min-width:768.01px) and (max-width:980px) {
	.ona_footer-logo-col .ona_footer-logo-wrapper {
		width:21.86vw;
	}
}
@media screen and (max-width:768px) {
	.ona_footer-logo-col .ona_footer-logo-wrapper {
		width:40%;
		margin-left:30%;
		margin-right:30%;
	}
	div.ona_content-container .ona_content-row .ona_footer-logo-col .ona_footer-logo-wrapper img {
		width:100%;
		height:auto;
	}
	div.ona_content-container .ona_content-row .ona_footer-logo-col .et_pb_image_wrap {
		width:100%;
	}
}
.ona_footer-menu-col nav ul{
	list-style:none;
	padding-left:0;
	padding-bottom:0;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	line-height: calc(var(--ona-fontsize-14px) * 2);
	line-height: calc(var(--ona-fontsize-14px-fluid) * 2);
}
@media screen and (max-width:768px) {
	.ona_footer-menu-col nav ul {
		text-align:center;
	}
}
.ona_footer-menu-col nav .menu-item a {
	color:#8C8FA2;
	transition: color 0.2s ease-out;
	text-decoration: none;
}
.ona_footer-menu-col nav .menu-item a:hover,
.ona_footer-menu-col nav .menu-item.current_page_item a,
.ona_footer-menu-col nav .menu-item.current-page-ancestor a {
	color:var(--ona-color-light);
}
@media screen and (max-width:768px) {
	.ona_footer-menu-extra-row {
		/*visibility:hidden;
		display:none;*/
	}
}
#ona_footer-menu-extra-container ul{
	list-style:none;
	padding-left:0;
	margin:0;
	padding-bottom:0;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
}
#ona_footer-menu-extra-container ul li {
	display:inline-block;
	width:50%;
	float:left;
}
#ona_footer-menu-extra-container ul .menu-item a {
	transition: opacity 0.2s ease-out;
	text-decoration: none;
	color:#8C8FA2;
	opacity:0.4;
}
#ona_footer-menu-extra-container ul .menu-item a:hover,
#ona_footer-menu-extra-container ul .menu-item.current_page_item a,
#ona_footer-menu-extra-container ul .menu-item.current-page-ancestor a {
	opacity:1;
}
.ona_footer-copyright-col p {
	margin:0;
	padding-bottom:0;
	font-size: var(--ona-fontsize-14px);
	font-size: var(--ona-fontsize-14px-fluid);
	text-align:right;
	color:#8C8FA2;
	opacity:0.4;
}
@media screen and (max-width:768px) {
	.ona_footer-copyright-col p {
		color:var(--ona-color-light);
		text-align:center;
	}
}

/* Page transition */
body.animIn .ona_page-transition-container {
	height:150%;
	top:-25%;
}
body.animIn .ona_page-transition-wrapper {
	opacity: 1;
  	-webkit-transform: translateY(0);
  	-moz-transform: translateY(0);
  	-o-transform: translateY(0);
  	-ms-transform: translateY(0);
  	transform: translateY(0);
}
body.animOut .ona_page-transition-container {
  height: 150%;
  bottom: -25%;
  top: auto;
}
body.animOut .ona_page-transition-wrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
body .ona_page-transition-container {
	height: 0;
  	left: 0;
  	position: fixed;
  	top: 0;
  	width: 100vw;
  	background: #353A8D;
  	overflow: hidden;
  	z-index: 1000;
  	-webkit-transition: top 0.6s, bottom 0.6s, height 0.6s;
  	-moz-transition: top 0.6s, bottom 0.6s, height 0.6s;
  	-ms-transition: top 0.6s, bottom 0.6s, height 0.6s;
  	-o-transition: top 0.6s, bottom 0.6s, height 0.6s;
  	transition: top 0.6s, bottom 0.6s, height 0.6s;
	background-image:url(/wp-content/uploads/2023/06/ONA_LOGO_WHITE.png);
	background-repeat:no-repeat;
	background-size:95px 45px;
	background-position:center;
}
body .ona_page-transition-wrapper {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(150px);
	-moz-transform: translateY(150px);
	-o-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	-webkit-transition: opacity 0.6s, transform 0.6s;
	-moz-transition: opacity 0.6s, transform 0.6s;
	-ms-transition: opacity 0.6s, transform 0.6s;
	-o-transition: opacity 0.6s, transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}
body .ona_page-transition-wrapper .ona_page-transition-col {
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Custom cursor */
body .ona_custom-cursor {
	display: none;
}

@media only screen and (min-width: 768.01px) {
	body div.ona_custom-cursor {
		display: none;
		visibility: hidden;
	}

	body:hover div.ona_custom-cursor {
		display: block;
		width:48px;
		height:48px;
		z-index:1001;
		visibility: visible;
		position:fixed;
		top:100px;
		left:100px;
	}
	/* Hide cursor in DIVI */
	html.et-fb-root-ancestor div.ona_custom-cursor {
		display:none;
		visibility: hidden;
	}
	.ona_custom-cursor .ball {
		width: 44px;
		height: 44px;
		position: fixed;
		top: 0;
		left: -12px;
		border: 1px solid #353A8D;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
	}
	.ona_custom-cursor .ball-1 {
		width: 31px;
		height: 31px;
		position: fixed;
		top: 0;
		left: -5.5px;
		border: 1px solid #353A8D;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
	}
	.ona_custom-cursor .ball-2 {
		width: 20px;
		height: 20px;
		position: fixed;
		top: 0px;
		left: 0px;
		border: 1px solid #353A8D;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
	}
}

/* Hide in DIVI builder */
html.et-fb-root-ancestor body .ona_page-transition-container {
	visibility:hidden;
	display:none;
}

/* Inview animations */
/*html.et-fb-root-ancestor body .setInview.opacityTransformTransition,
html.et-fb-root-ancestor body .setInview.opacityTransformTransitionFast,
html.et-fb-root-ancestor body .setInview.opacityTransformTransitionFixed,
html.et-fb-root-ancestor body .setInview.customTransition {
	opacity:1;
	-webkit-transform: translateY(0px);
  	-moz-transform: translateY(0px);
  	-o-transform: translateY(0px);
  	-ms-transform: translateY(0px);
  	transform: translateY(0px);
	-webkit-transform: translateX(0px) rotate(0deg);
  	-moz-transform: translateX(0px) rotate(0deg);
  	-o-transform: translateX(0px) rotate(0deg);
  	-ms-transform: translateX(0px) rotate(0deg);
  	transform: translateX(0px) rotate(0deg);
	pointer-events:auto;
}


.setInview.opacityTransformTransition {
  opacity: 0;
  -webkit-transform: translateY(5vw);
  -moz-transform: translateY(5vw);
  -o-transform: translateY(5vw);
  -ms-transform: translateY(5vw);
  transform: translateY(5vw);
  pointer-events: none;
  -webkit-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.setInview.opacityTransformTransitionFast {
  opacity: 0;
  -webkit-transform: translateY(5vw);
  -moz-transform: translateY(5vw);
  -o-transform: translateY(5vw);
  -ms-transform: translateY(5vw);
  transform: translateY(5vw);
  pointer-events: none;
  -webkit-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s, pointer-events 0.2s 0.2s;
  -moz-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s, pointer-events 0.2s 0.2s;
  -ms-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s, pointer-events 0.2s 0.2s;
  -o-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s, pointer-events 0.2s 0.2s;
  transition: opacity 0.2s 0.2s, transform 0.2s 0.2s, pointer-events 0.2s 0.2s;
}
.setInview.opacityTransformTransition.isInview,
.setInview.opacityTransformTransitionFast.isInview {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
}
.setInView.opacityTransformTransitionFixed {
	opacity: 0;
	
}
.setInview.customTransition {
  opacity: 0;
  -webkit-transform: translateX(50px) rotate(20deg);
  -moz-transform: translateX(50px) rotate(20deg);
  -o-transform: translateX(50px) rotate(20deg);
  -ms-transform: translateX(50px) rotate(20deg);
  transform: translateX(50px) rotate(20deg);
  pointer-events: none;
  -webkit-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, pointer-events 0.6s 0.3s;
  -moz-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, pointer-events 0.6s 0.3s;
  -ms-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, pointer-events 0.6s 0.3s;
  -o-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, pointer-events 0.6s 0.3s;
  transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, pointer-events 0.6s 0.3s;
}
.setInview.customTransition.isInview {
  opacity: 1;
  -webkit-transform: translateX(0) rotate(0deg);
  -moz-transform: translateX(0) rotate(0deg);
  -o-transform: translateX(0) rotate(0deg);
  -ms-transform: translateX(0) rotate(0deg);
  transform: translateX(0) rotate(0deg);
  pointer-events: inherit;
}*/

/* Lenis smooth scroll css */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
   pointer-events: none;
}
/* Hide overflow when lenis is stopped. */
.lenis.lenis-stopped {
  overflow: hidden;
}