@import "/shops/fashion/design/1001/design.css"; /* Import Clean template */

/* Variables */
html {
	--color1: #444;		/* Sub navigation */
	--color2: #333;		/* Menu background */
	--color3: #eee;		/* Text color */
	--color4: #f90;		/* Hover color */
}

/* Dark Elements theme */
#cont1, nav		{ min-height: 0; background: var(--color2); }
nav a, #lang a		{ color: var(--color3); }
nav > ul > li > a:hover	{ border-width: 0 0 2px 0; border-style: solid; border-color: #f90; line-height: 38px; }
#lang a:hover		{ border-width: 0 0 2px 0; border-style: solid; border-color: #f90; margin-top: 2px; }
#header1		{ padding: 0; }
#header2		{ display: flex; align-items: center; }

svg,
svg path		{ fill: var(--color3); }
svg:hover,
svg:hover path		{ fill: var(--color4); }


/* Sub navigation */
nav > ul ul		{ background: var(--color1); border-radius: 5px; }
nav > ul ul:hover	{ margin-top: -4px; }

#mnav			{ margin-left: 12px; }
#lang,
#cart			{ margin-right: 12px; }

/* Dark objects */
#slidedivcont > div,
#photo-div		{ background: var(--color2); color: var(--color3); }
#footer1		{ color: var(--color3); background: var(--color2); }
footer a,
#slidedivcont a		{ color: var(--color3); }
footer a:hover		{ color: var(--color4); }
.slidelang a:hover	{ background: var(--color1); }
hr,
#orderlist th,
#orderlist tr.separator td { border-color: var(--color2); }
ul.checkoutprogress li:before { border-left: 8px solid #111 }

/* Footer */
footer a		{ color: var(--color3); }
footer a:hover		{ color: var(--color4); }
#footer1		{ background: var(--color2); }
address svg,
address svg path	{ fill: #eee; }

/* Responsive */
@media all and (max-width: 600px) {
	#header2		{ flex-wrap: wrap; }
	#lang			{ order: 4; }
	nav > ul > li > a:hover	{ line-height: 42px; }
	#lang a:hover		{ border: 0; margin: 0; }
}