/*
Theme Name: AFB Child
Theme URI: 
Author: KdWD
Author URI: https://www.karindewitdesign/
Description: Responsive WordPress Theme
Version: 1.1
Template: porto
License: Commercial
License URI:
Tags: 

/*************** ADD YOUR CUSTOM CSS HERE  ***************/




body,
h1, h2, h3, h4, h5, h6,
#header .main-menu > li > a,
#header .main-menu .popup a,
.sidebar-menu li.menu-item > a,
#nav-panel .accordion-menu li.menu-item > a,
#nav-panel .accordion-menu .sub-menu li > a,
button,
input,
select,
textarea {
    font-family: "Open Sans", sans-serif !important;
}

ol li {
  font-size: 1rem!important;
	line-heigth: 1.3rem!important;
	letter-spacing:-0.03em!important;
}
ul li {
  font-size: 1rem!important;
	line-heigth: 1.3rem!important;
	letter-spacing:-0.03em!important;
}
p a{
color: #0c3050;
text-decoration: underline;
font-weight:400;
}

p {
	font-size: 1rem!important;
	line-heigth: 1.3rem!important;
	letter-spacing:-0.03em!important;
  
}

.white p a {
    color: #ffffff;
    text-decoration: none !important;
}

.white p a:hover {
    text-decoration: underline !important;
}


.white, 
.white *, 
.white a {
    color: #ffffff !important;
    text-shadow: 1px 1px rgba(0,0,0,0.3) !important;
}

.white a {
	color: #ffffff !important;
    text-shadow: 1px 1px rgba(0,0,0,0.3) !important;
    text-decoration: none !important;
}

.white a:hover {
    text-decoration: underline !important;
}


