/*
Theme: Dedato
Theme_URI: https://www.lemon.nl
Version: 1.0
Date: 21-5-2024
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

/*************** COLORS ***************/

:root {
	--yellow: 		#fbfb06;
	--yellow-90: 	rgba(251,251,6,0.9);
	--blue: 		#0000ff;
	--grey-1:		#f4f4f4;
	--grey-light:	#f0f2ef;
	--grey:			#B8B9B6; /* #B8B9B6 */
	--white:		#ffffff;
	--black:		#333333;
	--color00b3fe:	#00b3fe;
	--colorffed00:	#ffed00;
	--colorecd4b2:	#ecd4b2;	
	--colore1e5df:	#e1e5df;
	--color707070:	#707070;
	--color45aca9:	#45aca9;
	--color58535b:	#58535b;
	--color101010:	#101010;
}

.yellow							{ color: var(--yellow); }
.blue							{ color: var(--blue); }
.grey-light						{ color: var(--grey-light); }
.grey							{ color: var(--grey); }
.white 							{ color: var(--white); }
.black 							{ color: var(--black); }

.border-yellow					{ border-color: var(--yellow); }
.border-blue					{ border-color: var(--blue); }
.border-grey-light				{ border-color: var(--grey-light); }
.border-grey					{ border-color: var(--grey); }
.border-white 					{ border-color: var(--white); }
.border-black 					{ border-color: var(--black); }

.card-header .card-header 		{ background-color: unset; }
.border-yellow .card-header		{ background-color: var(--yellow); }
.border-blue .card-header		{ background-color: var(--blue); }
.border-grey-light .card-header	{ background-color: var(--grey-light); }
.border-grey .card-header		{ background-color: var(--grey); }
.border-white .card-header 		{ background-color: var(--white); }
.border-black .card-header 		{ background-color: var(--black); }


.bg-yellow						{ background-color: var(--yellow); }
.bg-yellow-90					{ background-color: var(--yellow-90); }
.bg-blue						{ background-color: var(--blue); }
.bg-grey-1						{ background-color: var(--grey-1); }
.bg-grey-light					{ background-color: var(--grey-light); }
.bg-grey						{ background-color: var(--grey); }
.bg-white 						{ background-color: var(--white); }
.bg-black 						{ background-color: var(--black) !important; }

.content 						{ color: unset; }

.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 a, .bg-blue,
.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, .bg-black,
.bg-black.content h1, .bg-black.content h2, .bg-black.content h3, .bg-black.content h4, .bg-black.content h5, .bg-black.content h6, .bg-black.content p, .bg-black.content td, .bg-black.content a, .bg-black.content
{ color: var(--white); }


.grey-gradient {
	background: var(--grey-1);
	background: linear-gradient(0deg, #ffffff 5%, #eaede9 100%);
}


