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

/* Variables */
html {
	--color1: #fff;		/* Website background */
	--color2: #333;		/* Menu background */
	--color3: #eee;		/* Text color */
	--color4: #ca278c;	/* Hover color */
	--color5: #333;		/* Used for header text and elements */
}

/* Vineyard theme */
#header2 { background: transparent; }

#cont2 {
	height: 400px; background-image: url(/shops/fashion/cms/vineyard.jpg);
}
#header3 {
	justify-self: end; margin: 16px 5px; padding: 10px; max-height: 28px;
	background: rgba(255, 255, 255, 0.7); border-radius: 6px;
}

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

/* Objects */
#lang a			{ color: #666; }
svg, svg path,
#lang svg,
#lang svg path		{ fill: #666; }

/* Red wine color */
main a,
nav a:hover,
#lang a:hover		{ color: var(--color4); }
svg:hover,
svg:hover path,
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); }

.webshop_stylebutton, input[type=submit], input[type=button] {
	background: #722f37;
}
#cart span,
.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #a84551;
}

/* Body container with background image */
#cont3 {
	background-image: url(/shops/fashion/cms/vineyard2.jpg);
	background-repeat: no-repeat; background-position: center bottom; background-size: contain;
	padding-bottom: 400px;
}

/* 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(255, 255, 255, 0.7); border-radius: 6px;
	}
	#header3	{ margin: 6px; }
	nav		{ max-height: 0; }
}