/*
Style Colors
Version: 2.1
Theme_URI: https://www.lemon.nl
Date: 05/2025
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

/*************** COLORS ***************/

:root {
	--blue: 				#1a49c3;
	--darkblue: 			#00294e;
	--darkblue-hover: 		#001528;
	--orange: 				#ff5700;
	--orange-hover: 		#d54900;
	--turquoise: 			#31aca2;
	--turquoise-hover: 		#1d8f86;
	--lightblue: 			#e4ebf3;
	--lightorange: 			#fbc9b4;
	--white: 				#ffffff;
	--grey-light: 			#c8c8c8;
	--grey: 				#787878;
	--black: 				#001528;
}

.blue { color: var(--blue); }
.darkblue { color: var(--darkblue); }
.darkblue-hover { color: var(--darkblue-hover); }
.orange { color: var(--orange); }
.orange-hover { color: var(--orange-hover); }
.turquoise { color: var(--turquoise); }
.turquoise-hover { color: var(--turquoise-hover); }
.lightblue { color: var(--lightblue); }
.lightorange { color: var(--lightorange); }
.white { color: var(--white); }
.grey-light { color: var(--grey-light); }
.grey { color: var(--grey); }
.black { color: var(--black); }


.border-blue { border-color: var(--blue); }
.border-darkblue { border-color: var(--darkblue); }
.border-darkblue-hover { border-color: var(--darkblue-hover); }
.border-orange { border-color: var(--orange); }
.border-orange-hover { border-color: var(--orange-hover); }
.border-turquoise { border-color: var(--turquoise); }
.border-turquoise-hover { border-color: var(--turquoise-hover); }
.border-lightblue { border-color: var(--lightblue); }
.border-lightorange { border-color: var(--lightorange); }
.border-white { border-color: var(--white); }
.border-grey-light { border-color: var(--grey-light); }
.border-grey { border-color: var(--grey); }
.border-black { border-color: var(--black); }


.card-header .card-header { background-color: unset; }
.border-blue .card-header { background-color: var(--blue); }
.border-darkblue .card-header { background-color: var(--darkblue); }
.border-darkblue-hover .card-header { background-color: var(--darkblue-hover); }
.border-orange .card-header { background-color: var(--orange); }
.border-orange-hover .card-header { background-color: var(--orange-hover); }
.border-turquoise .card-header { background-color: var(--turquoise); }
.border-turquoise-hover .card-header { background-color: var(--turquoise-hover); }
.border-lightblue .card-header { background-color: var(--lightblue); }
.border-lightorange .card-header { background-color: var(--lightorange); }
.border-white .card-header { background-color: var(--white); }
.border-grey-light .card-header { background-color: var(--grey-light); }
.border-grey .card-header { background-color: var(--grey); }
.border-black .card-header { background-color: var(--black); }


.bg-blue { background-color: var(--blue); }
.bg-darkblue { background-color: var(--darkblue); }
.bg-darkblue-hover { background-color: var(--darkblue-hover); }
.bg-orange { background-color: var(--orange); }
.bg-orange-hover { background-color: var(--orange-hover); }
.bg-turquoise { background-color: var(--turquoise); }
.bg-turquoise-hover { background-color: var(--turquoise-hover); }
.bg-lightblue { background-color: var(--lightblue); }
.bg-lightorange { background-color: var(--lightorange); }
.bg-white { background-color: var(--white); }
.bg-grey-light { background-color: var(--grey-light); }
.bg-grey { background-color: var(--grey); }
.bg-black { background-color: var(--black); }


.content { color: unset; }

.content a:not(.btn) { color: var(--black); }
.link, .content a:hover { color: var(--black); }

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6, .bg-blue p, .bg-blue td, .bg-blue, .bg-blue a, .bg-blue a:hover,
.bg-darkblue h1, .bg-darkblue h2, .bg-darkblue h3, .bg-darkblue h4, .bg-darkblue h5, .bg-darkblue h6, .bg-darkblue p, .bg-darkblue td, .bg-darkblue, .bg-darkblue a, .bg-darkblue a:hover,
.bg-darkblue-hover h1, .bg-darkblue-hover h2, .bg-darkblue-hover h3, .bg-darkblue-hover h4, .bg-darkblue-hover h5, .bg-darkblue-hover h6, .bg-darkblue-hover p, .bg-darkblue-hover td, .bg-darkblue-hover, .bg-darkblue-hover a, .bg-darkblue-hover a:hover,
.bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4, .bg-orange h5, .bg-orange h6, .bg-orange p, .bg-orange td, .bg-orange, .bg-orange a, .bg-orange a:hover,
.bg-orange-hover h1, .bg-orange-hover h2, .bg-orange-hover h3, .bg-orange-hover h4, .bg-orange-hover h5, .bg-orange-hover h6, .bg-orange-hover p, .bg-orange-hover td, .bg-orange-hover, .bg-orange-hover a, .bg-orange-hover a:hover,
.bg-turquoise h1, .bg-turquoise h2, .bg-turquoise h3, .bg-turquoise h4, .bg-turquoise h5, .bg-turquoise h6, .bg-turquoise p, .bg-turquoise td, .bg-turquoise, .bg-turquoise a, .bg-turquoise a:hover,
.bg-turquoise-hover h1, .bg-turquoise-hover h2, .bg-turquoise-hover h3, .bg-turquoise-hover h4, .bg-turquoise-hover h5, .bg-turquoise-hover h6, .bg-turquoise-hover p, .bg-turquoise-hover td, .bg-turquoise-hover, .bg-turquoise-hover a, .bg-turquoise-hover a:hover,
.bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey h6, .bg-grey p, .bg-grey td, .bg-grey, .bg-grey a, .bg-grey a:hover,
.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black p, .bg-black td, .bg-black, .bg-black a, .bg-black a:hover,
.bg-dark { color: var(--white); }