@import "/shops/fashion/design/1008/design.css"; /* Import Blocks template */

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


/* Navigation hover */
nav a:hover,
#lang a:hover,
#catbutton ul ul a:hover,
#cart span,
footer #cat a:hover,
#footnav a:hover,
.slidelang a:hover		{  background: #f80; }
#searchbox:hover svg,
#searchbox:hover svg path,
#cart:hover svg,
#cart:hover svg path,
#mnav a:hover svg,	
#mnav a:hover svg path		{ fill: #fb0; }

/* Buttons */
.webshop_stylebutton, input[type=submit], input[type=button] {
	background: linear-gradient(135deg, #ff8800,  #ff9f1a); color: #ffffff;
}
.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover {
	background: linear-gradient(135deg, color-mix(in oklch, #ff8800 100%, white 8%), color-mix(in oklch, #ff9f1a 100%, white 16%));
}

/* Sunset on bottom */
#cont5 {
  background-image: linear-gradient(to top, transparent 0%, white 25%), url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NDkwMDN8MHwxfGFsbHx8fHx8fHx8fDE3MjU0NjA0Mjd8&ixlib=rb-4.0.3&q=80&w=1080);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  padding-bottom: 100px;

}

#footer1 {
	border-width: 2px 0 0 0; border-style: solid; border-color: #f90; padding-top: 20px;
}

/* Responsive */
@media all and (max-width: 1400px) {
	#cont5 { padding-bottom: 400px;	}
}
@media all and (max-width: 1200px) {
	#cont5 { padding-bottom: 300px;	}
}
@media all and (max-width: 1000px) {
	#cont5 { padding-bottom: 200px;	}
}
@media all and (max-width: 600px) {
	#cont5 { padding-bottom: 100px;	}
}

body {
	font-family: Droid Sans, Helvetica, Arial, sans-serif;
}