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

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

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

:root {
	--blue: 		#253166; /* 37,49,102 */
	--blue-dark: 	#191c37; /* 25,28,55 */
	--orange: 		#ec6911; /* 236,105,117 */

	--cyan: 		#20bbe5; /* 32,187,229 */
	--cyan-light: 	#b3efff;
	
	--grey:			#B8B9B6;
	--grey-1:		#f4f4f4;
	--grey-light:	#f0f2ef;

	--white:		#ffffff;
	--black:		#191c37;
}


.blue							{ color: var(--blue); }
.blue-dark						{ color: var(--blue-dark); }
.orange							{ color: var(--orange); }
.cyan							{ color: var(--cyan); }
.grey							{ color: var(--grey); }
.grey-light						{ color: var(--grey-light); }
.white 							{ color: var(--white); }
.black 							{ color: var(--black); }

.border-blue					{ border-color: var(--blue); }
.border-blue-dark				{ border-color: var(--blue-dark); }
.border-orange					{ border-color: var(--orange); }
.border-cyan					{ border-color: var(--cyan); }
.border-grey					{ border-color: var(--grey); }
.border-grey-light				{ border-color: var(--grey-light); }
.border-white 					{ border-color: var(--white); }
.border-black 					{ border-color: var(--black); }

.card-header .card-header 		{ background-color: unset; }
.border-blue .card-header		{ background-color: var(--blue); }
.border-blue-dark .card-header	{ background-color: var(--blue-dark); }
.border-orange .card-header		{ background-color: var(--orange); }
.border-cyan .card-header		{ background-color: var(--cyan); }
.border-grey .card-header		{ background-color: var(--grey); }
.border-grey-light .card-header	{ background-color: var(--grey-light); }
.border-white .card-header 		{ background-color: var(--white); }
.border-black .card-header 		{ background-color: var(--black); }


.bg-blue						{ background-color: var(--blue); }
.bg-blue-dark					{ background-color: var(--blue-dark); }
.bg-orange						{ background-color: var(--orange); }
.bg-cyan						{ background-color: var(--cyan); }
.bg-grey						{ background-color: var(--grey); }
.bg-grey-1						{ background-color: var(--grey-1); }
.bg-grey-light					{ background-color: var(--grey-light); }
.bg-white 						{ background-color: var(--white); }
.bg-black 						{ background-color: var(--black) !important; }

.content 						{ color: unset; }


.bg-blue-dark h1, .bg-blue-dark h2, .bg-blue-dark h3, .bg-blue-dark h4, .bg-blue-dark h5, .bg-blue-dark h6, .bg-blue-dark p, .bg-blue-dark td, .bg-blue-dark, .bg-blue-dark a:not(.btn),
.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:not(.btn),
.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 a:not(.btn)
{ color: var(--white); }