@import "/shops/fashion/design/1006/design.css"; /* Import Industry template */

/* Variables */
html {
	--color1: #fff;		/* Website background */
	--color2: #222;		/* Menu background */
	--color3: #eee;		/* Text color */
	--color4: #e80000;	/* Hover color */
	--color5: #333;		/* Used for header text and elements */
	--color6: var(--color4);/* Sub navigation hover color */
}

/* Love Gift theme */
#cont2 {
	min-height: 200px; background-image: url(/shops/fashion/cms/love-red.jpg); background-size: cover;
}
#header2 { background: transparent; }
#header3 {
	justify-self: end; margin: 16px 5px; padding: 10px; max-height: 28px;
	background: rgba(0, 0, 0, 0.5); border-radius: 6px;
}
main	{ margin-top: 100px; }

/* Navigation */
nav			{ margin-right: 5px; max-height: 50px; text-align: right;  }
nav > ul		{ padding-left: 20px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 3px 3px; text-align: left; }
#cat ul			{ background: var(--color2); }

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


/* Objects */
nav a,
#lang a			{ color: var(--color3); }
svg, svg path,
nav a svg,
nav a svg path,
#cart svg,
#cart svg path,
#lang svg,
#lang svg path,
#search svg,
#search svg path	{ fill: var(--color3); }

/* Red love color */
main a,
nav a:hover,
#lang a:hover		{ color: var(--color4); }
svg:hover,
svg:hover path		{ fill: var(--color4); }
nav a:hover svg,
nav a:hover svg path,
#cart a:hover svg,
#cart a:hover svg path,
#lang a:hover svg,
#lang a:hover svg path,
#search a:hover svg,
#search a:hover svg path{ fill: var(--color4); }
#cat a			{ line-height: 30px; }
#cat > ul		{ padding: 8px 0; }
#cat li:hover		{ background: none; border-width: 0 0 2px 0; border-style: solid; border-color: #e80000; margin-bottom: -2px; }

.webshop_stylebutton, input[type=submit], input[type=button] {
	background: #a80000;
}
#cart span,
.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #e80000;
}

/* Body container with background image */
#cont3		{ padding: 20px 0; background: #a81800; background-image: url(/shops/fashion/cms/love-red.jpg); background-size: cover; background-attachment: fixed; }
#cont1		{ border-radius: 6px; background: #fff; }

/* Responsive */
@media all and (max-width: 600px) {
	#cont2		{ height: 200px; }
	#header2 {
		grid-template-columns: 1fr 4fr;
		grid-template-areas: "logo . nav" "logo header3 header3";
	}
	#mnav {
		grid-area: nav; justify-self: end; margin: 0;
		margin: 6px; padding: 10px;
		background: rgba(0, 0, 0, 0.5); border-radius: 6px;
	}
	#header3	{ margin: 6px; }
	main		{ margin-top: 10px; }
	nav		{ max-height: 0; }
	nav > ul,
	nav > ul ul	{ background: #222; }
}