:root {
  --blauw:			#1070b7;
  --lichtblauw:		#b8d2e6;	
  --groen: 			#90c03f;
  --lichtgroen:		#dae9c2;
  --geel: 			#f8ea1b;
  --lichtgeel:		#fdfad1;  
}

.kb-button:not(.kb-btn-global-inherit),
.kb-form .kadence-blocks-form-field .kb-forms-submit{ border-color: var(--blauw) !important;}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2{border-color: var(--groen) !important; color:var(--groen) !important;}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2:hover{color:#fff !important; background-color:var(--groen) !important;}

.lint{background-color:var(--blauw) !important;}
.lint.kleur1{background-color:var(--blauw) !important;}
.lint.kleur2{background-color:var(--groen) !important;}

/* nav */
.main-navigation .primary-menu-container > ul > li.menu-item.highlight > a{background-color:var(--blauw); color:#fff; }
.main-navigation .primary-menu-container > ul > li.menu-item.highlight > a:hover{background-color:var(--lichtblauw); color:#fff;}
.main-navigation .primary-menu-container > ul > li.menu-item.highlight.current-menu-item > a{background-color:var(--groen); color:#fff;}



/* banner */ 
.home-banner:after,
.sub-banner:after{background-image:url('../images/scholen/tendarpeschole/vorm.svg');}


/* documenten */
.documenten-wrapper tr td p > a{border-color: var(--blauw);}
.documenten-wrapper tr td p > a:hover{color:#fff; background-color:var(--blauw);}


/* 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(--oranje);}
.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/tendarpeschole/vorm.svg');}
.post-template-default .entry-title{background-color:var(--blauw) !important; color:#fff !important;}
.post-template-default .entry-meta{color:var(--lichtblauw);}


/* footer */
footer#colophon:before{background-image:url('../images/scholen/tendarpeschole/vorm.svg');}