/* scoutingtc4 styling 
	 * 20210122 - news h3 fix
	 *
	 * Groen #00A551
	 * Blauw #0066B2
	 * Rood #E1071A
	 * Geel #FCDD17
	 * Oranje #F2940A
	 * Paars #921C7F
*/

/* HOOFDKLEUR - DEFAULT GROEN --------------------- */

/* Hoofdkleur blauw ----- */
.mblauw .text-success, 
.mblauw h1,
.mblauw .navbar-light .navbar-nav .nav-link:hover,
.mblauw .navbar-light .navbar-nav .active > .nav-link,
.mblauw .navbar-light .navbar-nav .nav-link.active,
.mblauw #tc4-featured h3,
.mblauw #tc4-featured ul.links li a,
.mblauw .buttonlink {
	color: #0066B2!important;
}

.mblauw .bg-success {
	background-color: #0066B2!important;
}
.mblauw #tc4-divider {
	border-top: 4px dotted #0066B2!important;	
}
.mblauw .bottom-b .moduletable {
	border: 3px solid #0066B2!important;
}
.mblauw .showcase-skyline::before {
	background-image: url(../images/skyline-blauw.png);
}
.mblauw .footer-grass {
	background-image: url(../images/grass-blauw.png);
}
.mblauw a.search:hover i,
.mblauw a.phone:hover i,
.mblauw a.contact:hover i,
.mblauw .navbar-light .navbar-toggler:hover i {
	color: #0066b2;
}
.mblauw .bottom-a .moduletable {
	background: rgba(0,102,178,0.2);		
}

/* Hoofdkleur rood ----- */
.mrood .text-success, 
.mrood h1,
.mrood .navbar-light .navbar-nav .nav-link:hover,
.mrood .navbar-light .navbar-nav .active > .nav-link,
.mrood .navbar-light .navbar-nav .nav-link.active,
.mrood #tc4-featured h3,
.mrood #tc4-featured ul.links li a,
.mrood .buttonlink {
	color: #E1071A!important;
}
.mrood .bg-success {
	background-color: #E1071A!important;
}
.mrood #tc4-divider {
	border-top: 4px dotted #E1071A!important;	
}
.mrood .bottom-b .moduletable {
	border: 3px solid #E1071A!important;
}
.mrood .showcase-skyline::before {
	background-image: url(../images/skyline-rood.png);
}
.mrood .footer-grass {
	background-image: url(../images/grass-rood.png);
}
.mrood a.search:hover i,
.mrood a.phone:hover i,
.mrood a.contact:hover i,
.mrood .navbar-light .navbar-toggler:hover i {
	color: #E1071A;
}
.mrood .bottom-a .moduletable {
	background: rgba(255,7,26,0.2);		
}

/* Hoofdkleur geel ----- */
.mgeel .text-success, 
.mgeel h1,
.mgeel .navbar-light .navbar-nav .nav-link:hover,
.mgeel .navbar-light .navbar-nav .active > .nav-link,
.mgeel .navbar-light .navbar-nav .nav-link.active,
.mgeel #tc4-featured h3,
.mgeel #tc4-featured ul.links li a,
.mgeel .buttonlink {
	color: #FCDD17!important;
}
.mgeel .bg-success,
.mgeel .text-light,
.mgeel #tc4-footer a, .mgeel #tc4-footer.text-light {
	color: #333!important;
}
.mgeel .bg-success {
	background-color: #FCDD17!important;
}
.mgeel #tc4-divider {
	border-top: 4px dotted #FCDD17!important;	
}
.mgeel .bottom-b .moduletable {
	border: 3px solid #FCDD17!important;
}
.mgeel .showcase-skyline::before {
	background-image: url(../images/skyline-geel.png);
}
.mgeel .footer-grass {
	background-image: url(../images/grass-geel.png);
}
.mgeel a.search:hover i,
.mgeel a.phone:hover i,
.mgeel a.contact:hover i,
.mgeel .navbar-light .navbar-toggler:hover i {
	color: #FCDD17;
}
.mgeel .bottom-a .moduletable {
	background: rgba(252,221,23,0.2);		
}

/* Hoofdkleur oranje ----- */
.moranje .text-success, 
.moranje h1,
.moranje .navbar-light .navbar-nav .nav-link:hover,
.moranje .navbar-light .navbar-nav .active > .nav-link,
.moranje .navbar-light .navbar-nav .nav-link.active,
.moranje #tc4-featured h3,
.moranje #tc4-featured ul.links li a,
.moranje .buttonlink {
	color: #F2940A!important;
}
.moranje .bg-success {
	background-color: #F2940A!important;
}
.moranje #tc4-divider {
	border-top: 4px dotted #F2940A!important;	
}
.moranje .bottom-b .moduletable {
	border: 3px solid #F2940A!important;
}
.moranje .showcase-skyline::before {
	background-image: url(../images/skyline-oranje.png);
}
.moranje .footer-grass {
	background-image: url(../images/grass-oranje.png);
}
.moranje a.search:hover i,
.moranje a.phone:hover i,
.moranje a.contact:hover i,
.moranje .navbar-light .navbar-toggler:hover i {
	color: #F2940A;
}
.moranje .bottom-a .moduletable {
	background: rgba(242,148,10,0.2);		
}

