:root {
  --bruin:			#5a4b3f;
  --lichtbruin:		#C5A994;
  --donkergroen:	#4c877b;
  --groen: 			#5cbdb2;
  --lichtgroen:		#A3DED1;
}

.kb-button:not(.kb-btn-global-inherit),
.kb-form .kadence-blocks-form-field .kb-forms-submit{ border-color: var(--groen) !important;}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2{border-color: var(--bruin) !important; color:var(--bruin) !important;}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2:hover{color:#fff !important; background-color:var(--bruin) !important;}

.lint{background-color:var(--groen) !important;}
.lint.kleur1{background-color:var(--groen) !important;}
.lint.kleur2{background-color:var(--bruin) !important;}

/* nav */
.main-navigation .primary-menu-container > ul > li.menu-item.highlight > a{background-color:var(--groen); color:#fff; }
.main-navigation .primary-menu-container > ul > li.menu-item.highlight > a:hover{background-color:var(--lichtgroen); color:#fff;}
.main-navigation .primary-menu-container > ul > li.menu-item.highlight.current-menu-item > a{background-color:var(--bruin); color:#fff;}



/* banner */ 
.home-banner:after,
.sub-banner:after{background-image:url('../images/scholen/kievitshoek/vorm.svg');}


/* documenten */
.documenten-wrapper tr td p > a{border-color: var(--groen);}
.documenten-wrapper tr td p > a:hover{color:#fff; background-color:var(--groen);}


/* posts overzicht */
.wp-block-kadence-posts .content-bg{border:2px solid var(--lichtgroen);}
.wp-block-kadence-posts .entry-header .entry-title a{color:var(--groen);}
.wp-block-kadence-posts .entry-header .entry-title a:hover{color:var(--groen);}
.wp-block-kadence-posts .entry-header .entry-meta{color:var(--lichtgroen);}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link{background-color:#fff; color:var(--groen); border:2px solid var(--groen);}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link:hover{background-color:var(--groen); color:#fff;}


/* post single */
.post-template-default .post-thumbnail:after{background-image:url('../images/scholen/kievitshoek/vorm.svg');}
.post-template-default .entry-title{background-color:var(--groen) !important; color:#fff !important;}
.post-template-default .entry-meta{color:var(--lichtgroen);}


/* footer */
footer#colophon:before{background-image:url('../images/scholen/kievitshoek/vorm.svg');}
