/*
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: 				#0058D5;
	--sepia: 				#945824;
	--brown: 				#30140C;
	--grey: 				#ededed;
	--darkgrey: 			#4a4a4a;
	--white: 				#ffffff;
	--black: 				#000000;
}


.blue { color: var(--blue); }
.sepia { color: var(--sepia); }
.brown { color: var(--brown); }
.grey { color: var(--grey); }
.darkgrey { color: var(--darkgrey); }
.white { color: var(--white); }
.black { color: var(--black); }


.border-blue { border-color: var(--blue); }
.border-sepia { border-color: var(--sepia); }
.border-brown { border-color: var(--brown); }
.border-grey { border-color: var(--grey); }
.border-darkgrey { border-color: var(--darkgrey); }
.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-sepia .card-header { background-color: var(--sepia); }
.border-brown .card-header { background-color: var(--brown); }
.border-grey .card-header { background-color: var(--grey); }
.border-darkgrey .card-header { background-color: var(--darkgrey); }
.border-white .card-header { background-color: var(--white); }
.border-black .card-header { background-color: var(--black); }


.bg-blue { background-color: var(--blue); }
.bg-sepia { background-color: var(--sepia); }
.bg-brown { background-color: var(--brown); }
.bg-grey { background-color: var(--grey); }
.bg-darkgrey { background-color: var(--darkgrey); }
.bg-white { background-color: var(--white); }
.bg-black { background-color: var(--black); }


.bg-sepia-to-brown {
	background: linear-gradient(to right, var(--sepia) 0%,var(--sepia) 50%,var(--brown) 50%,var(--brown) 100%);
}

.btn								 	{ border-color: var(--blue); background-color: transparent; color: var(--blue); }
a.col:hover .btn,
.btn:focus, .btn:active, .btn:hover 	{ border-color: var(--blue); background-color: var(--blue); color: var(--white); }

.btn:focus,
.btn:active {
	border-color: #7299f4 !important;
}


.btn-blue 		{ border-color: var(--blue); }
.btn-sepia 		{ border-color: var(--sepia); }
.btn-brown 		{ border-color: var(--brown); }
.btn-grey 		{ border-color: var(--grey); }
.btn-darkgrey 	{ border-color: var(--darkgrey); }
.btn-white 		{ border-color: var(--white); }
.btn-black 		{ border-color: var(--black); }

.bg-sepia .gform_button:hover,
.bg-sepia .btn-white:hover { border-color: var(--white); background-color: var(--white); color: var(--sepia); }


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

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