@font-face {
  font-family: "Graphik-Regular-Web";
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url("../../fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../../fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../../fonts/Graphik/Graphik-Regular-Web.svg") format("svg");
}
/* TRANSITION */
/* COLORS */
/* SOCIAL */
/* MIXINS */
/*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */
header {
  margin-bottom: 40px;
}
header .header {
  background: #333;
  padding: 20px 0;
}
header .header p {
  color: #fff;
  margin: 0;
}
header .menu {
  background: #ddd;
}
header .menu a {
  display: block;
  padding: 10px;
}
header .menu .active a {
  background: #fff;
}
footer {
  background: #333;
  padding: 10px 0;
  margin-top: 40px;
}
footer p {
  text-align: center;
  color: #fff;
  margin: 0;
}
.food-planing .date span {
  display: block;
  text-align: center;
  line-height: 1;
}
.food-planing .date span.dd {
  font-size: 30px;
}
.food-planing .date span.mm {
  text-transform: uppercase;
}
.food-planing .item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.food-planing .item + .item {
  border-top: 1px solid #ddd;
}
.food-planing ul {
  margin-bottom: 0;
}
.recipe-list .item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.recipe-list .item p {
  margin: 0;
}
.recipe-list .item + .item {
  border-top: 1px solid #ddd;
}
.filter-recipes .cat-filter {
  margin-bottom: 20px;
}
.filter-recipes .cat-filter + h2 {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.meal {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  margin-left: 5px;
}
.meal em {
  display: block;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-top: 2px;
  margin-left: 2px;
  overflow: hidden;
}
.meal.meal-veg {
  border-color: #329600;
}
.meal.meal-veg em {
  background: #329600;
}
.meal.meal-non-veg {
  border-color: #f00;
}
.meal.meal-non-veg em {
  background: #f00;
}
.meals-grid .meal {
  float: left;
  width: 12px;
  height: 12px;
  border-width: 1px;
  margin: 0;
}
.meals-grid .meal em {
  width: 8px;
  height: 8px;
  margin-top: 1px;
  margin-left: 1px;
}