/*
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 ***************/

.has-vivid-red-color {
	color: #e85340;
}


:root {
	--red: 					#e85340;
	--yellow: 				#fac232;
	--pink: 				#f9cdc8;
	--red-hover: 			#d9412e;
	--yellow-hover: 		#ebb426;
	--pink-hover: 			#f0beb8;
	--white: 				#ffffff;
	--lightgrey: 			#f7f7f5;
	--grey2: 				#cacaca;
	--grey: 				#7a7a7a;
	--darkgrey: 			#4a4a4a;
	--black: 				#000000;
	--bs-border-color:		#000000;
}


.red { color: var(--red); }
.yellow { color: var(--yellow); }
.pink { color: var(--pink); }
.red-hover { color: var(--red-hover); }
.yellow-hover { color: var(--yellow-hover); }
.pink-hover { color: var(--pink-hover); }
.white { color: var(--white); }
.lightgrey { color: var(--lightgrey); }
.grey2 { color: var(--grey2); }
.grey { color: var(--grey); }
.darkgrey { color: var(--darkgrey); }
.black { color: var(--black); }


.border-red { border-color: var(--red); }
.border-yellow { border-color: var(--yellow); }
.border-pink { border-color: var(--pink); }
.border-red-hover { border-color: var(--red-hover); }
.border-yellow-hover { border-color: var(--yellow-hover); }
.border-pink-hover { border-color: var(--pink-hover); }
.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); }


.card-header .card-header { background-color: unset; }
.border-red .card-header { background-color: var(--red); }
.border-yellow .card-header { background-color: var(--yellow); }
.border-pink .card-header { background-color: var(--pink); }
.border-red-hover .card-header { background-color: var(--red-hover); }
.border-yellow-hover .card-header { background-color: var(--yellow-hover); }
.border-pink-hover .card-header { background-color: var(--pink-hover); }
.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); }


.bg-red { background-color: var(--red); }
.bg-yellow { background-color: var(--yellow); }
.bg-pink { background-color: var(--pink); }
.bg-red-hover { background-color: var(--red-hover); }
.bg-yellow-hover { background-color: var(--yellow-hover); }
.bg-pink-hover { background-color: var(--pink-hover); }
.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); }


.btn-red { background-color: var(--red); }
.btn-yellow { background-color: var(--yellow); }
.btn-pink { background-color: var(--pink); }
.btn-red-hover { background-color: var(--red-hover); }
.btn-red:hover { background-color: var(--red-hover); }
.btn-yellow-hover { background-color: var(--yellow-hover); }
.btn-yellow:hover { background-color: var(--yellow-hover); }
.btn-pink-hover { background-color: var(--pink-hover); }
.btn-pink:hover { background-color: var(--pink-hover); }
.btn-white { background-color: var(--white); }
.btn-lightgrey { background-color: var(--lightgrey); }
.btn-grey2 { background-color: var(--grey2); }
.btn-grey { background-color: var(--grey); }
.btn-darkgrey { background-color: var(--darkgrey); }
.btn-black { background-color: var(--black); }


.content { color: unset; }

.content a:not(.btn) { color: var(--red); text-decoration: none;  }
.content a:hover:not(.btn) { color: var(--red-hover); text-decoration: underline;  }

.btn-red, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6, .bg-red p, .bg-red td, .bg-red, .bg-red a, .bg-red a:hover,
.btn-red:hover, .btn-red-hover, .bg-red-hover h1, .bg-red-hover h2, .bg-red-hover h3, .bg-red-hover h4, .bg-red-hover h5, .bg-red-hover h6, .bg-red-hover p, .bg-red-hover td, .bg-red-hover, .bg-red-hover a, .bg-red-hover 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); }


h1, h2, h3, h4, h5, h6, 
.has-header-nav .navbar-nav li a,
.has-mini-nav a,
.has-mini-nav span,
.content, .content p,
.article, .article a p,
.card-body.content, .card,
.has-author, body, .intro, 
.author,
.about-author .box a.author-link,
.page-numbers,
.modal-body,
.separator a, 
.btn.btn-white,
.navbar-nav > li.menu-item-has-children > a::after					{ color: var(--black); }

.caption, .small, .small a											{ color: var(--darkgrey); }

