label.big.cuisine.heading,
label.cuisine.heading {
  color: white;
  margin: 32px 32px 0;
  font-weight: normal;
  font-size: 18pt;
}

label.big.cuisine,
label.cuisine {
  border-width: 0;
  color: white;
  margin: 0 32px 32px;
  font-size: 11pt;

}

/* Can be overridden for individual tiles like this:
label.cuisine.heading.mediterranean,
label.cuisine.mediterranean {
  color: black;
}
*/

.cuisine.view.tile {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  border-width: 0;
  min-width: 396px; /* FIXME: avoid smaller columns */
}


.cuisine.view.tile.american {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/american.png');
}

.cuisine.view.tile.chinese {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/chinese.png');
}
.cuisine.view.tile.indian {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
  url('resource:/org/gnome/Recipes/indian.jpg');
}
.cuisine.view.tile.italian {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/italian.png');
}
.cuisine.view.tile.french {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/french.png');
}
.cuisine.view.tile.greek {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/greek.png');
}
.cuisine.view.tile.mexican {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/mexican.png');
}
.cuisine.view.tile.mediterranean {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/mediterranean.png');
}
.cuisine.view.tile.turkish {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)),
              url('resource:/org/gnome/Recipes/turkish.png');
}

.cuisine.big.view.tile.american { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-american.png'); }
.cuisine.big.view.tile.chinese { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-chinese.png'); }
.cuisine.big.view.tile.indian { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-indian.jpg'); }
.cuisine.big.view.tile.italian { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-italian.png'); }
.cuisine.big.view.tile.french { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-french.png'); }
.cuisine.big.view.tile.greek { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-greek.png'); }
.cuisine.big.view.tile.mexican { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-mexican.png'); }
.cuisine.big.view.tile.mediterranean { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-mediterranean.png'); }
.cuisine.big.view.tile.turkish { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)),url('resource:/org/gnome/Recipes/big-turkish.png'); }