/* Hoofdkleur paars ----- */
.mpaars .text-success, 
.mpaars h1,
.mpaars .navbar-light .navbar-nav .nav-link:hover,
.mpaars .navbar-light .navbar-nav .active > .nav-link,
.mpaars .navbar-light .navbar-nav .nav-link.active,
.mpaars #tc4-featured h3,
.mpaars #tc4-featured ul.links li a,
.mpaars .buttonlink {
	color: #921C7F!important;
}
.mpaars .bg-success {
	background-color: #921C7F!important;
}
.mpaars #tc4-divider {
	border-top: 4px dotted #921C7F!important;	
}
.mpaars .bottom-b .moduletable {
	border: 3px solid #921C7F!important;
}
.mpaars .showcase-skyline::before {
	background-image: url(../images/skyline-paars.png);
}
.mpaars .footer-grass {
	background-image: url(../images/grass-paars.png);
}
.mpaars a.search:hover i,
.mpaars a.phone:hover i,
.mpaars a.contact:hover i,
.mpaars .navbar-light .navbar-toggler:hover i {
	color: #921C7F;
}
.mpaars .bottom-a .moduletable {
	background: rgba(126,28,127,0.2);		
}

/* STEUNKLEUR - DEFAULT BLAUW --------------------- */

/* Steunkleur geel ----- */
.sgeel .text-primary,
.sgeel .text-secondary,
.sgeel a,
.sgeel a.text-success:focus, .sgeel a.text-success:hover,
.sgeel #tc4-featured ul.links li a:hover  {
	color: #999!important;
}
.sgeel .bg-primary {
	background-color: #FCDD17!important;
}
.sgeel #searchForm .btn,
.sgeel .btn-primary:hover,
.sgeel .btn-primary {
	background-color: #FCDD17!important;
	border-color: #FCDD17!important;
	color: #555!important;
}
.sgeel .btn-secondary:hover,
.sgeel .btn-secondary {
	color: #fff!important;
}
.sgeel .navbar-light .navbar-toggler i {
	color: #FCDD17;
}
.sgeel a.text-danger {color:#ec1c24!important;} /* header message blijft rood! */

/* Steunkleur groen ----- */
.sgroen .text-primary,
.sgroen .text-secondary,
.sgroen a,
.sgroen a.text-success:focus, .sgroen a.text-success:hover,
.sgroen #tc4-featured ul.links li a:hover  {
	color: #00A551!important;
}
.sgroen .bg-primary {
	background-color: #00A551!important;
}
.sgroen #searchForm .btn,
.sgroen .btn-primary:hover,
.sgroen .btn-primary {
	background-color: #00A551!important;
	border-color: #00A551!important;
	color: #FFF!important;
}
.sgroen .btn-secondary:hover,
.sgroen .btn-secondary {
	color: #fff!important;
}
.sgroen .navbar-light .navbar-toggler i {
	color: #00A551;
}
.sgroen a.text-danger {color:#ec1c24!important;} /* header message blijft rood! */

/* Steunkleur rood ----- */
.srood .text-primary,
.srood .text-secondary,
.srood a,
.srood a.text-success:focus, .srood a.text-success:hover,
.srood #tc4-featured ul.links li a:hover  {
	color: #E1071A!important;
}
.srood .bg-primary {
	background-color: #E1071A!important;
}
.srood #searchForm .btn,
.srood .btn-primary:hover,
.srood .btn-primary {
	background-color: #E1071A!important;
	border-color: #E1071A!important;
	color: #FFF!important;
}
.srood .btn-secondary:hover,
.srood .btn-secondary {
	color: #fff!important;
}
.srood .navbar-light .navbar-toggler i {
	color: #E1071A;
}
.srood a.text-danger {color:#ec1c24!important;} /* header message blijft rood! */

/* Steunkleur oranje ----- */
.soranje .text-primary,
.soranje .text-secondary,
.soranje a,
.soranje a.text-success:focus, .soranje a.text-success:hover,
.soranje #tc4-featured ul.links li a:hover  {
	color: #F2940A!important;
}
.soranje .bg-primary {
	background-color: #F2940A!important;
}
.soranje #searchForm .btn,
.soranje .btn-primary:hover,
.soranje .btn-primary {
	background-color: #F2940A!important;
	border-color: #F2940A!important;
	color: #FFF!important;
}
.soranje .btn-secondary:hover,
.soranje .btn-secondary {
	color: #fff!important;
}
.soranje .navbar-light .navbar-toggler i {
	color: #F2940A;
}
.soranje a.text-danger {color:#ec1c24!important;} /* header message blijft oranje! */

/* Steunkleur paars ----- */
.spaars .text-primary,
.spaars .text-secondary,
.spaars a,
.spaars a.text-success:focus, .spaars a.text-success:hover,
.spaars #tc4-featured ul.links li a:hover  {
	color: #921C7F!important;
}
.spaars .bg-primary {
	background-color: #921C7F!important;
}
.spaars #searchForm .btn,
.spaars .btn-primary:hover,
.spaars .btn-primary {
	background-color: #921C7F!important;
	border-color: #921C7F!important;
	color: #FFF!important;
}
.spaars .btn-secondary:hover,
.spaars .btn-secondary {
	color: #fff!important;
}
.spaars .navbar-light .navbar-toggler i {
	color: #921C7F;
}
.spaars a.text-danger {color:#ec1c24!important;} /* header message blijft rood! */