/*
Theme Name: MultiHemp
Description: MultiHemp theme based on the Skeleton RWD framework
Version: 1.0
Author: nova-Institut GmbH
Author URI: http://www.nova-institut.eu
Template: skeleton
*/

@import url(../skeleton/style.css);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Roboto:400,700');

body {
  font-family:'PT Sans',Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:21px;
  color:#666666;
}

a {
  color:#008080;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#header { margin-bottom:10px;}
#header img { width:100%; height:auto; }

#logo{
	float:left;
	background-image:url(img/chassy-head.jpg);
	background-size: 940px 141px;
	width:940px;
	height:141px;
	margin:0;
}
#logo_FP7{
	float:right;
	width:253px;
	height:98px;
	margin-top:40px;
	background-image:url(img/fp7EU.png);
	background-repeat:no-repeat;
	background:none;
}

#navigation ul {
  background: none;
  border: 0px solid;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -pie-box-shadow: 0 0 0 #ccc;
  behavior: none;
  border-bottom: 1px solid #008080;
}

#navigation ul li {
  background: none;
  border: 0px solid;
  behavior: none;
}

#navigation ul li a {
  font-family:'PT Sans',Helvetica, Arial, sans-serif;
  font-size:20px;
  font-weight:normal;
  padding: 7px 21px 0 0;
  color:#666666;
  text-decoration:none;
}

#navigation ul li a:hover {
  background: none;
  border: 0px solid;
  color:#008080;
  behavior: none;
}

#navigation ul li.active a {
  font-weight:bold;
  background: none;
  border: 0px solid;
  color:#008080;
}

#navigation ul li ul.sub-menu li {
  background-color:#008080;
}

#navigation ul li#menu-item-244 a, #navigation ul li#menu-item-245 a, #navigation ul li#menu-item-244 a:hover, #navigation ul li#menu-item-245 a:hover {
  color:#c0c0c0;
}

#navigation ul li ul.sub-menu { top:100%; left:0; }
#navigation ul li ul li ul.sub-menu { top:0; left:100%; }

#navigation ul.sub-menu {
  background:none;
  background-color:#ffffff;
  border-radius:0px;
  border: 0px solid;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -pie-box-shadow: 0 0 0 #ccc;
  behavior: none;
  color:#008080;
}

#navigation ul.sub-menu li {
  background: none;
  background-color:#ffffff;
  border: 0px solid;
  behavior: none;
  color:#008080;
}

#navigation ul.sub-menu li a {
  background: none;
  background-color:#ffffff;
  text-shadow:none;
  text-decoration:none;
  font-weight:normal;
  font-size:12px;
  line-height:14px;
  height: 14px;
  padding: 7px 14px;
  color:#008080;
  border: 0px solid;
  min-width:0px;
  position: relative;
}

#navigation ul.sub-menu li a:hover {
  background:none;
  background-color:#ffffff;
  border: 0px solid;
  color:#927C17;
}

.entry-content  { margin-bottom:2em; }
.entry-content ul { margin-left:2em; }

#footer {
  background:#008080;
  color:White;
  padding:21px;
  text-decoration:none;
  line-height:18px;
  margin-bottom:2em;
}
#footer .three_fourths { padding-left:10px; margin-bottom: 0; }
#footer .one_fourth { width:18%; margin-bottom: 0; }

#impressum{
	float:right;
	padding:14px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer a{
	color:#FFFFFF;
	opacity:0.6;
	text-decoration:none;
}
#footer a:hover{
	opacity:1;
}

.euflag { margin-left:18px; }

h1,h2,h3,h4,h5,h6 {
  font-family:'Playfair Display',Helvetica, Arial, sans-serif;
  color:#008080;
  letter-spacing: 0;
  font-weight:bold;
}

h1 {
  font-size:26px;
  line-height:28px;
}

h2 {
  font-size:21px;
  line-height:21px;
}

h3 {
  font-size:16px;
  line-height:21px;
  color:#666666;
}
h4 {
  font-size:15px;
  line-height:21px;
  color:#666666;
}
h5 {
  font-size:14px;
  line-height:21px;
  color:#666666;
}



p { margin: 0 0 21px 0; }

