@import "/shops/fashion/design/1002/design.css"; /* Import Fusion template */

/* Variables */
html {
	--color1: #bed661;	/* Website background */
	--color2: #a1b552;	/* Menu background */
	--color3: #333;		/* Text color */
	--color4: #d3ee6a;	/* Hover color */
}

/* Citrus Fresh theme */
body			{ background: var(--color1); }
#cont1			{ background: #fff; margin: 50px auto; box-shadow:  0px 0px 9px -1px rgba(0, 0, 0, 0.88); }
#header3		{ height: 300px; padding-top: 30px; background-image: url(/shops/fashion/cms/citrus-bg3.jpg); }
#slideshow {
	margin-left: 670px; max-width: 600px; max-height: 240px;
	box-shadow:  0px 0px 9px -1px rgba(0, 0, 0, 0.88);
 }
.webshop_slide		{ max-height: 240px; }

/* Objects */
#logo			{ position: absolute; margin: 30px 0 0 20px; }
main a			{ color: var(--color2); font-weight: bold; text-decoration: none; }
main a:hover		{ text-decoration: underline; }
svg, svg path		{ fill: var(--color2); }
#cart span		{ background: var(--color2); }
#lang			{ padding-top: 3px; }
#lang a:hover		{ color: var(--color2); }
#lang a:hover svg,
#lang a:hover svg path	{ fill: var(--color2); }
#cart a:hover svg,
#cart a:hover svg path,
#search a:hover svg,
#search a:hover svg path	{ fill: var(--color4); }

/* Navigation */
nav,
nav > ul ul		{ background: var(--color1); }
nav a			{ color: var(--color3); }
nav svg,
nav svg path		{ fill: var(--color3); }
nav a:hover		{ color: var(--color3); background: var(--color4); }

/* Forms */
.webshop_stylebutton, input[type=submit], input[type=button] {
	background: #a1b552;
}

.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #bed661;
}

/* Footer */
#footer1		{ background: #d3ee6a; background-image: url(/shops/fashion/cms/citrus-bg7.jpg); background-size: cover; padding-bottom: 60px; }
footer #cat a,
#footnav a		{ display: block; padding: 8px; margin: 5px; background: rgba(255, 255, 255, 0.7); border-radius: 3px; }
footer #cat a:hover,
#footnav a:hover	{ color: var(--color3); background: var(--color4); }
#terms			{ display: inline-block; float: right; background: rgba(255, 255, 255, 0.7); border-radius: 3px; }


/* Responsive */
@media all and (max-width: 600px) {
	#cont1			{ margin: 0; }
	#header3		{ height: auto; padding: 0; }
	#slideshow		{ margin: 0; }
}