.color-orange {color:#fea501;}
 
.afb-services a {
    color: #0C3050;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .afb-services a:hover {
     /* Pas aan naar gewenste hoverkleur */
    text-decoration: underline; /* Of underline, afhankelijk van je voorkeur */
  } 
  
.partnertlogos{
	width: 100%;
  filter: grayscale(100%);
}
.partnertlogos:hover{
  filter: grayscale(0%);
}

.retina-logo {
  filter: drop-shadow(1px 0px 1px  rgb(0 0 0 / 0.5))!important;
}    

.retina-logo2 {
  filter: drop-shadow(3px 2px 3px  rgb(0 0 0 / 0.7))!important;
} 
  .retina-logo3 {
  filter: drop-shadow(2px 1px 2px  rgb(12 48 80 / 1))!important;
}    
.header-kop-text {
  filter: drop-shadow(2px 1px 2px  rgb(0 0 0 / 0.7))!important;
}

 .custom-text-shadow-parallax { 
text-shadow: 2px 2px 2px rgba(12,48,80,0.9)!important;
	} 

.fa-arrow-right-to-file:before{content:"\f56f"; padding-left: 10px!important; margin-left: 50px!important;}
.fa-arrow-right{ margin-left: 4px!important;}

.faqs-color-home p{color: rgba(255,255,255,1)!important;}

.grad-top-page {
background-image: linear-gradient(to bottom right, #EEEEEE, #DBDBDB, #ffffff, #EEEEEE, #F5F5F5, #ffffff, #EEEEEE);
box-shadow: 0 3px 10px rgb(0 0 0 / 0.15)!important;
}

.grad-top-page2 {
background-image: linear-gradient(to bottom right, #EEEEEE, #DBDBDB, #CDCDCD, #EEEEEE, #F5F5F5, #CDCDCD, #EEEEEE);
box-shadow: 0 3px 10px rgb(0 0 0 / 0.15)!important;
}
.grad-top-page3 {
background-image: linear-gradient(to bottom right, #0095db, #40b0e6, #0095e2, #007CB9, #139de3, #49b4e7, #0095db);
box-shadow: 0 3px 10px rgb(0 0 0 / 0.15)!important;
}
.grad-top-page4 {
background-image: linear-gradient(to bottom right, #EEEEEE, #ffffff, #EEEEEE, #F5F5F5, #ffffff, #EEEEEE);
box-shadow: 0 3px 10px rgb(0 0 0 / 0.15)!important;
}

.support-highlight {
  display: flex;
  align-items: stretch;
  margin: 30px 0;
}

.support-highlight-left {
  
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 18px;
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.15)!important;
 
}

.support-highlight-right {
  
  display: flex;
  align-items: center;
  padding: 22px 28px;
}

.support-highlight-right p {
  margin: 0;
}

.grad-cyan-support {
  background-image: linear-gradient(to bottom right, #0095db, #40b0e6, #0095e2, #007CB9, #139de3, #49b4e7, #0095db);
}


.grad-orange-support {
  background-image: linear-gradient(to bottom right, #DE9101, #FEB429, #fea501 , #DE9101, #fea501, #FEB429, #DE9101);
}

@media (max-width: 767px) {
  .support-highlight {
    flex-direction: column;
  }

  .support-highlight-left,
  .support-highlight-right {
    width: 100%;
  }
}



.box-shadow-tekstblok {
	
	
     
	box-shadow: 0 2px 5px rgb(0 0 0 / 0.1);}



.box-shadow-images2 {
	
     
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.15);}

.box-shadow-images3 {
	
     max-width: 90%;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
	



.box-shadow-header-image {
	
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2)!important;
	
	}
	
.box-shadow-image-page {
	
	box-shadow: 0 2px 4px rgb(0 0 0 / 0.2)!important;
	
	}	
.box-shadow-header-bg {
	
	box-shadow: 0 5px 10px rgb(0 0 0 / 0.4)!important;
	
	
	}


.rev_slider_4_1_wrapper{
	
	box-shadow: 0 3px 8px rgb(0 0 0 / 0.3)!important;
	
	}
		
.custom-header-titel-shadow { 
text-shadow: 1px 1px rgba(0,0,0,0.2)!important;
	}
	
.custom-text-shadow { 
text-shadow: 1px 1px rgba(0,0,0,0.4)!important;
	}
.custom-text-shadow-header { 
text-shadow: 2px 2px rgba(0,0,0,0.5)!important;
	}
	
.custom-text-shadow2 { 
text-shadow: 1px 1px rgba(255,255,255,0.8)!important;
	}
.custom-text-shadow3 { 
text-shadow: 1px 1px rgba(255,255,255,0.95)!important;
	}	
	
.custom-header-titel-shadow2 { 
text-shadow: 1px 1px rgba(23,33,47,0.45)!important;
	}
	
.home-banner-slider {max-height: 900px!important; margin-right: -2px !important;   }	
.home-banner-slider-parent {z-index: 1;    }	

.home-banner-slider2 {max-height: 600px!important;  margin-right: -2px !important; }	
.home-banner-slider2-parent {z-index: 1;    }	

.element-to-cover-header {  position: relative!important; 
  z-index:2; margin-top: -150px; 
}	
.element-to-cover-header2 {  position: relative!important; 
  z-index:2; margin-top: -250px; 
}	
.pages-banner-slider {max-height: 600px!important;   }

.vc_btn3 {
	font-size: 15px!important;
	padding: 0px!important;
	color: #0095db!important;
 text-shadow: 0 1px 1px rgba(0, 0, 0, .4)!important;
font-size: 15px!important;
background: rgba(255, 255, 255, 0.0)!important; 
border: 2px solid rgba(255, 255, 255, 0.0)!important;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2)!important;
font-weight:600!important;


box-shadow: 0px 0px 0px !important;
}

.vc_btn3:hover   {
	font-size: 15px!important;
	padding: 0px!important;
	background: rgba(255, 255, 255, 0.0)!important; 
	border: 2px solid rgba(255, 255, 255, 0.0)!important;
	border-bottom: 1px solid #0095db!important;
            color: #fea501!important;
            text-decoration: none;
          }

	
		  
.btn { transition: .3s !important; color: #0095db;text-decoration: none!important; text-shadow: none!important; font-weight:700!important; border-bottom: 2px solid rgba(255, 255, 255, 0.0)!important;}
.btn:hover { transform: translateY(0px) !important; color: #0095db; text-decoration: none!important; text-shadow: none!important; border-bottom: 2px solid #fea501!important; font-weight:700!important;}
.btn:focus, .btn:active { box-shadow: none; }

/* button portfolio en post*/
.btn-dark {max-width: 200px!important;  align: left!important; padding: 20px!important; background: #0C3050!important; border: none; color: #00a5f4!important; font-size: 1.6em; border-radius: 0px!important; }
.btn-dark:hover {color: #fea501!important;  }	    


@media (max-width: 991px) { 


.btn-dark {max-width: 100px!important;  align: left!important; padding: 15px!important; background: #0C3050!important; border: none; color: #00a5f4!important; font-size: 1.4em!important; border-radius: 0px!important; }
.btn-dark:hover {color: #fea501!important;  }	    


}

/* Media query specifiek voor iPad in portrait mode (breedte 1024px) */
@media (max-width: 1024px) {
  .btn-dark {
    max-width: 170px!important;
    padding: 15px!important;
    font-size: 1em!important;
	
  }
}
/* Media query specifiek voor iPad in portrait mode (breedte 912px) */
@media (max-width: 912px) {
  .btn-dark {
    max-width: 170px!important;
    padding: 15px!important;
    font-size: 1.2em!important;
	
  }
}
/* Media query specifiek voor iPad in portrait mode (breedte 820px) */
@media (max-width: 820px) {
  .btn-dark {
    max-width: 170px!important;
    padding: 10px!important;
    font-size: 1em!important;
	
  }
}
/* Media query specifiek voor iPad in portrait mode (breedte 768px) */
@media (max-width: 768px) {
  .btn-dark {
    max-width: 150px!important;
    padding: 10px!important;
    font-size: 1em!important;
	
  }
}
/* Media query voor mobiele apparaten (breedte 576px en kleiner) */
@media (max-width: 576px) {
  .btn-dark {
    max-width: 200px!important;
    padding: 20px!important;
    font-size: 1.2em!important;
  }
}
/* button tekst blokken*/
	 
.btn-blokken {color: #ffffff!important;}
		  
.btn-default.btn{
	margin-top:10px!important;
	color: #0095db;
font-size: 15px!important;
background-color: rgba(255, 255, 255, .0)!important;
border-color:rgba(0,0,0,0.00)!important;
border-radius: 0px;
font-weight:600!important;
text-transform:capitalize!important;
padding: 0px;
letter-spacing:-1px!important;
}
.btn-default.btn:active{
	color: #0095db;
 text-shadow: 0 1px 1px rgba(0, 0, 0, .0)!important;
font-size: 15px!important;
background-color: rgba(255, 255, 255, .0)!important;
text-decoration: underline!important;
}
.btn-default.btn:hover{	
	color: #0095db;
 text-shadow: 0 1px 1px rgba(0, 0, 0, .0)!important;
font-size: 15px!important;
background-color: rgba(255, 255, 255, .0)!important;
text-decoration: underline!important;
}

.search-type-btn {color:#fff!important;background:rgba(255,255,255,0.0)!important; text-decoration: none!important; }
.search-type-btn:hover {color:#fea501!important;background:rgba(255,255,255,0.0)!important; text-decoration: none!important; }
.porto-heading .post-title {color:#fff!important; padding-top: 20px;}


		  	
	.menu-shadow-bottom{
	border-bottom: 1px solid rgba(0,53,89,1)  !important;
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4) !important;
-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.4) ;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.4) ;
  

}



.bg-attach-fixed-lg { background-attachment: fixed !important;}
@media(min-width: 992px) {
  .bg-attach-fixed-lg { background-attachment: fixed !important;}
}

.pt-0{padding-top:0 !important}
.pt-1{padding-top:.25rem !important}
.pt-2{padding-top:.5rem !important}
.pt-3{padding-top:1rem !important}
.pt-4{padding-top:1.5rem !important}
.pt-5{padding-top:3rem !important}
.pt-6{padding-top:4rem !important}
.pt-7{padding-top:4.5rem !important}
.pt-8{padding-top:5rem !important}
.pt-9{padding-top:5.5rem !important}
.pt-10{padding-top:8rem !important}
.pt-11{padding-top:9rem !important}
.pt-12{padding-top:12rem !important}

.pb-0{padding-bottom:0 !important}
.pb-1{padding-bottom:.25rem !important}
.pb-2{padding-bottom:.5rem !important}
.pb-3{padding-bottom:1rem !important}
.pb-4{padding-bottom:1.5rem !important}
.pb-5{padding-bottom:3rem !important}
.pb-6{padding-bottom:4rem !important}
.pb-7{padding-bottom:4.5rem !important}
.pb-8{padding-bottom:5rem !important}
.pb-9{padding-bottom:5.5rem !important}
.pb-10{padding-bottom:8rem !important}
.pb-11{padding-bottom:10rem !important}
.pb-12{padding-bottom:12rem !important}

.py-lg-0{padding-top:0!important;padding-bottom:0!important}
.py-lg-1{padding-top:0.25rem!important;padding-bottom:0.25rem!important}
.py-lg-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important}
.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}


.py-0{padding-top:0 !important;padding-bottom:0 !important}
.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}
.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}
.py-3{padding-top:1rem !important;padding-bottom:1rem !important}
.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}
.py-5{padding-top:3rem !important;padding-bottom:3rem !important}
.py-6{padding-top:4rem !important;padding-bottom:4rem !important}
.py-7{padding-top:4.5rem !important;padding-bottom:4.5rem !important}
.py-8{padding-top:5rem !important;padding-bottom:5rem !important}
.py-9{padding-top:5.5rem !important;padding-bottom:5.5rem !important}
.py-10{padding-top:6rem !important;padding-bottom:6rem !important}
.py-11{padding-top:6.5rem !important;padding-bottom:6.5rem !important}
.py-12{padding-top:7rem !important;padding-bottom:7rem !important}
.py-13{padding-top:2rem !important;padding-bottom:12.5rem !important}

.mt-80{margin-top:-80px !important}
.mt-60{margin-top:-60px !important}
.mt-50{margin-top:-50px !important}
.mt-30{margin-top:-30px !important}


.mt-0{margin-top:0rem !important}
.mt-1{margin-top:.25rem !important}
.mt-2{margin-top:.5rem !important}
.mt-3{margin-top:1rem !important}
.mt-4{margin-top:1.5rem !important}
.mt-5{margin-top:3rem !important}
.mt-6{margin-top:4rem !important}
.mt-7{margin-top:4.5rem !important}
.mt-8{margin-top:5rem !important}
.mt-9{margin-top:5.5rem !important}
.mt-10{margin-top:6rem !important}
.mt-11{margin-top:8rem !important}
.mt-12{margin-top:8rem !important}


.ml-20{margin-left:-20px !important}
.ml-50{margin-left:-50px !important}
.ml-80{margin-left:-80px !important}
.ml-100{margin-left:-100px !important}
.ml-190{margin-left:-190px !important}
.ml-250{margin-left:-250px !important}
.ml-p-20{margin-left:20px !important}
.ml-p-4{margin-left:4px !important}
.ml-p-5{margin-left:5px !important}
.ml-p-6{margin-left:6px !important}
.ml-p-7{margin-left:7px !important}

.mr--1{margin-right:-1px !important}
.mr-20{margin-right:-20px !important}
.mr-50{margin-right:-50px !important}
.mr-80{margin-right:-80px !important}
.mr-100{margin-right:-100px !important}
.mr-190{margin-right:-190px !important}
.mr-250{margin-right:-250px !important}
.mr-350{margin-right:-350px !important}

.mb-0{margin-bottom:0 !important}
.mb-1{margin-bottom:.25rem !important}
.mb-2{margin-bottom:.5rem !important}
.mb-3{margin-bottom:1rem !important}
.mb-4{margin-bottom:1.5rem !important}
.mb-5{margin-bottom:3rem !important}
.mb-6{margin-bottom:4rem !important}
.mb-7{margin-bottom:5rem !important}
.mb-8{margin-bottom:6rem !important}
.mb-9{margin-bottom:7rem !important}
.mb-10{margin-bottom:8rem !important}
.mb-auto{margin-bottom:auto !important}



.ms-0{margin-left:0 !important}
.ms-1{margin-left:.25rem !important}
.ms-2{margin-left:.5rem !important}
.ms-3{margin-left:1rem !important}
.ms-4{margin-left:1.5rem !important}
.ms-5{margin-left:3rem !important}
.ms-auto{margin-left:auto !important}
.p-0{padding:0 !important}
.p-1{padding:.25rem !important}
.p-2{padding:.5rem !important}
.p-3{padding:1rem !important}
.p-4{padding:1.5rem !important}
.p-5{padding:3rem !important}


.offset-xl-0{margin-right:0}
.offset-xl-1{margin-right:8.3333333333%}
.offset-xl-2{margin-right:16.6666666667%}
.offset-xl-3{margin-right:25%}
.offset-xl-4{margin-right:33.3333333333%}
.offset-xl-5{margin-right:41.6666666667%}
.offset-xl-6{margin-right:50%}
.offset-xl-7{margin-right:58.3333333333%}
.offset-xl-8{margin-right:66.6666666667%}
.offset-xl-9{margin-right:75%}
.offset-xl-10{margin-right:83.3333333333%}
.offset-xl-11{margin-right:91.6666666667%}
          
 
.ps-lg-0{padding-left:0 !important}
.ps-lg-1{padding-left:.25rem !important}
.ps-lg-2{padding-left:.5rem !important}
.ps-lg-3{padding-left:1rem !important}
.ps-lg-4{padding-left:1.5rem !important}
.ps-lg-5{padding-left:3rem !important}
.ps-lg-6{padding-left:3.5rem !important}
.ps-lg-7{padding-left:10rem !important}

.ps-md-0{padding-right:0!important}
.ps-md-1{padding-right:.25rem!important}
.ps-md-2{padding-right:.5rem!important}
.ps-md-3{padding-right:1rem!important}
.ps-md-4{padding-right:1.5rem!important}
.ps-md-5{padding-right:3rem!important}

.ps-xl-0{padding-left:0!important}
.ps-xl-1{padding-left:0.25rem!important}
.ps-xl-2{padding-left:0.5rem!important}
.ps-xl-3{padding-left:1rem!important}
.ps-xl-4{padding-left:1.5rem!important}
.ps-xl-5{padding-left:3rem!important}

.line-height-xs{line-height:16px!important}
.line-height-sm{line-height:20px!important}
.line-height-md{line-height:24px!important}
.line-height-lg{line-height:28px!important}
.line-height-xl{line-height:32px!important}


.d-lg-flex { display: flex !important; }





/* pages */



.max-w-90 { max-width: 90%; }




/* footer */
/* footer 3-kolommer*/
.custom-card-footer .porto-ultimate-content-box { position: relative; }
.custom-card-footer .porto-ultimate-content-box { background-color: rgba(12, 48, 80, 0.8)!important; min-height: 24rem !important; }
.custom-card-footer .porto-ultimate-content-box:hover { background-color: rgba(12, 48, 80, 0.9)!important; border-color:rgba(0, 49, 72, 0.5)!important;  }

/* footer 4-kolommer*/
.custom-card-footer2 .porto-ultimate-content-box { position: relative; }
.custom-card-footer2 .porto-ultimate-content-box { background-color: rgba(12, 48, 80, 0.8)!important; min-height: 34rem !important; }
.custom-card-footer2 .porto-ultimate-content-box:hover { background-color: rgba(12, 48, 80, 0.9)!important; border-color:rgba(0, 49, 72, 0.5)!important;  }


/* aangepaste footerindeling op tussenformaten footer */
/* iPad Pro 12.9 – 1024 × 1366 (portrait) */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.custom-card-footer .porto-ultimate-content-box { 
min-height: 29.5rem !important; }
    .custom-card-footer2 .porto-ultimate-content-box {
        min-height: 47.2rem !important; }

}
/* iPad Mini 768x1024 & iPad Air 820x1180 — 2 kolommen i.p.v. 3 */
@media (min-width: 768px) and (max-width: 1180px) {

  /* iPad Air en iPad Mini – 2 kolommen i.p.v. 3 */
@media (max-width: 1024px) and (min-width: 768px) {

    /* Zorg dat de WPBakery columns naast elkaar kunnen schalen */
    .custom-footer-column2 .vc_column_container {
        width: 50% !important;   /* 2 kolommen */
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /* Extra spacing onder de kaarten */
    .custom-card-footer2 .porto-ultimate-content-box {
        min-height: 34rem !important; /* iets lager zodat ze beter passen */
    }
}
}

/* iPad Mini - Air - Tablet Portrait – 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Zorg dat alleen de 3-koloms sectie wordt beinvloed */
    .custom-footer-column .vc_column_container {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;		
    }
.custom-card-footer .porto-ultimate-content-box { min-height: 23rem !important; }
    /* De 3e kolom (1/2 op desktop)  volledige breedte onderaan */
    .custom-footer-column .vc_column_container:nth-child(3) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        order: 3; /* verplaats hem visueel naar onderen */
        margin-top: 20px;
        
    }

    /* De eerste twee blijven naast elkaar */
    .custom-footer-column .vc_column_container:nth-child(1),
    .custom-footer-column .vc_column_container:nth-child(2) {
        order: 1;
    }
}

/* end footer */


/***************CUSTOM THEME  ***************/
.breadcrumbs-wrap { min-width: 1400px!important;}

@media (min-width: 1440px) {
    .container { max-width: 1440px!important; }
	.d-none-pc{ display: none!important;  }
}

/* Header AFB 2024 */

.current-menu-item > a{
color:#fea501!important;
font-weight: 700!important; 
}


.current-menu-item > a:active{
color:#fea501!important; font-weight: 700!important; 
}

.current-menu-item > a:active:before{
color:#fea501!important; font-weight: 700!important; 
}

.current-menu-item > a:hover{
color:#fea501!important; font-weight: 700!important; 

}
.mega-menu .current_page_item > a,
.mega-menu .current_page_ancestor > a,
.mega-menu .current-menu-item > a,
.mega-menu .current-menu-ancestor > a {
color: #fea501!important;
font-weight: 700!important; 

}

/* ruimte footermenu */
.sidebar-menu li.menu-item > a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.2 !important;  /* voorkomt dat tekst wordt platgedrukt */
    display: block !important;    /* zorgt voor nette uitlijning */
}


#header .main-menu>li.menu-item { margin: 0 2px 0 0; }




/* Ensuring second level retains the orange color when third level is active within the popup */
#header .main-menu .popup .current-menu-ancestor > a,
#header .main-menu .popup .current-menu-parent > a {
    color: #fea501!important;
    font-weight: 700!important;
}

/* Specifically target the second-level items when third-level items are active */
#header .main-menu .popup .current-menu-ancestor > a,
#header .main-menu .popup .current-menu-ancestor > a:before,
#header .main-menu .popup .current-menu-ancestor > a:after,
#header .main-menu .popup .current-menu-parent > a,
#header .main-menu .popup .current-menu-parent > a:before,
#header .main-menu .popup .current-menu-parent > a:after {
    color: #fea501!important;
    font-weight: 700!important;
}

/* Specificity for third-level active menu items within the popup */
#header .main-menu .popup .current-menu-item .current-menu-item > a,
#header .main-menu .popup .current-menu-item .current-menu-ancestor > a,
#header .main-menu .popup .current-menu-item .current_page_item > a,
#header .main-menu .popup .current-menu-item .current_page_ancestor > a {
    color: #fea501!important;
    font-weight: 700!important;
}




