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

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

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

/* Let op is afwijkend van color script */

:root {
	--beige: #eeece5;
	--beige-light: #f4f3ee;
	--terra-light: #dee1d8;
	--terra-light-rgb: 222,225,216;
	--terra-light-50: rgba(222,225,216,0.5);
	--terra: #554e39;
	--terra-dark: #92832f;
	--terra-extra-dark: #7d6f1f;
	--green-light: #dee1d8;
	--green-light-rgb: 222,225,216;
	--green-light-50: rgba(222,225,216,0.5);
	--yellow-light: #f3f2eb;
	--white: #ffffff;
	--beige-dark: #d5d2c7;
	--grey-light: #eeeeee;
	--grey-dark: #35373a;
	--black: #000000;
	--bs-border-color: #000000;
}

.beige { color: var(--beige); }
.beige-light { color: var(--beige-light); }
.terra-light { color: var(--terra-light); }
.terra-light-rgb { color: var(--terra-light-rgb); }
.terra-light-50 { color: var(--terra-light-50); }
.terra { color: var(--terra); }
.terra-dark { color: var(--terra-dark); }
.terra-extra-dark { color: var(--terra-extra-dark); }
.green-light { color: var(--green-light); }
.green-light-rgb { color: var(--green-light-rgb); }
.green-light-50 { color: var(--green-light-50); }
.yellow-light { color: var(--yellow-light); }
.white { color: var(--white); }
.beige-dark { color: var(--beige-dark); }
.grey-light { color: var(--grey-light); }
.grey-dark { color: var(--grey-dark); }
.black { color: var(--black); }
.bs-border-color { color: var(--bs-border-color); }


.border-beige { border-color: var(--beige); }
.border-beige-light { border-color: var(--beige-light); }
.border-terra-light { border-color: var(--terra-light); }
.border-terra-light-rgb { border-color: var(--terra-light-rgb); }
.border-terra-light-50 { border-color: var(--terra-light-50); }
.border-terra { border-color: var(--terra); }
.border-terra-dark { border-color: var(--terra-dark); }
.border-terra-extra-dark { border-color: var(--terra-extra-dark); }
.border-green-light { border-color: var(--green-light); }
.border-green-light-rgb { border-color: var(--green-light-rgb); }
.border-green-light-50 { border-color: var(--green-light-50); }
.border-yellow-light { border-color: var(--yellow-light); }
.border-white { border-color: var(--white); }
.border-beige-dark { border-color: var(--beige-dark); }
.border-grey-light { border-color: var(--grey-light); }
.border-grey-dark { border-color: var(--grey-dark); }
.border-black { border-color: var(--black); }
.border-bs-border-color { border-color: var(--bs-border-color); }


.card-header .card-header { background-color: unset; }
.border-beige .card-header { background-color: var(--beige); }
.border-beige-light .card-header { background-color: var(--beige-light); }
.border-terra-light .card-header { background-color: var(--terra-light); }
.border-terra-light-rgb .card-header { background-color: var(--terra-light-rgb); }
.border-terra-light-50 .card-header { background-color: var(--terra-light-50); }
.border-terra .card-header { background-color: var(--terra); }
.border-terra-dark .card-header { background-color: var(--terra-dark); }
.border-terra-extra-dark .card-header { background-color: var(--terra-extra-dark); }
.border-green-light .card-header { background-color: var(--green-light); }
.border-green-light-rgb .card-header { background-color: var(--green-light-rgb); }
.border-green-light-50 .card-header { background-color: var(--green-light-50); }
.border-yellow-light .card-header { background-color: var(--yellow-light); }
.border-white .card-header { background-color: var(--white); }
.border-beige-dark .card-header { background-color: var(--beige-dark); }
.border-grey-light .card-header { background-color: var(--grey-light); }
.border-grey-dark .card-header { background-color: var(--grey-dark); }
.border-black .card-header { background-color: var(--black); }
.border-bs-border-color .card-header { background-color: var(--bs-border-color); }


.bg-beige { background-color: var(--beige); }
.bg-beige-light { background-color: var(--beige-light); }
.bg-terra-light { background-color: var(--terra-light); }
.bg-terra-light-rgb { background-color: var(--terra-light-rgb); }
.bg-terra-light-50 { background-color: var(--terra-light-50); }
.bg-terra { background-color: var(--terra); }
.bg-terra-dark { background-color: var(--terra-dark); }
.bg-terra-extra-dark { background-color: var(--terra-extra-dark); }
.bg-green-light { background-color: var(--green-light); }
.bg-green-light-rgb { background-color: var(--green-light-rgb); }
.bg-green-light-50 { background-color: var(--green-light-50); }
.bg-yellow-light { background-color: var(--yellow-light); }
.bg-white { background-color: var(--white); }
.bg-beige-dark { background-color: var(--beige-dark); }
.bg-grey-light { background-color: var(--grey-light); }
.bg-grey-dark { background-color: var(--grey-dark); }
.bg-black { background-color: var(--black); }
.bg-bs-border-color { background-color: var(--bs-border-color); }