div.page { padding-right:1em; border-right:1px solid #BEBEBE; }
#post-224 h2.entry-title { display:none; }

p.recommend   { font-size:0.9em; color:#606060; margin:0; background-color:#efefef; padding:2px 4px;}
span.recred   { color:#af0000; }
span.recgreen { color:#00af00; }
span.recgray  { color:#afafaf; }

#comments h6 {text-transform: none;}
#comments .vcard {
	background:none;
	width:0;
	min-height: 100px;
	padding:20px 0;
}

#comments .single-comment { border:1px solid #cfcfcf; padding:0; }

div.attach { font-size:0.9em; background-color:#efefef; padding:2px 4px; margin-bottom:20px; }
p.pods-field { margin-bottom:0; }

div.members-login-form label { width:300px; }

li#members-widget-login-3.widget-container.login { margin-bottom:0; }

#metaslider_1992 { margin-bottom:0; }

#menu-toggle {display: none;}
.label-toggle {display: none;}

/* Media Queries */

	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#navigation ul {border-radius:0px;}
	#navigation ul li a {font-size: .9em;padding: 10px 15px;}
	#navigation ul {min-width: 700px;}
	#sidebar .widget-container {margin-left: 0px;}
	.resize {display: none;}
	#respond textarea {width:auto;}	
	
	/* jigoshop styles */
	#header .site-desc.text {font-size: 1.25em;}
	
	}
	
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	.container, .container .sixteen.columns, .container .three.columns { width:100%; }
div#content { width:90%; padding:0 1em; }
	
	#wrap {}
	#header .site-desc.text {font-size: 1.25em;}
	#navigation {margin: 10px 0px;}
	
	#navigation ul,
	#navigation ul li,
	#navigation ul li a {
	float: none;
	background: transparent;
	border: none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	behavior:none;
	}
	
	#navigation ul li a,
	#navigation ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li:hover a {
	border: none;
	padding: 2px 0;
	line-height: 150%;
	background: transparent;
	background-image: none;
	}
	
	div.menu-header { display:none; }

#menu-toggle:checked ~ div.menu-header {
      display:block;
}

	
	.label-toggle {
      background: linear-gradient(to bottom, #008080 0%, #008080 20%, transparent 20%, transparent 40%, #008080 40%, #008080 60%, transparent 60%, transparent 80%, #008080 80%, #008080 100%); //Gradient Hamburger
      cursor: pointer;
      display: block;
      float: left;
      height: 21px;
      margin-top: -2em;
      margin-left: 1em;
      width: 21px;
    }
	
	li.widget_black_studio_tinymce { display:none; }


	#wrap {}
	#header .site-desc.text {font-size: 1.25em;}
	#navigation {margin: 10px 0px;}

	#navigation ul,
	#navigation ul li,
	#navigation ul li a {
	float: none;
	background: transparent;
	border: none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	behavior:none;
	}

	#navigation ul li a,
	#navigation ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li:hover a {
	border: none;
	padding: 2px 0;
	line-height: 150%;
	background: transparent;
	background-image: none;
	}
	
	/* Initial reset and hide sublevels in mobile view */
	
	#navigation ul.sub-menu,
	#navigation ul.sub-menu li,
	#navigation ul.sub-menu li:hover,
	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover
	 {
		display: none;
		position: relative;
		left: 0px;
		line-height: 100%;
		background: none;
		border: none;
		border-style: none;
		box-shadow:none;
		padding: 0;
		margin: 0;
		height: auto;
		background-image: none;
	}
	
	/* Declare new padding for submenu items */

	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover {
		padding: 4px 0px 4px 10px;
	}
	
	/* Show on hover */
	
	#navigation li:hover ul.sub-menu,
	#navigation li:hover ul.sub-menu li,
	#navigation li:hover ul.sub-menu li a {
		display: inline-block;
		background-color: white;
	}
	#respond textarea {width:300px;}	


	
	#wrap .products li,.products li.first,.products li.last {
 	float: left;
 	clear: both;
	margin: 20px 0px 20px 0px;
	width: 100%;
	}
	#breadcrumb {display: none;}

	#sidebar .widget-container {margin-left: 0px;}
	.full-width,
	.one_half,
	.one_third,
	.two_thirds,
	.three_fourths,
	.one_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {width: 100%;}
	.resize {display: none;}

div.page { padding-right:0; border-right:0px solid #BEBEBE; }

div.entry-content { margin-top: 1em; }

h1.entry-title { margin-top: 0.5em; }
	
div.inner {margin-top: 0; margin-bottom: -3em;}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}