.porto-icon-magnifier:before{content:"\e884"; color: #fea501!important; }
.porto-icon-magnifier:hover:before{content:"\e884"; color: #0095db!important; }

#header .searchform-popup .searchform{ background:#0A253F!important;   }

#header .searchform input::placeholder{color: #C7C7C7!important;}
#header .searchform input{color: #D7D7D7!important;}




#header .main-menu .popup a { color: #0095db!important; padding: 10px 20px 10px;   min-width:250px!important; background: #0C3050!important; border-bottom: 1px!important; }


#header .main-menu .popup .current_page_item > a { color: #fea501!important;  }

#header .main-menu .popup a:hover { color: #fea501!important;  }
.popup  { padding-top: 30px !important; }




#header .share-links a:not(:hover) { background: transparent; color: #fff; box-shadow: none; }
#header .share-links a, #footer .follow-us .share-links a { width: 40px; height: 40px; font-size: 1.2em; line-height: 48px; margin: -2px 1px 0 0; }
#footer .follow-us .share-links a:hover { color: #fff; }
#header .share-links, #footer .follow-us .share-links { display: flex; margin-left: 8px; }
#header .share-facebook, #footer .follow-us .share-facebook { order: 11 }
#header .share-instagram, #footer .follow-us .share-instagram { order: -1 }
#header.sticky-header .header-main.change-logo .logo img { transform: none; }
#nav-panel .accordion-menu li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow { color: #fff;   }


.share-linkedin{background:#0095db!important; font-size: 1.1em!important; font-weight: 500!important; color: #ffffff!important; width:40px!important; height: 40px!important;  border-radius: 50%!important;}
.share-linkedin:hover{background:rgba(107, 107, 107, 0.9)!important;}
.share-facebook{background:#0095db!important; font-size: 1.1em!important; font-weight: 500!important; color: #ffffff!important; width:40px!important; height: 40px!important;  border-radius: 50%!important;}
.share-facebook:hover{background:rgba(107, 107, 107, 0.9)!important;}

#nav-panel .mobile-menu
 {font-size:1.0rem!important; text-transform:none!important;font-weight: 400!important;
}




@media (max-width: 992px) {
    #header .container-fluid { padding-left: 3.5vw !important; padding-right: 3.5vw !important; }
}
#header .container-fluid { padding-left: 15px; padding-right: 15px; }
#header { background-color:rgba(12, 48, 80, 0.7) !important; }
#header .search-toggle i:before { 
    content: "\e090";
    font-family: simple-line-icons;  font-weight: 700!important; 
}

#header .mega-menu.menu-hover-underline>li.menu-item.active>a:before, #header .mega-menu.menu-hover-underline>li.menu-item:hover>a:before { 
     background-color:#fea501!important; height:2px!important;
}
.mega-menu.menu-hover-line>li.menu item>a:before{height:2px!important; }

#nav-panel .accordion-menu .sub-menu li:not(.active):hover > a { background: #0A253F!important; text-transform:none !important;  }

#header #nav-panel .accordion-menu > li.menu-item > a:not(:hover) { color: #fff; font-size: 15px; text-transform:none !important; font-weight: 500!important; }
.accordion-menu li.menu-item>a { font-weight: 500!important; text-transform:none !important; }
.accordion-menu li.menu-item:hover > a { background: #0A253F!important; }

/* end header */


/* Global Styles */
.p-static { position: static; }
.p-relative { position: relative; }
.b-hide { overflow: hidden; }
@keyframes arrowMove {
  0% { position: relative; left: -1px; }
  50% { position: relative; left: 3px; }
  100% { position: relative; left: -1px; }
}
.btn-arrow-move .btn:hover > i, .btn-arrow-move:hover > i, .portfolio-item .thumb-info-title:hover .thumb-info-inner:after {
  animation: arrowMove 600ms ease;
  animation-iteration-count: infinite;
}
.br-50 { border-radius: 50%; }
.p-center { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.shape.circle { position: absolute; display: inline; border-radius: 50%; }

html .btn-primary-outline .btn { line-height: 1.5; border-bottom: 1px solid #EC2F20!important; color: #ffffff!important; background: #0095db !important; text-shadow: 0 1px 1px rgba(0, 0, 0, .4)!important; box-shadow: 0 3px 10px rgb(0 0 0 / 0.15)!important; }
html .btn-primary-outline .btn:hover { background: #0095db !important; border-color: #EC2F20 !important; color: #fff; }
html .btn-primary-outline .btn i { margin-left: 5px; }
.font-10 { font-size: 10px; }

/* Responsive */
@media (max-width: 479px) {
  .font-10 { font-size: 8px; }

}
@media (min-width: 992px) {
  .align-lg-right { text-align: right; }
}
@media (min-width: 1200px) {
  .b-hide:after { content: ''; position: absolute; bottom: -48px; left: -5%; display: block !important; width: 120%; height: 0px!important; transform: rotate(2deg); background: #0C3050; z-index: 20; }
}
@media (min-width: 992px) {
  body.tax-portfolio_cat .main-content, body.post-type-archive-portfolio .main-content { width: calc(66.6667% - 15px) }
  body.tax-portfolio_cat .porto-secondary-sidebar, body.post-type-archive-portfolio .porto-secondary-sidebar { width: 33.3333% }
}
@media (max-width: 1799px) {
  .shape.circle { display: none; }
}


/*###################################
custom css
####################################*/





.rotate-45-icon i { transform: rotate(-45deg) translateY(0px) !important; padding: 0px!important;   }
.custom-font-size-1 h2 { font-size: clamp(28px, 4px + 0.05 * 100vw, 64px); }
.custom-font-size-2{ text-align: center!important; vertical-align: middle!important;}
.custom-accordion label { border-width: 0 0 1px !important; }
.max-w-90 img { max-width: 90px; }
.max-w-100 img { max-width: 100px; }
.max-w-140 img { max-width: 140px; }
.max-w-200 img { max-width: 200px; }
.custom-marquee-1 .porto-ultimate-content-box { flex-direction: row!important; }
.custom-marquee-1 { animation: 20s linear 0s infinite normal none running marqueeAnimation!important; }
.custom-avatar-1-info {  position: absolute; top: -34px; text-align: center; font-size: 18px!important; white-space: nowrap; letter-spacing: -0.1px; font-weight: 700; color: #fff!important; margin-left: -31px; opacity: 1; color: #fff!important; left: 100%; }
.custom-avatar-1-info .animated-icon { transform: rotate(120deg); float: left; margin-right: 5px; margin-top: 4px; }
.custom-avatar-2-info .animated-icon { transform: rotate(140deg); float: left; margin-left: 50px!important; margin-top: 5px; margin-bottom:-15px; }


@media (max-width: 991px) {
    .ca2-title h2, .ca2-title { font-size: 2.5em !important; }
	
}
@keyframes marqueeAnimation {
    100% { transform: translateX(-920px); }
}
@keyframes arrowMove {
    0% { margin-top: 0 }
    50% { margin-top: -30px }
    100% { margin-top: 0 }
}

@media (min-width: 1200px) {
    
}

/*custom home css*/

/*fotos cirkel plus logo of afbeelding*/
.custom-hero-font-1 h2 { font-size: clamp(28px,0px + 0.0583333333 * 100vw,70px); }
.custom-hero-heading h2 { -webkit-mask-image: linear-gradient(to bottom,black 0%,rgba(0,0,0,0) 100%); font-size: 13cqw; }
.custom-el-1 { top: 55%; left: -60px; opacity: .1; animation: arrowMove 3000ms linear; animation-iteration-count: infinite; }
.custom-el-2 { top: 80%; right: -30px; opacity: .1; animation: arrowMove 3000ms linear; animation-iteration-count: infinite; }
.custom-el-3 { width: 100%; max-width: 220px; height: 220px; position: relative; overflow: hidden; }
.custom-el-4 { width: 220px; max-width: 220px; height: 100%; margin-top: -50%!important;  z-index: 5!important; }
.custom-el-5 { width: auto!important; right: -30px; max-width: 300px!important; height: 300px!important; position: relative; overflow: hidden; background-color:#0095db; }
.custom-el-6 { width: auto!important; left: -60px; max-width: 300px!important; height: 300px!important; position: relative; overflow: hidden; background-color:#0095db; }
.custom-el-7 { width: 200px; max-width: 200px; height: 100%;  margin-top: -45%!important;  z-index: 5!important; }

.custom-el-3-pos-1 { top: 31.2%; z-index: 1; position: absolute; }
.custom-el-3-pos-2 { margin-top: -28%; }
.custom-el-3-pos-3 { margin-top: 20%!important; }
.custom-el-3-pos-4 { margin-top: 30%!important; }
.custom-el-3-pos-5 { margin-top: -18%!important; }
.custom-el-3-pos-6 { margin-top: 10%!important; }
.custom-el-3-pos-7 { margin-top: 10%!important; }

/*twee fotos cirkel plus logo*/
/*foto 1*/
.custom-el-8 { width: auto!important; right: -30px; max-width: 300px!important; height: 300px!important; position: relative; overflow: hidden;  }
.custom-el-3-pos-8 { margin-top: 18%!important; }
/*foto 2*/
.custom-el-9 { width: auto!important; left: -60px; max-width: 300px!important; height: 300px!important; position: relative; overflow: hidden;  }
.custom-el-3-pos-9 { margin-top: 30%!important; }
/*logo - afbeelding*/
.custom-el-10 { width: 200px; max-width: 200px; height: 100%; margin-top: -50%!important;  z-index: 5!important; }

/*foto 1 groot*/
.custom-el-11 { width: 400px!important; height: 400px!important; position: relative; overflow: hidden; margin: auto;   }
.custom-el-3-pos-11 { margin-top: 12%!important; }

/*logo - afbeelding*/
.custom-el-12 { width: 220px; max-width: 220px; height: 100%;  z-index: 5!important; margin-top: -10%!important; margin-left: 100px;}

/*end een of twee fotos cirkel plus logo*/



.image-absolute img { position: absolute; max-width: initial; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.custom-border-radius-1, .custom-border-radius-1 img { border-radius: 0 100px 0 100px; border: 2px solid #0095db!important; }
.custom-border-radius-2, .custom-border-radius-2 img { border-radius: 100px 0 100px 0!important; border: 2px solid #0095db!important;  }
.custom-border-radius-3, .custom-border-radius-3 img { border-radius: 100px 100px 100px 0;  border: 2px solid #0095db!important;}
.custom-border-radius-4, .custom-border-radius-4 img { border-radius: 200px 10px 10px 10px; border: 2px solid #0095db!important; }
.custom-border-radius-5, .custom-border-radius-5 img { border-radius: 0 0 100px 0; border: 2px solid #0095db!important;}
.custom-border-radius-6, .custom-border-radius-6 img { border-radius: 100px 0px 0px 0px; border: 2px solid #0095db!important; }
.custom-border-radius-7, .custom-border-radius-7 img { border-radius: 100px 100px 0px 100px;  border: 2px solid #0095db!important;}
.custom-border-radius-8, .custom-border-radius-8 img { border-radius: 50%;  border: 0px solid #0C3050!important; }
.custom-border-radius-9, .custom-border-radius-9 img { border-radius: 0px 100px 100px 100px;  border: 1px solid #0095db!important;}
.custom-border-radius-10, .custom-border-radius-10 img { border-radius: 100px 0px 100px 100px;  border: 1px solid #0095db!important;}
.custom-border-radius-11, .custom-border-radius-11 img { border-radius: 50%;  }
.custom-btn-1 { width: 200px; height: 200px; line-height: 190px; border-radius: 100% !important; white-space: nowrap; margin: 0 auto; }





@media (max-width: 575px) {
/*vier fotos cirkel plus logo - afbeelding*/	
.custom-el-3 { width: 100%; max-width: 150px; height: 150px; position: relative; overflow: hidden; }

	/*twee fotos cirkel plus logo*/
/*foto 1*/
.custom-el-8 { width: auto!important; right: -20px; max-width: 220px!important; height: 220px!important; position: relative; overflow: hidden; background-color:#0095db; }
.custom-el-3-pos-8 { margin-top: 1%!important; }
/*foto 2*/
.custom-el-9 { width: auto!important; left: 90px!important;  max-width: 220px!important; height: 220px!important; position: relative; overflow: hidden; background-color:#0095db; }
.custom-el-3-pos-9 { margin-top: -42%!important; }
/*logo*/
.custom-el-10 { width: 200px; max-width: 200px; height: 100%; margin-top: -45%!important;  z-index: 5!important; }

/*foto 1 groot*/
.custom-el-11 { width: 330px!important; height: 330px!important; position: relative; overflow: hidden; margin: auto;  background-color:#0095db; }
.custom-el-3-pos-11 { margin-top: 12%!important; }

/*logo - afbeelding*/
.custom-el-12 { width: 180px!important; max-width: 180px!important; height: 100%;  z-index: 5!important; margin-top: -15%!important; margin-left: 170px!important;}
	
.d-none-mobile{ display: none!important;  }	
.d-none{ display: none!important;  }	
}






/*###################################
end custom css
####################################*/

/*###################################
widgets sidebar port-item recente berichten formaat title
####################################*/

.post-item-small .post-image img{width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.15); }
.widget-title { color:#0C3050!important; font-size: 1.4em!important; text-transform: none!important; }

/*###################################
related posts image size
####################################*/

/* Related posts – image shadow fix */
.related-posts .thumb-info-wrapper {
    position: relative;
    overflow: visible !important;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.15) !important;
    border-radius: 0px !important;
	overflow: hidden !important;
}

/* Optioneel: image netjes vullen */
.related-posts .thumb-info-wrapper img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 0px !important;
}


.related-posts h4,
.related-posts h4 a {
    color: #0c3050 !important;
}



/*###################################
tag tagcloud
####################################*/

.tagcloud a{background:#0C3050!important;color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3)!important; padding:0.9rem 1.2em!important;border-radius:0rem!important;box-shadow: 0 3px 10px rgb(0 0 0 / 0.15);}
.tagcloud a:hover{background:#fea501!important;}

/* zoek page */
.alert-info{color:#ffffff!important; background-color:#fea501!important;border-color:#FEAE1B}

.alert-info .alert-link{color:#2c5c6b}
.alert-warning{color:#8e5e18;background-color:#fbebd4;border-color:#fae1bf}
.alert-warning .alert-link{color:#724b13}
.alert-danger{color:#7e1e1b;background-color:#f6d6d5;}





/* Contact Form css */

	
.custom-input-box .form-control { background-color: rgba(255, 255, 255, 0.6)!important;
 border-radius: 3px!important; font-weight:600!important;
    border: 1px solid #dadada!important; 
    color: #0095db!important;   height: 50px!important; padding-left: 50px; 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0.5px 0.5px 0.5px;}
	
.custom-input-box .form-control:hover { background-color: rgba(255, 255, 255, 0.6)!important;
	border: 1px solid #dadada!important;
	
     }

	
     
	
.custom-input-box { position: relative; margin-top: 30px;  }
.custom-input-box i { color: #0095db!important; font-weight:600!important; font-size: 1.5em; left: 16px; position: absolute; top: 16px; z-index: 9; }
.custom-input-box textarea.form-control {  background: background-color: rgba(255, 255, 255, .6)!important; 
    border: 1px solid #e2e2e2!important; 
    color: #0095db!important; font-weight:600!important; height: 0; min-height: 130px; padding-top: 14px; }

.form-group .custom-input-box .wpcf7-radio  {  background: background-color: rgba(255, 255, 255, .6)!important; 
    border: 1px solid #e2e2e2!important; 
	height: auto!important;
    color: #0c3050!important; 
	padding: 16px!important;
	 }  

 .wpcf7-form .wpcf7-text::placeholder { color: #0095db!important; }
 .wpcf7-form textarea.form-control::placeholder { color: #0095db!important; }

.custom-input-box .wpcf7-radio:hover  {  color: #0C3050!important; background-color: rgba(255, 255, 255, .6)!important;
	border: 1px solid #0C3050!important; }
	
input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #EFEFEF;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #E2E2E2;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #0C3050;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #0A253F;
    }

span.wpcf7-list-item{margin-left:0.05em;margin-right:2em}

.wpcf7-form .wpcf7-text {margin-bottom: -16px;}
.wpcf7-form textarea.form-control {margin-bottom: -16px;}

.custom-contact-form-style .form-control { height: calc(1.8em + 1.85rem + 1px); padding: 0.975rem 1.25rem; }
.custom-contact-form-style textarea.form-control { height: 140px; background-color: rgba(255, 255, 255, .0)!important; }
.custom-contact-form-style .custom-btn-style-1 { font-size: 1em; font-weight: 700; }					



.submit-btn .wpcf7-submit { margin-top: 20px; 
	min-width: 200px!important;  align: left!important; padding-left: 10px!important; padding-rigth: 10px!important; padding-top: 20px;  padding-bottom: 20px; background: rgba(255, 255, 255, 0.3)!important; border: none; color: #0095db!important; font-size: 1.2em; border-radius: 3px!important; font-weight:600!important; letter-spacing: -1px!important;

 }
.submit-btn .wpcf7-submit:hover {min-width: 200px!important;  align: left!important;  background: rgba(255, 255, 255, 0.6)!important; border: none; color: #fea501!important; font-size: 1.2em; border-radius: 0px!important;	
	}

			
.wpcf7-form input[type="text"] {
    background-color: rgba(255, 255, 255, .6)!important;
    border: 1px solid #dadada!important; 
    color: #0095db!important; 
	 border-radius: 3px!important;
            
}

input.wpcf7-submit {
   
  border: 1px solid #dadada!important; 
     border-radius: 3px!important;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0.5px 0.5px 0.5px;}
	
}



.wpcf7-not-valid-tip {
    color: #fea501!important;
    font-size: 1.2em;
	font-weight: 600!important;
	margin-top: 0px!important;
    font-weight: normal;
    display: block;
	margin-bottom: 10px;
}
			
.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #fea501!important; 
	opacity: 1;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}
.Simple-Line-Icons-user:before { color: #0095db!important; font-weight: 500!important;  }
.Simple-Line-Icons-envelope:before { color: #0095db!important; font-weight: 500!important;  }
.Simple-Line-Icons-bubble:before { color: #0095db!important; font-weight: 500!important;  }
.Simple-Line-Icons-pencil:before { color: #0095db!important; font-weight: 500!important; }
.Simple-Line-Icons-location-pin:before { color: #0095db!important; font-weight: 500!important; }
.Simple-Line-Icons-phone:before { color: #0095db!important; font-weight: 500!important; }
.Simple-Line-Icons-globe:before { color: #0095db!important; font-weight: 500!important; }
.Simple-Line-Icons-settings:before { color: #0095db!important; font-weight: 500!important; }
.Simple-Line-Icons-speedometer:before { color: #0095db!important; font-weight: 500!important; }
.Simple-Line-Icons-briefcase:before { color: #0095db!important; font-weight: 500!important; }


.contact-info .feature-box-icon { color: #0C3050 !important; margin-top: 4px; }
.wpcf7-response-output{ color: #ffffff!important; background-color:#fea501!important; border: 1px solid #fea501!important;  border-left-width: 4px; border-left-color: #fea501!important; box-shadow: 0 1px 1px rgba(0,0,0,.04)!important; padding: 22px 30px !important; margin-left:0px!important; border-radius:0px!important;}

.porto-notice { color: #ffffff!important; background-color:#fea501!important; border: 1px solid #fea501!important;  border-left-width: 4px; border-left-color: #fea501!important; box-shadow: 0 1px 1px rgba(0,0,0,.04)!important; padding: 22px 30px !important; border-radius:0px!important;}
		  


/* Contact Page */
.contact-page .contact-desc .background-text { top: 110px; left: -206px; }
.call a { color: #777; transition: color .3s; }
.call a:hover, .call a.active { color: #202d3e; text-decoration: none; }
		

/* Shortcode:Contact Form 7
-------------------------------------------------------------------- */






/* verde plugin bij plugin zelf style */

#home {
   
   
	
    
	background: rgba(12, 48, 80, 0.5)!important;
	
	padding: 10px!important;

	-webkit-box-shadow: 0px 0px 5px rgba(12, 48, 80,0.8)  !important;
	-moz-box-shadow: 0px 0px 5px rgba(12, 48, 80,,0.8) !important;
	box-shadow: 0px 0px 5px rgba(12, 48, 80,0.8) !important;
	
	-webkit-transition : box-shadow 0.3s ease-in-out!important;
	-moz-transition    : box-shadow 0.3s ease-in-out!important;
	-ms-transition     : box-shadow 0.3s ease-in-out!important;
	-o-transition      : box-shadow 0.3s ease-in-out!important;
	transition         : box-shadow 0.3s ease-in-out!important;
}

/*###################################
Complianz
####################################*/
 /* Container */
.cmplz-cookiebanner {
 
  border-style: solid;
  border-color: #EF9C01!important;
  background: #fea501!important;
  border-width: 1px!important;
  border-radius: 0px!important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
}
 
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
	margin-top:10px;
  background-color: #FEC75F!important;
}
/* Message */
.cmplz-cookiebanner .cmplz-message {
  word-wrap: break-word;
  font-size: 13px!important;
  line-height: 1.1;
  color:#0A253F!important;
  margin-bottom: 15px;
  font-weight: 500!important;
 
}
.cmplz-message {
	word-wrap: break-word;
  font-size: 13px!important;
  line-height: 1.1;
  color:#0A253F!important;
  font-weight: 500!important;
  margin-bottom: 15px;
  }

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
  
  font-weight: 700!important;
  color: #0A253F!important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
  grid-column-start: 3;
  cursor: pointer;
  content: '';
  background: #FEC75F!important;
  color: #0A253F!important;
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-size: cover;
  height: 25px;
  width: 25px;
  margin: 0 5px;
font-weight: 700!important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category[open] .cmplz-icon.cmplz-open {
  transform: rotate(180deg);
  color: #0A253F!important;
}
/* Title */
.cmplz-cookiebanner .cmplz-title{
	font-weight: 700!important;
  color: #0A253F!important;
 
  }

/* Close icon */

:root {

  --cmplz_category_open_icon_url: url(/images/down-cmplz.png)!important;
  --cmplz-manage-consent-height: 50px;
  --cmplz-manage-consent-offset: -5px!important;
 
}
/* Manage consent tab */
#cmplz-manage-consent .cmplz-manage-consent{
 font-weight: 600!important;
  min-width: 100px;
  height: 60px!important;
  right: 60px!important;
  bottom: -10px!important;
  padding-top: 25px!important;
   padding-top: 15px!important;
  margin: 10px!important;
  border-radius: 0px!important;
  border-style: solid;
  border-color: #EF9C01!important;
  border-width: 1px!important;
  
}

/* All buttons */
.cmplz-buttons .cmplz-btn{border-radius: 0px!important;}
/* Accept button */
.cmplz-btn .cmplz-accept{border-radius: 0px!important;} 
 /* Deny button */
.cmplz-btn .cmplz-deny{border-radius: 0px!important;}
 /* Save preferences button */
.cmplz-btn .cmplz-deny{border-radius: 0px!important;}
 /* View preferences button */
.cmplz-btn .cmplz-deny{border-radius: 0px!important;}

 /* Document hyperlinks */
.cmplz-links .cmplz-documents {
	
}
.cmplz-links  {
	margin-top: 10px!important;
	font-weight: 800!important;
	
}
/*###################################
Complianz
####################################*/



/*###################################
google recaptcha v2 vinkje
####################################*/ 
 
 
.grecaptcha-badge { visibility: hidden!important; }

.g-recaptcha {
	
	margin-top:40px!important; 
	padding-left: 0px!important; 
    transform:scale(0.77)!important; 
    transform-origin:0 0!important; 
	
	margin-bottom: -15px!important; 
}
.g-recaptcha iframe{
	
	
}
 




/*###################################
arrow header
####################################*/
.arrow-thin {
  margin-bottom: 20px!important;
}



.icon-svg{
  position: relative!important;
left: 50%!important;
-webkit-transform: translateX(-50%)!important;
-ms-transform: translateX(-50%)!important;
transform: translateX(-50%)!important;
 }
 
/*###################################
end arrow header
####################################*/ 
/*###################################
zoom in service afbeeldingen
####################################*/

.image-container-service {
    overflow: hidden;
    display: inline-block;
    position: relative; /* Zorgt voor correcte positionering binnen de slider */
    z-index: 1; /* Zorgt ervoor dat de afbeelding bovenop andere content ligt */
}

.image-container-service img {
    display: block;
    width: auto; /* Verwijder het gebruik van 100% breedte */
    max-width: 100%; /* Houd de afbeelding binnen de container */
    height: auto;
    transition: transform 2s ease;
    animation: zoom-in 5s ease forwards;
    backface-visibility: hidden; /* Verbetert de prestaties bij het zoomen */
    will-change: transform; /* Laat de browser weten dat dit element gaat veranderen */
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.zoom-in-image img,
.zoom-in-image .text-overlay {
	max-width:100%;
	max-height: 100%!important;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.9s ease-in-out, opacity 0.9s ease-in-out;

}

.zoom-in-image img.zoomed,
.zoom-in-image .text-overlay.zoomed {
  opacity: 1;
  animation: zoomIn 0.9s ease-in-out forwards;
}


.text-overlay {
  position: absolute;
  top: 45%!important;
  left: 0!important;
  right: 0!important;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 2px 2px 5px black;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

.text-overlay strong {
  display: block;
}






 /*###################################
end zoom in service afbeeldingen
####################################*/

/* Alle datums verbergen */
.post-meta,
.post-date,
.latest-posts .date,
.widget_recent_entries .post-date,
.recent-posts .date,
.entry-date,
.meta-date,
.blog-meta,
.porto-sicon-wrapper .meta,
.meta,
.porto-post-date {
    display: none !important;
}

/* Soms gebruikt Porto :before voor datum-bolletjes */
.post-date:before,
.latest-posts .date:before {
    display: none !important;
}


html #topcontrol {background-color: #0095db; 
    border: 1px solid #008ACC;
	color: #fff!important;
	width: 50px;      
    height: 50px;
	border-radius: 50%!important;
	bottom: 10px!important;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	}
html #topcontrol:hover {background-color: #0095db; 
   opacity: 0.9!important;
   transform: translateY(-3px) !important;
   box-shadow: 0 12px 28px rgba(0,0,0,.22)!important;
	}
@media (max-width: 767px) {
    html #topcontrol {
		width: 50px;      
    	height: 50px;
		bottom: 10px!important;
		right: 10px !important;
        display: inline-block !important;
    }
}