.btn, a.col:hover .btn, .btn a, a.btn,
.btn:focus, .btn:active, .btn:hover,
.button, a.col:hover .button, .button a, a.button,
.button:focus, .button:active, .button:hover { color: var(--white) !important; background-color: var(--black) !important; }


.button-beige 				{ background-color: var(--beige); }
.button-beige-light 		{ background-color: var(--beige-light); }
.button-terra-light 		{ background-color: var(--terra-light); }
.button-terra-light-rgb 	{ background-color: var(--terra-light-rgb); }
.button-terra-light-50 		{ background-color: var(--terra-light-50); }
.button-terra 				{ background-color: var(--terra); }
.button-terra-dark 			{ background-color: var(--terra-dark); }
.button-terra-extra-dark 	{ background-color: var(--terra-extra-dark); }
.button-green-light 		{ background-color: var(--green-light); }
.button-green-light-rgb 	{ background-color: var(--green-light-rgb); }
.button-green-light-50 		{ background-color: var(--green-light-50); }
.button-yellow-light 		{ background-color: var(--yellow-light); }
.button-white 				{ background-color: var(--white); }
.button-beige-dark 			{ background-color: var(--beige-dark); }
.button-grey-light 			{ background-color: var(--grey-light); }
.button-grey-dark 			{ background-color: var(--grey-dark); }
.button-black 				{ background-color: var(--black); }
.button-bs-border-color 	{ background-color: var(--bs-border-color); }

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

.bg-terra h1, .bg-terra h2, .bg-terra h3, .bg-terra h4, .bg-terra h5, .bg-terra h6, .bg-terra p, .bg-terra td, .bg-terra, .bg-terra a, .bg-terra a:hover,
.bg-terra-dark h1, .bg-terra-dark h2, .bg-terra-dark h3, .bg-terra-dark h4, .bg-terra-dark h5, .bg-terra-dark h6, .bg-terra-dark p, .bg-terra-dark td, .bg-terra-dark, .bg-terra-dark a, .bg-terra-dark a:hover,
.bg-terra-extra-dark h1, .bg-terra-extra-dark h2, .bg-terra-extra-dark h3, .bg-terra-extra-dark h4, .bg-terra-extra-dark h5, .bg-terra-extra-dark h6, .bg-terra-extra-dark p, .bg-terra-extra-dark td, .bg-terra-extra-dark, .bg-terra-extra-dark a, .bg-terra-extra-dark a:hover,
.bg-beige-dark h1, .bg-beige-dark h2, .bg-beige-dark h3, .bg-beige-dark h4, .bg-beige-dark h5, .bg-beige-dark h6, .bg-beige-dark p, .bg-beige-dark td, .bg-beige-dark, .bg-beige-dark a, .bg-beige-dark a:hover,
.bg-grey-dark h1, .bg-grey-dark h2, .bg-grey-dark h3, .bg-grey-dark h4, .bg-grey-dark h5, .bg-grey-dark h6, .bg-grey-dark p, .bg-grey-dark td, .bg-grey-dark, .bg-grey-dark a, .bg-grey-dark a:hover,
.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-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); }

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



body {
	color: var(--black);
}


.small, .small a 
.withlove {
	color: var(--grey-dark);
}

.mini-article h3, 
.mini-article h6 {
	color: var(--white);
	text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
}


.label.premiumlabel {
	background-color: var(--green-light);
	color: var(--grey-dark);
}

body,
.navbar-mainmenu,

.navbar.fixed-top.navbar-mainmenu,
.cta_title,
.insta-post-single,
.jdfksjsoewjeke {
	background-color: var(--yellow-light);
}


.navbar .nav li:hover a,
.navbar .nav li a:hover,
.navbar .nav li.open a,
.navbar .nav li .sub-menu,
.navbar .nav li .children,
.jdfksjsoewjeke {
	background-color: var(--yellow-light);
}


.navbar .nav li .sub-menu li:hover,
.navbar .nav li .children li:hover,
.jdfksjsoewjeke {
	/* background-color: var(--beige-dark); */
}