/**
 * @author Richard Spruit
 * @copyright Copyright (C) 2020 - 2020 Stichting Scouting Tono
 */

:root {
  --tonocyaan: #5dd7fb;
  --citroengeel: #ffff38;
  --achtergronddonkerder: #e3d1b8;
  --achtergrondkleurlichter: #f7eddf;
  --border: #deaf86;
}

h1 { font-family: Verdana, Arial, "Open Sans", "Sans Serif";
  font-weight: 900;
  color: var(--tonocyaan);
	text-shadow: 3px 3px 3px white;
  margin-bottom: 0;
  margin-top: 0;
}
h2 { font-family: Verdana ,Arial, "Open Sans", "Sans Serif";
  font-weight: bold;
  color: var(--citroengeel);
	text-shadow: 1px 1px 1px var(--tonocyaan);
  margin-bottom: 18px;
  margin-top: 0;
}
h3 {
	font-size: 14px;
	font-family:  Verdana ,Arial, "Open Sans", "Sans Serif";
  color: maroon;
  margin-bottom: 0px;
}
.category-view h1, .product-container h1, .category h2, .product h2 {
	-webkit-transform: none; /* Saf3.1+, Chrome */
  -moz-transform: none; /* FF3.5+ */
  -ms-transform: none; /* IE9 */
  -o-transform: none; /* Opera 10.5+ */
  transform: none;
}
ul.menu, div#mainmenusmall {
  background: linear-gradient(90deg, rgba(12, 183, 60, 0) 0%, rgba(12, 183, 60, 0.7) 14%, rgba(12, 183, 60, 0.7) 90%, rgba(12, 183, 60, 0) 100%);
}
.item-page hgroup {
	position: absolute;
	top: 140px;
}
.virtuemartcategories {
	width: 100%;
}
ul.menumateriaal {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
  background-color: #b44346;
}
ul.menumateriaal ul {
	background-color: #d88e6c;
}
ul.menumateriaal ul ul {
	background-color: #dfa28a;
}
ul.menumateriaal li {
  border-bottom: 1px solid #ccc;
  width: 100%;
  float: left;
  word-wrap: break-word;
  line-height: 18px;
  padding: 0;
}
ul.menumateriaal a {
	color: #eee;
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	  margin-left: 359px;
	width: 210px;
}
ul.menumateriaal ul a {
  padding-left: 40px;
}
ul.menumateriaal ul ul a {
  padding-left: 70px;
}
ul.menumateriaal li.active > div a {
	color: #fbfbb8;
}
.VmArrowdown {
	display: inline-block;
	float: none;
	background: bottom left no-repeat url(../images/menu_expand.png);
	background-size: 22px 22px;
	height: 25px;
	width: 40px;
	margin: 0;
	padding: 0;
}
.product-container {
	background-color: var(--achtergrondkleurlichter);
}
.breadcrumbs {
  border: 2px solid #b44346;
  padding: 2px 2px 2px 5px;
  margin-top: 6px;
  background-color: var(--achtergrondkleurlichter);
  color: #b44346;
}

/* ================================================================= */
/* Afhankelijk van schermbreedte: schermen kleiner dan 1200px        */
@media only screen and (max-width: 1200px) {
  ul.menumateriaal a {
	  margin-left: 271px;
  }
}

/* ================================================================= */
/* Afhankelijk van schermbreedte: schermen kleiner dan 1024px        */
@media only screen and (max-width: 1024px) {
  ul.menumateriaal a {
	  margin-left: 159px;
  }
}

/* ================================================================= */
/* Afhankelijk van schermbreedte: schermen kleiner dan 800px        */
@media only screen and (max-width: 800px) {
  ul.menumateriaal a {
	  margin-left: 75px;
  }
}

/* ================================================================= */
/* Afhankelijk van schermbreedte: schermen kleiner dan 600px        */
@media only screen and (max-width: 600px) {
  ul.menumateriaal a {
	  margin-left: 0;
  }
}