@import "/shops/fashion/design/1003/design.css"; /* Import Liquid template */

/* Variables */
html {
	--color1: #eee;		/* Website background */
	--color2: #fff;		/* Menu background */
	--color3: #f0f;		/* Text color */
	--color4: #404;		/* Hover color */
}

/* Dark Neon theme */
body		{ background-image: url(/shops/fashion/cms/neon.jpg?v=2); background-size: contain; background-attachment: fixed; }
#header1,
#header2,
#header3,
nav,
nav > ul ul,
#cont3,
main,
#footer1	{ color: #eee; background: rgba(0, 0, 0, 0.8); }

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


/* Neon buttons */
.webshop_stylebutton, input[type=submit], input[type=button] {
	background: #909;
}
#cart span,
.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #c0c;
}


/* Neon 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,
#cat a:hover		{ background: var(--color4); }

/* Dark objects */
#slidedivcont > div,
#photo-div		{ background: #111; color: #eee; }
#slidedivcont a		{ color: #eee; }
hr,
#orderlist th,
#orderlist tr.separator td { border-color: #666; }
ul.checkoutprogress li:before { border-left: 8px solid #111 }