.elementor-kit-11{--e-global-color-primary:#7FC300;--e-global-color-secondary:#274037;--e-global-color-text:#FFFFFF;--e-global-color-accent:#011A11;--e-global-color-b5f1b23:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-12cafe2-font-size:2.8em;--e-global-typography-12cafe2-font-weight:500;--e-global-typography-12cafe2-line-height:1.3em;background-color:var( --e-global-color-accent );color:var( --e-global-color-text );font-family:"Hero font", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-primary );font-weight:500;color:var( --e-global-color-b5f1b23 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF26;border-radius:200px 200px 200px 200px;padding:12px 28px 12px 28px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #6BA009 0%, #476908 100%);}.elementor-kit-11 a{color:var( --e-global-color-primary );}.elementor-kit-11 h1{color:var( --e-global-color-text );font-size:3.8em;font-weight:500;line-height:1em;}.elementor-kit-11 h2{color:var( --e-global-color-text );font-size:2.8em;font-weight:500;line-height:1.1em;}.elementor-kit-11 h3{color:var( --e-global-color-text );font-size:1.8em;font-weight:500;line-height:1.2em;}.elementor-kit-11 h4{color:var( --e-global-color-text );font-size:1.3em;font-weight:500;line-height:1.2em;}.elementor-kit-11 h5{color:var( --e-global-color-text );}.elementor-kit-11 h6{color:var( --e-global-color-text );font-size:0.8em;font-weight:500;text-transform:uppercase;line-height:1.2em;letter-spacing:1.2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:2000px;}.e-con{--container-max-width:2000px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-12cafe2-font-size:2em;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;}.elementor-kit-11 h1{font-size:3.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-12cafe2-font-size:1.8em;font-size:16px;line-height:1.7em;}.elementor-kit-11 h1{font-size:2.4em;}.elementor-kit-11 h2{font-size:1.8em;}.elementor-kit-11 h3{font-size:1.6em;}.elementor-kit-11 h4{font-size:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//****** algemeen ******/
.elementor-section{ padding: 0 6%;}

.elementor-inner-section{ padding: unset;}


.c-unset a {color: unset;}




/****** scroll highlight ******/

.tdh-scroll-highlight {
  min-height: 200vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.tdh-scroll-highlight-text {
  position: sticky;
  top: 34vh;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.tdh-scroll-highlight-text,
.tdh-scroll-highlight-text .elementor-heading-title,
.tdh-scroll-highlight-text .elementor-widget-container {
  color: #274037;
}

.tdh-scroll-highlight-text .tdh-letter {
  color: #274037 !important;
  transition: color 0.12s linear;
}

.tdh-scroll-highlight-text .tdh-letter.is-active {
  color: #7FC300 !important;
}

@media (max-width: 1024px) {
  .tdh-scroll-highlight {
    min-height: 180vh;
  }

  .tdh-scroll-highlight-text {
    top: 30vh;
  }
}

@media (max-width: 767px) {
  .tdh-scroll-highlight {
    min-height: 170vh;
  }

  .tdh-scroll-highlight-text {
    top: 28vh;
  }
}

/******  site *******/


.elementor-widget-container h1, .elementor-widget-container h2, .elementor-widget-container h3, .elementor-widget-container h4, .elementor-widget-container h5, .elementor-widget-container h6{
    color: unset;
}

.elementor-widget-container h1:not(:first-child),
.elementor-widget-container h2:not(:first-child),
.elementor-widget-container h3:not(:first-child),
.elementor-widget-container h4:not(:first-child),
.elementor-widget-container h5:not(:first-child),
.elementor-widget-container h6:not(:first-child) {
  margin-top: 30px;
}

.FAQ .elementor-accordion-item {
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    background-color: white;
}


.elementor-widget-container h1 em, .elementor-widget-container h2 em, .elementor-widget-container h3 em, .elementor-widget-container h4 em, .elementor-widget-container h5 em, .elementor-widget-container h6 em{
    font-style: normal;
     color: var(--e-global-color-primary
    )!important;
} 


span.elementor-accordion-icon {
    font-size: 10px;
}

.frostedglass{
backdrop-filter:blur(30px);
}

.frostedglass-label a{
backdrop-filter:blur(300px);
}

nav.rank-math-breadcrumb, nav.rank-math-breadcrumb a {
    font-size: 14px;
    color: #01312466;
}

span.elementor-button-icon {
    font-size: 10px;
}

.bold-green strong
{
    color: var(--e-global-color-primary);
}

.border-round .elementor-motion-effects-container {
    border-radius: 20px;
}

.nav-border .elementor-motion-effects-container{
    border-radius: 0px 0px 20px 0px;
}

/******  opsommingen *******/

 .list-underline ul li{
         border-bottom: 1px solid #ffffff2b;
         padding: 12px 2px 12px 12px;
 }

ul, ol {
    margin: 0px 0px 15px 0px;
    padding-left: 12px;
}

 li{

     padding: 4px 2px 4px 12px;
 }



li::marker {
  color: var(--e-global-color-primary)!important;
  font-size: 14px;
}

.jet-slick-dots li{
     padding: 0px;
 }
 

 
 /****** custom-bullet *******/

.custom-bullet ul {
  list-style: none;
  padding-left: 0;
}

.custom-bullet ul li {
  position: relative;
  padding-left: 25px;
}



.custom-bullet ul li::before {
  content: "";
  display: inline-block;
  width: 8px; /* pas aan volgens je icoon */
  height: 10px;
  background-image: url('https://octiva.thedigitalhub-beta.be/wp-content/uploads/2026/04/Octiva.tech-pijl-5.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 14px;
}

.bullet-light ul li::before{
    background-image: url('https://octiva.thedigitalhub-beta.be/wp-content/uploads/2026/04/Octiva.tech-pijl-9.svg');
}

 
 .list-underline.custom-bullet ul li::before{
     top: 22px;
 }
 
 .custom-bullet-check ul li::before{
    background-image: url('https://octiva.thedigitalhub-beta.be/wp-content/uploads/2026/04/Octiva-check-4.svg');
}
 
 /******  Preloader *******/
 
 #page-preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

#page-preloader.preloader-loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.page-preloader-video-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.page-preloader-video {
  width: 10%;
  height: 10%;
  object-fit: contain;
}

/******  selection *******/
::-moz-selection { /* Code for Firefox */
  color: white;
  background: var(--e-global-color-primary)!important;
}

::selection {
  color: white;
  background: var(--e-global-color-primary)!important;
}


/** Cookies **/

.cky-notice .cky-title {
    font-weight: 500!important;
    font-size: 14px!important;
    margin-bottom: 5px!important;
}


.cky-notice-des{
    font-size: 12px!important;
    line-height: 18px!important;
}

button.cky-btn {
    font-size: 12px!important;
    padding: 3px!important;
}


button.cky-btn.cky-btn-accept{
background-color: var(--e-global-color-primary)!important;
border-color: var(--e-global-color-primary)!important;
}

button.cky-btn.cky-btn-reject, button.cky-btn.cky-btn-customize, button.cky-btn.cky-btn-preferences{
    color: #b7b7b7!important; 
    border-color: #b7b7b7!important;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background-color: var(--e-global-color-primary)!important;
}

 /****** Styling cookies *******/

 #cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: transparent!important;
    border: 1px solid #ffffff42;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
    border: 1px solid #dadada3b!important;
    background-color: #ffffff1a!important;

}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: transparent!important;
}

/******  Blog *******/

.elementor hr {
    margin: 30px 0px;
    border-color: #e1e1d8 !important;
    border-top: 0px;
}


.elementor-widget-theme-post-content img {
    border-radius: 10px;
    margin-bottom: 20px;
}

/* WordPress galerij correct tonen binnen Elementor Theme Post Content */
.elementor-widget-theme-post-content .gallery {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin: 30px 0;
}

.elementor-widget-theme-post-content .gallery.gallery-columns-1 {
	grid-template-columns: 1fr;
}

.elementor-widget-theme-post-content .gallery.gallery-columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.elementor-widget-theme-post-content .gallery.gallery-columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.elementor-widget-theme-post-content .gallery.gallery-columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.elementor-widget-theme-post-content .gallery.gallery-columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.elementor-widget-theme-post-content .gallery.gallery-columns-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.elementor-widget-theme-post-content .gallery-item {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	display: block;
}

.elementor-widget-theme-post-content .gallery-icon {
	width: 100%;
}

.elementor-widget-theme-post-content .gallery-icon img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.elementor-widget-theme-post-content .gallery-caption {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #666;
}

@media (max-width: 1024px) {
	.elementor-widget-theme-post-content .gallery,
	.elementor-widget-theme-post-content .gallery.gallery-columns-4,
	.elementor-widget-theme-post-content .gallery.gallery-columns-5,
	.elementor-widget-theme-post-content .gallery.gallery-columns-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.elementor-widget-theme-post-content .gallery,
	.elementor-widget-theme-post-content .gallery[class*="gallery-columns-"] {
		grid-template-columns: 1fr;
	}
}

 /******  .menu-mobile *******/

.menu-mobile a{
    display: none!important;
}


@media only screen and (max-width: 1024px) {
  .menu-mobile a{
    display: flex!important;
}}

@media only screen and (max-width: 767px) {
  .center-mobile a{
    justify-content: center!important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hero font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://octiva.thedigitalhub-beta.be/wp-content/uploads/2026/04/HeroLight-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Hero font';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://octiva.thedigitalhub-beta.be/wp-content/uploads/2026/04/HeroLight-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Hero font';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://octiva.thedigitalhub-beta.be/wp-content/uploads/2026/04/HeroLight-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */