#home-banner-bg .slick-dots .slick-active button{
	display: inline-block;
}

#home-banner-bg .slick-dots {
    position: absolute;
    bottom: 50%;
    right: 10px;
    width: auto;
    text-align: center;
	gap: 10px;
	display: flex;
	flex-direction: column;
}
#home-banner-bg .slick-dots button{
	display: none;
	color: black;
	background: none;
	border: none;
	opacity: 0;
	transition: opacity 0.3s;
	color: #000000;
	background: none;
	border: none;
	margin-right: 20px;
	padding-left: 10px; /* ruimte voor bolletje */
	opacity: 0; /* tekst standaard onzichtbaar */
	cursor: pointer;
	transition: opacity 0.3s;
	font-size: 14px;
}

#home-banner-bg .slick-dots .slick-active button{
	opacity: 1;
}


#home-banner-bg .slick-dots li{
	position: relative;
	list-style: none;
	height: 20px;
}

#home-banner-bg .slick-dots li .slick-active button,
#home-banner-bg .slick-dots li.slick-active button{
	opacity: 1; /* enkel actieve zichtbaar */
	display: flex;
}

#home-banner-bg .slick-dots li.slick-active{
	border: rgba(128,128,128,0.5) 1px solid;
	border-radius: 15px;
	background-color: rgba(256,256,256,0.7);
	padding: 0 !important;
}

/* bolletje altijd zichtbaar */
#home-banner-bg .slick-dots li::after{
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(256,256,256,0.7);
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	cursor: pointer;
	margin-right: 5px;
}

.js .search-box::before{
	background-color: rgba(15, 140, 68, 0.8);
}

.search-result-tilte .readMore{
	color: #0f8c44 !important;
}

a.readMore{
	color: #0f8c44 !important;
}


html,
button,
input,
select,
textarea {
    color: #333;
}
h2{
	color: #0f8c44;
}
a {
    color: #0f8c44;
}
.blue-text{ /*becomes green-text*/
	color: #0f8c44;
}
#header-wrapper {

/*	background-color: #084237;*/
}
#home-banner-content::before {
	background-color: #0f8c44;
    clip-path: none;
	border-radius: 0 200px 200px 0;
}
#banner-content::before {
	background-color: #0f8c44;
    clip-path: none;
	border-radius: 0 200px 200px 0;
}


#ajax-content{
	background-image: url("../../img/achtergrond_boven_OP.svg");
	background-repeat: no-repeat;
}
#default-nav li.menuitem a {
	color: #000;
}
#default-nav ul.main-nav li.menuitem:hover > a{
	color: #0f8c44 !important;
	/*border-bottom: 1px solid #d697ff;*/
}
#default-nav ul.main-nav > li.menuitem.active > a{
	color: #0f8c44;
/*	border-bottom: 5px solid #0F5199*/
}
#default-nav li.menuitem a::after {
  background-color: #0f8c44 ; /* uses the same color as text */
}

.menuitem:not(:last-of-type) a::after{
    content: "";
    position: absolute;
    right: -14px; /* zet hem aan de rechterkant */
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #00C853;
    border-radius: 50%;
}

.sbj-partner-btn{
    background-color: #fff;
	border-radius: 25px;
    border: 1px solid #000;
    color: #000;  
}
.sbj-partner-btn a{
	color: #000000 !important;
}

.btn:hover{
	color: #fff ;
	background-color: #0f8c44;
}

.sbj-partner-btn:hover{
	border: 1px solid #000;
	background-color: #0f8c44;
}
.btn{
    background-color: #0f8c44;
    border: 1px solid #0f8c44;
    color: #fff;  
	border-radius: 25px;
}
.btn:hover{
	color: #0f8c44 ;
	background-color:rgba(0,0,0,0.00);
}

#banner-content .btn-alt {
    background-color: transparent;
    color: #fff;
}

#banner-content .btn-alt:hover {
    background-color: #0f8c44;
    color: #fff;
}
#pro-img-header .btn-alt::after{
	content: '\f061';
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	font-size: 19px;
	padding-left: 0px;
	position: relative;
	float: left;
	transform: rotate(180deg);
}

.btn-alt{
    background-color:rgba(0,0,0,0.00);
    /*border: 1px solid #0f8c44;*/
	border: none;
    color: #58595B;
	border-radius: 25px;
	display: flex;
    align-items: center;
	padding: 0px 12px 0px 12px;
	/*font-weight: bold;*/
}

.btn-alt::after{
	background-color: #0f8c44;
	border: 1px solid #0f8c44;
	border-radius: 25px;
	color: white;
	padding: 0;
	margin-left: 18px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}
.btn-alt:hover::after{
	background-color: gray;
	border: 1px solid gray;
}
.btn-alt:hover{
    color: #0f8c44; /* tekstkleur van de link */
}


.btn-alt:hover{
	/*color: #fff ;
	background-color: #0f8c44;*/
}
#home-banner-content #b-inner-right .btn-alt, .pro-cat-btn-wrapper .btn-alt, .news-btn-wrapper .btn-alt{
    padding: 0;
}

/*
.btn-alt-negative{
    background-color: transparent;
    border: 1px solid #aae5c2;
    color: #aae5c2;
}
*/

/*
.btn-alt-negative:hover{
	background-color: #aae5c2;
	color: #084237;
}
.btn-pacs{
    background-color: #aae5c2;
    border: 1px solid #aae5c2;
    color: #084237;
}
.btn-pacs:hover{
	color: #aae5c2 ;
	background-color: transparent;
}
*/
/*
#banner-overlay{
	background-image: linear-gradient(to bottom right, rgba(8,66,55,0.8), rgba(8,66,55,0.4));	
}
*/
/*
#home-banner-content h2{
    color: #d697ff;
}
*/
/*CONTENT*/

#color-content-wrapper{
	background-color: #0f8c44;
}
/*SUBPAGE MENU (in page content)*/
/*
#subpages-wrapper{
    background-color: #084237;
}
#subpage-items .subpage-tile{
    border-left: 1px solid #aae5c2;
}
.subpage-tile-content h2{
    color: #aae5c2;
}
.subpage-tile-content h3{
    color: #aae5c2;
}
.subpage-tile-content p{
    color:  #aae5c2;
}
#subpage-items .arrow{
    color: #aae5c2;
}
.subpage-tile:hover h3 {
  color: #d697ff; 
} 
*/


#testimonial-wrapper{
	background-color: #ECF6F1;
}
.testimonial-img{
   	border-radius: 50%;
	overflow: hidden;
}
.testimonial-icon{
    color: #0f8c44;
}

.news-left,.news-right,.pro-cat-left,.pro-cat-right,.pro-img-left,.pro-img-right{
	color: #fff;
	background-color: #0f8c44;
	font-size: 26px;
	border-radius: 50%;
	
}


.subpage-tile-title{
	color: #58595B;
}
.subpage-tile-content h2{
    font-size: 25px;
    color: #333;
    margin: 0;
}
.subpage-tile-content p{
    color:  #333;
}
.subpage-tile-content{
    padding: 30px;
	/*margin-bottom: 30px;*/
    flex-grow: 1; /* neemt alle ruimte boven de knop */
	background-color: #eee;
	border-radius: 10px;
}
.tile-color{
	background-color: #eee;
	border-radius: 10px;
}

.tile-color:hover{
	background-color: #0f8c44;
}

.subpage-tile-content:hover {
    background-color: #0f8c44;
}

.collapsible.tile.tile-color:not(.open):hover, .subpage-tile-content:hover{
	background-color: #0f8c44;
}
.collapsible.open.tile.tile-color:hover{
	background-color: #eee;
}
.project-tile-info .tile-arrow-link{
	color: #0f8c44;
}

#projects .tile:hover .project-tile-info h3 {
    color: #0f8c44;
}

#projects .tile .project-tile-info svg {
    color: #0f8c44;
}

#projects .tile:hover .project-tile-info svg {
    color: #000;
}

.subpage-tile:has(.btn-alt:hover) .subpage-tile-content {
    background-color:  #0f8c44;
	color: #fff;
    transition: 0.3s ease-in-out;
}

.subpage-tile:has(.btn-alt:hover) .subpage-tile-title,  .subpage-tile:has(.btn-alt:hover) .subpage-tile-inner p, .subpage-tile:has(.btn-alt:hover) .subpage-tile-img{
	color: #fff;
    filter: brightness(0) invert(1);
}

.subpage-tile-content .btn-alt{
	border: 1px solid #0f8c44;
}

.subpage-tile-content .btn-alt::after{
	content: none;
}


.subpage-tile .btn-alt:hover{
	background-color: #fff;
	color: #0f8c44;
	transition: 0.3s ease-in-out;
}
.cat-tile .inner h2{
	color: #58595B;
}
.cat-tile .tile-arrow-link{
	color: #333;
}
.news-tile a:hover {
    color: #0f8c44;
}
.tile-arrow-link a:hover{
    color: #0f8c44;
}

.arrow-bottom .fa-arrow-right{ 
    color: #58595B;
}
.news-tile a, .news-item a{
    color: #58595B !important;
    text-decoration: none;
}

.news-tile a:hover .tile-arrow-link, .news-item a:hover .tile-arrow-link{
    color: #0f8c44;
    text-decoration: none;
}

.info-banner{
    background-image: linear-gradient(to right, rgba(170,229,194,1) 0%, rgba(170,229,194,1) 72%, rgba(214,151,255,1) 100%);
}
#info-banner-content h2{
	color: #084237; 
}
.highlight {
	background-color: #084237;
	color: #aae5c2;
}
.highlight h2{
	color: #d697ff;
}
.highlight li,.highlight ul,.highlight p{
	color: #aae5c2;
}
.collapsible-title{
	color: #333;
	border-radius: 25px;
}

.collapsible.open{
	grid-column: 1 / -1;
	background-color: #eee;
}
.collapsible.open .collapsible-title {
    background-color: #eee;
}
.collapsible-title {
	/*background-color: #eee;*/
}
/* Hover alleen als tile NIET open is */
.collapsible.tile:not(.open):hover .tile-location,
.collapsible.tile:not(.open):hover .tile-info h2,
.collapsible.tile:not(.open):hover .vac-tile-arrow-link,
.subpage-tile-content:hover .subpage-tile-title,
.subpage-tile-content:hover .subpage-tile-inner p{
    color: #fff;
}

.subpage-tile-content:hover .btn-alt{
	background-color: #fff;
	color: #0f8c44;
}
/* Hover effect voor niet-open tile */
.collapsible.tile:not(.open):hover .subpage-tile-img img , .subpage-tile-content:hover .subpage-tile-img img{
    filter: brightness(0) invert(1); /* maakt afbeelding wit */
}
#footer-wrapper {
    background-color: #F2F2F2;
}
.footer-title{
	color: #333;
}
#footer a:hover{
	color: #0f8c44;
}
#footer a::after {
  background-color: #0f8c44;
}
#footer a:not(.footer-logo-link)::after {

  background-color: #0f8c44; /* uses the same color as text */
}

#footer-backToTop .btn-arrow{
	background-color: #e22528;
	border-radius: 50%;

}
#content li:not(.opt)::before {
	color: #0f8c44;
}

.menui {
	background-color:#0f8c44;
}
.top-animate {  
	background: #0f8c44!important;
}
.bottom-animate {
	background: #0f8c44!important;
}
/* PRIVACY */

#privacy-wrapper{
	background-color: #333;
}
#privacy-wrapper a{
	color: #fff;	
}
#privacy-wrapper ul.main-nav li.menuitem:not(:last-child):after {
    color: #084237a;
}
.fa-map-marker{
	color: #0f8c44 !important;
}


@media only screen and (max-width: 1150px) {
    
	#default-nav {
		background-color: #fff !important;
	}
    
    #default-nav ul.main-nav li.menuitem:hover > a {
      color: #0f8c44 !important;
    }
    
    #subpage-items .subpage-tile {
    border-left: 1px solid #0f8c44 !important;
  }
	
	.menuitem:not(:last-child) a::after {
    display: none;
    }
    
    
}

@media only screen and (max-width: 767px) {
	#home-banner-content::before {
		clip-path: none;
		border-radius: 0;
	}
	#banner-content::before {
		clip-path: none;
		border-radius: 0;
	}
    
    #hb-inner-left, #b-inner-left{
        background-color: #0f8c44;
        
    }
	
}

@media (max-width: 479px) {
  #subpage-items {
    grid-template-columns: 1fr !important;
  }

  #subpage-items .subpage-tile {
    border-left: none !important;
    padding-left: 0 !important;
  }	
	
	
}