.bg-black.footer a:hover, .footer a:hover, 
.reading-time,
.has-header-nav .navbar-nav li.current_page_item > a,
.has-header-nav .navbar-nav li a:focus,
.has-header-nav .navbar-nav li a:hover,
.navbar-nav li.menu-item-has-children a:hover::after,
.navbar-nav li.current_page_item.menu-item-has-children a::after	{ color: var(--grey); }

.support-redpers .box, .support-redpers .box h4, 
.support-redpers .box p, .support-redpers .box-buttons a,
.cat-link, .cat-tag, blockquote::before								{ color: var(--red); }

.cat-link:hover 													{ color: var(--red-hover); }

.card-people .card-body, .card-people .card-body h3, 
.card-people .card-body p,
.about-author .box a.author-link:hover,
.support-redpers .box-buttons a:hover,
.img-credits, .hero-date,
.footer a, .footer .textwidget a, .footer .textwidget a:hover,
.footer .has-header-nav .navbar-nav li a,
.hero-date, .separator span,
.news-item-main .news-header-content,
.btn,
#gform_submit_button_1,#gform_submit_button_2,#gform_submit_button_3,#gform_submit_button_4,#gform_submit_button_5,
#gform_submit_button_6,#gform_submit_button_7,#gform_submit_button_8,#gform_submit_button_9,#gform_submit_button_10,
#gform_submit_button_11,#gform_submit_button_12,#gform_submit_button_13,#gform_submit_button_14,#gform_submit_button_15,
#gform_submit_button_16,#gform_submit_button_17,#gform_submit_button_18,#gform_submit_button_19,#gform_submit_button_20,
.gform-theme .gform_button.button,
a.col:hover .btn,
#gform_submit_button_1:hover,#gform_submit_button_2:hover,#gform_submit_button_3:hover,#gform_submit_button_4:hover,#gform_submit_button_5:hover,
#gform_submit_button_6:hover,#gform_submit_button_7:hover,#gform_submit_button_8:hover,#gform_submit_button_9:hover,#gform_submit_button_10:hover,
#gform_submit_button_11:hover,#gform_submit_button_12:hover,#gform_submit_button_13:hover,#gform_submit_button_14:hover,#gform_submit_button_15:hover,
#gform_submit_button_16:hover,#gform_submit_button_17:hover,#gform_submit_button_18:hover,#gform_submit_button_19:hover,#gform_submit_button_20:hover,
.gform-theme .gform_button.button:hover,
.btn:focus, .btn:active, .btn:hover,
.btn.btn-black, .btn.btn-black:hover, 
.btn.btn-white:hover 												{ color: var(--white); }

.btn, .btn.btn-black,
#gform_submit_button_1,#gform_submit_button_2,#gform_submit_button_3,#gform_submit_button_4,#gform_submit_button_5,
#gform_submit_button_6,#gform_submit_button_7,#gform_submit_button_8,#gform_submit_button_9,#gform_submit_button_10,
#gform_submit_button_11,#gform_submit_button_12,#gform_submit_button_13,#gform_submit_button_14,#gform_submit_button_15,
#gform_submit_button_16,#gform_submit_button_17,#gform_submit_button_18,#gform_submit_button_19,#gform_submit_button_20,
.gform-theme .gform_button.button,
a.col:hover .btn,
#gform_submit_button_1:hover,#gform_submit_button_2:hover,#gform_submit_button_3:hover,#gform_submit_button_4:hover,#gform_submit_button_5:hover,
#gform_submit_button_6:hover,#gform_submit_button_7:hover,#gform_submit_button_8:hover,#gform_submit_button_9:hover,#gform_submit_button_10:hover,
#gform_submit_button_11:hover,#gform_submit_button_12:hover,#gform_submit_button_13:hover,#gform_submit_button_14:hover,#gform_submit_button_15:hover,
#gform_submit_button_16:hover,#gform_submit_button_17:hover,#gform_submit_button_18:hover,#gform_submit_button_19:hover,#gform_submit_button_20:hover,
.gform-theme .gform_button.button:hover,
.btn:focus, .btn:active, .btn:hover,
.btn.btn-white:hover {
	background-color: var(--black);
}

.btn.btn-white {
	background-color: var(--white);
}

.btn.btn-black:hover {
	background-color: var(--red);
}

.border,
.border-left,
.border-right,
.border-top,
.border-bottom 			{ border-color: var(--black) !important; }