/*
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 {
	--lime:					#DFFC6D;
	--white: 				#ffffff;
	--lightgrey: 			#F1EEE5;
	--grey: 				#cacaca;
	--grey2: 				#919191;
	--darkgrey: 			#4a4a4a;
	--black: 				#000000;
	--bs-border-color:		#000000;
}


body {color: var(--black);}

.lime { color: var(--lime); }
.white { color: var(--white); }
.lightgrey { color: var(--lightgrey); }
.grey2 { color: var(--grey2); }
.grey { color: var(--grey); }
.darkgrey { color: var(--darkgrey); }
.black { color: var(--black); }
.bs-border-color { color: var(--bs-border-color); }


.border-lime { border-color: var(--lime); }
.border-white { border-color: var(--white); }
.border-lightgrey { border-color: var(--lightgrey); }
.border-grey2 { border-color: var(--grey2); }
.border-grey { border-color: var(--grey); }
.border-darkgrey { border-color: var(--darkgrey); }
.border-black { border-color: var(--black); }
.border-bs-border-color { border-color: var(--bs-border-color); }


.card-header .card-header { background-color: unset; }
.border-lime .card-header { background-color: var(--lime); }
.border-white .card-header { background-color: var(--white); }
.border-lightgrey .card-header { background-color: var(--lightgrey); }
.border-grey2 .card-header { background-color: var(--grey2); }
.border-grey .card-header { background-color: var(--grey); }
.border-darkgrey .card-header { background-color: var(--darkgrey); }
.border-black .card-header { background-color: var(--black); }
.border-bs-border-color .card-header { background-color: var(--bs-border-color); }


.bg-lime { background-color: var(--lime); }
.bg-white { background-color: var(--white); }
.bg-lightgrey { background-color: var(--lightgrey); }
.bg-grey2 { background-color: var(--grey2); }
.bg-grey { background-color: var(--grey); }
.bg-darkgrey { background-color: var(--darkgrey); }
.bg-black { background-color: var(--black); }
.bg-bs-border-color { background-color: var(--bs-border-color); }


.button											{ border-color: var(--black); color: var(--black); background-color: transparent; }
.button:focus, .button:active, .button:hover 	{ border-color: var(--black); color: var(--white); background-color: var(--black); }

.bg-black .button								{ border-color: var(--white); color: var(--white); background-color: transparent; }
.bg-black .button:focus, 
.bg-black .button:active,
.bg-black .button:hover 						{ border-color: var(--white); color: var(--black); background-color: var(--white); }

.bg-lime .button:focus, 
.bg-lime .button:active, 
.bg-lime .button:hover 							{ border-color: var(--black); color: var(--white); background-color: var(--black); }




.bg-lime .button:focus, 
.bg-lime .button:active, 
.bg-lime .button:hover 	{ color: var(--lime); }


.button-lime 				{ background-color: var(--lime); }
.button-white 				{ background-color: var(--white); }
.button-lightgrey 			{ background-color: var(--lightgrey); }
.button-grey2 				{ background-color: var(--grey2); }
.button-grey 				{ background-color: var(--grey); }
.button-darkgrey 			{ background-color: var(--darkgrey); }
.button-black 				{ background-color: var(--black); }
.button-bs-border-color 	{ background-color: var(--bs-border-color); }


.content { color: unset; }
.content a:not(.button) { color: var(--black); }
.link, .content a:not(.button):hover { color: var(--black); }

a, a:hover {color: var(--black);}

.button-grey, .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,
.button-darkgrey, .bg-darkgrey h1, .bg-darkgrey h2, .bg-darkgrey h3, .bg-darkgrey h4, .bg-darkgrey h5, .bg-darkgrey h6, .bg-darkgrey p, .bg-darkgrey td, .bg-darkgrey, .bg-darkgrey a, .bg-darkgrey a:hover,
.button-black, .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,
.button-bs-border-color, .bg-bs-border-color h1, .bg-bs-border-color h2, .bg-bs-border-color h3, .bg-bs-border-color h4, .bg-bs-border-color h5, .bg-bs-border-color h6, .bg-bs-border-color p, .bg-bs-border-color td, .bg-bs-border-color, .bg-bs-border-color a, .bg-bs-border-color a:hover,
.bg-dark { color: var(--white); }





.button.button-black,
.button.button-white:hover {
	background-color: var(--black);
}

.button.button-white {
	background-color: var(--white);
}

.button.button-black:hover {
	background-color: var(--white);
	color: var(--black);
}

.gform-theme #gform_submit_button_1,
.button.button-yellow {
	background-color: var(--black);
}

.gform-theme #gform_submit_button_1:hover,
.button.button-yellow:hover {
	background-color: var(--black);
}

.border,
.border-left,
.border-right,
.border-top,
.border-bottom 			{ border-color: var(--black) !important; }