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

@font-face {
	font-family: 'Existence Light';
	src: local('Existence Light'),
		url('/scripts/font/Existence Light.woff2') format('woff2'),
		url('/scripts/font/Existence Light.woff') format('woff');
}

/* Variables */
html {
	--color1: #f8f8f8;	/* Website background */
	--color2: #fefefe;	/* Menu background */
	--color3: #444;		/* Text color */
	--color4: #59b62e;	/* Hover color */
}

/* Pet Lover theme */
body			{ font-family: Existence Light,Helvetica,Arial,sans-serif; }
#cont1, #footer1	{ background: var(--color2); }
#header2		{ height: 200px; }
nav			{ max-width: 100%; padding: 0 20px; background: rgba(255, 255, 255, 0.7); }
#slideshow		{ border-width: 1px 0 0 0; border-style: solid; border-color: #fff; }
#cont1 {
	background-image: url(/shops/fashion/cms/cute-cat.jpg);
	background-size: cover; background-repeat: no-repeat;  background-position: center center;
}

#cont4 {
	background-image: url(/shops/fashion/cms/dog-pet.jpg?v=2);
	background-repeat: no-repeat; background-position: center bottom; background-size: contain;
	padding-bottom: 1100px;
}

nav a,
#cat a,
#lang a			{ color: var(--color3); }

svg,
svg path,
#lang svg,
#lang svg path		{ fill: var(--color3); }

/* Sub navigation */
nav > ul ul		{ border-radius: 6px; }

/* Navigation hover */
nav a:hover,
#lang a:hover,
.webshop_breadcrumb a:hover,
footer a:hover		{ color: var(--color4); }
nav a:hover svg,
nav a:hover svg path,
#search:hover svg,
#search:hover svg path,
#cart:hover svg,
#cart:hover svg path,
#lang a:hover svg,	
#lang a:hover svg path	{ fill: var(--color4); }

/* Objects */
#cart span		{ background: var(--color4); }

/* Buttons */
.webshop_stylebutton, input[type=submit], input[type=button] {
	background: #59b62e;
}
#cart span,
.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #72d147;
}


/* Responsive */
@media all and (max-width: 600px) {
	#cont1			{ background-size: contain; background-position: center top; }
	#header1		{ background: rgba(255, 255, 255, 0.6); }
	#header2		{ height: auto; margin: 0;  background: rgba(255, 255, 255, 0.6); }
	#cat			{ padding: 20px 3px; background: rgba(255, 255, 255, 0.6); }

	nav			{ background: #fff; }
	#cont4			{ padding-bottom: 200px; }

}