@import "/shops/fashion/design/1005/design.css"; /* Import Creative template */

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

/* Night Skyline theme */
body, main		{ color: var(--color3); background: var(--color1); }
main a			{ color: var(--color3); }
svg,
svg path,
#lang svg,
#lang svg path		{ fill: var(--color3); }

/* Header */
#cont1 {
	background-image: url(/shops/fashion/cms/night-skyline.jpg);
	background-position: center bottom; background-size: cover; 
}

#header1		{ padding-top: 10px; }
#header2		{ justify-content: flex-end; min-height: 300px; padding: 0; }

/* Objects */
#logo			{ flex-grow:1; }
#header3 {
	flex-grow: 0; height: 45px; margin: 20px 0; padding: 0 12px; 
	border-radius: 8px; background: rgba(0, 0, 0, 0.8);
}
#lang			{ margin: 0 0 10px 14px; }

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

/* Navigation */
nav			{ border-radius: 8px; color: var(--color4); background: rgba(0, 0, 0, 0.7); }
nav li:first-child	{ padding-left: 16px; }
nav a,
#cat a,
#lang a,
#footer a		{ color: var(--color3); }

/* Sub navigation */
nav > ul ul,
#cat > ul ul {
	background: rgba(0, 0, 0, 0.7);
}

/* Category navigation */
#cat > ul > li		{ background: rgba(0, 0, 0, 0.7); }
#cat li:hover		{ background: rgba(0, 0, 0, 0.7); }
nav a:hover,
#cat li:hover a		{ color: var(--color4); }
nav a:hover svg,
nav a:hover svg path	{ fill: var(--color4); }

/* Mobile navigation */
#mnav			{ margin-left: 6px; }

/* Breadcrumb navigation */
.webshop_breadcrumb	{ color: var(--color3); }
.webshop_breadcrumb a	{ color: var(--color4); }

/* Footer */
#footer1 {
	background: #222; background-image: url(/shops/fashion/cms/night-stars.jpg);
	background-size: cover;
}
footer a		{ color: var(--color3); }
footer a:hover		{ color: var(--color4); }
address svg,
address svg path	{ fill: var(--color4); }
#footnav a		{ display: block; padding: 8px; margin: 5px; background: rgba(0, 0, 0, 0.7); border-radius: 3px; }
footer #cat a:hover,
#footnav a:hover	{ color: var(--color4); background: rgba(0, 0, 0, 0.5); }
#terms, #terms a	{ color: var(--color3); }


/* Responsive */
@media all and (max-width: 600px) {
	nav			{ border-radius: 0; }
	#header2		{ min-height: auto; }
	#header3		{ margin: 0 6px 0 0; background: none; }
}