@import "/shops/fashion/design/10004/design.css"; /* Import Flex theme */


/* Coffee theme
	https://colordesigner.io/#F4F3F0-582C04-3D2102-A46B35-D8A470
*/

/* Variables */
html {
	--color1: #eee;		/* Website background */
	--color2: #3d2102;	/* Menu background */
	--color3: #d8a470;	/* Text color */
	--color4: #582c04;	/* Hover color */
}

body {
	background-image: url(/shops/fashion/cms/coffee.jpg);
	background-size: cover; background-attachment: fixed;
}

/* Coffee background color */
#header1,
#header2,
#header3,
nav,
nav > ul ul,
#cont3,
#footer1		{ background: var(--color2); }


/* Coffee foreground color */
nav a,
#cat a,
#lang a,
footer a,
#terms,
#terms a,
#slidedivcont a,
address			{ color: var(--color3); }
svg,
svg path,
address svg path	{ fill: var(--color3); }
main a			{ color: var(--color4); }
#cart span		{ background: var(--color4); }

/* Coffee buttons */
.webshop_stylebutton, input[type=submit], input[type=button] {
	background: #a46b35;
}
#cart span,
.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #d8A470;
}

/* Coffee hover color */
nav a:hover,
#lang a:hover,
footer a:hover,
#terms a:hover		{ color: #eee; }
svg:hover,
svg:hover path,
nav a:hover svg,
nav a:hover svg path,
#lang a:hover svg,
#lang a:hover svg path	{ fill: #eee; }
#cat a:hover,
.slidelang a:hover	{ background: var(--color4); }


/* Coffee objects */
#slidedivcont > div	{ background: var(--color2); color: var(--color3); }
hr,
#orderlist th,
#orderlist tr.separator td { border-color: var(--color3); }