/*All the styles for the various workshop tiles*/

.ageSelect {
  background-color: LightGray;
  color: black;
  width: 85%;
  font-size: 1.25vw;
  padding: .25vw 0 .25vw 0;
  border-radius: .5vw;
}

.ageSelect:hover {
  cursor: pointer;
  text-decoration: underline #ffcc00 3px;
}

.ageSelectCurrent {
  background-color: #242753;
  color: #ffcc00;
  width: 85%;
  font-size: 1.25vw;
  padding: .25vw 0 .25vw 0;
  border-radius: .5vw;
}
.ageSelectCurrent:hover {
  cursor: pointer;
  color: white;
}

.ageSelectInactive {
  background-color: LightGray;
  color: black;
  width: 85%;
  font-size: 1.25vw;
  padding: .25vw 0 .25vw 0;
  border-radius: .5vw;
  opacity: 0.3;
}
.faded {
  opacity: 0.5;
}
.hidden {
  display: none;
}
/*.highlighted {

}*/
.overlayLink {
  cursor: pointer;
}
.quizrounds {
  width: 40%;
  margin-left: 30%;
}
.tile {
  width: 100%;
  position: relative;
  margin: auto;
  border-radius: 0 2vw 0 2vw;
}
.tileNonLink {
  width: 100%;
  position: relative;
  margin: auto;
  border-radius: 0 2vw 0 2vw;
}
.tile:hover {
  opacity: 0.6;
}
.tileAgeA-Level, .tileAgeMaths {
  color: black;
  background-color: #ffcc00;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileAgeA-Level:link, .tileAgeMaths:link {
  color: black;
  text-decoration: none;
}
.tileAgeAllAges, .tileAgeCompSci {
  color: white;
  background-color: purple;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileAgeAllAges:link, .tileAgeCompSci:link {
  color: white;
  text-decoration: none;
}
.tileAgeGCSE, .tileAgePhys {
  color: white;
  background-color: #242753;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileAgeGCSE:link, .tileAgePhys:link {
  color: white;
  text-decoration: none;
}
.tileAgeKS3, .tileAgeDIS {
  color: white;
  background-color: red;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileAgeKS3:link, .tileAgeDIS:link {
  color: white;
  text-decoration: none;
}
.tileAgePrimary, .tileAgeBusiness {
  color: white;
  background-color: DarkGreen;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileAgePrimary:link, .tileAgeBusiness:link {
  color: white;
  text-decoration: none;
}
.tileAgeEngineering {
  color: black;
  background-color: Cyan;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileAgeEngineering:link {
  color: black;
  text-decoration: none;
}
.tileAgeXmas {
  color: white;
  background-color: #CC231E;
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
}
.tileImage {
  width: 100%;
  border-radius: 0 2vw 0 2vw;
}
.tileHot {
  color: black;
  background-image: linear-gradient(red, yellow);
  font-size: 1.25vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  opacity: 0.8;
  font-weight: bold;
}
.tileHot:link {
  color: black;
  text-decoration: none;
}
.tileHotText {
  color: black;
  background-image: linear-gradient(red, yellow);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
  font-weight: bold;
}
.tileHotText:link {
  color: black;
  text-decoration: none;
}
.tileLang {
  color: black;
  background-color: #ffcc00;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.25vw;
  padding: .5vw;
}
.tileLang:link {
  color: black;
  text-decoration: none;
}
.tileLangAllAges {
  color: white;
  background-color: purple;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.25vw;
  padding: .5vw;
}
.tileLangAllAges:link {
  color: white;
  text-decoration: none;
}
.tileLangGCSE {
  color: white;
  background-color: #242753;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.25vw;
  padding: .5vw;
}
.tileLangGCSE:link {
  color: white;
  text-decoration: none;
}
.tileLangKS3 {
  color: white;
  background-color: red;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.25vw;
  padding: .5vw;
}
.tileLangKS3:link {
  color: white;
  text-decoration: none;
}
.tileLangPrimary {
  color: white;
  background-color: DarkGreen;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.25vw;
  padding: .5vw;
}
.tileLangPrimary:link {
  color: white;
  text-decoration: none;
}
.tileLangEngineering {
  color: black;
  background-color: Cyan;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.25vw;
  padding: .5vw;
}
.tileLangEngineering:link {
  color: black;
  text-decoration: none;
}
.tileTextA-Level, .tileTextMaths {
  color: black;
  background-color: #ffcc00;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
}
.tileTextA-Level:link, .tileTextMaths:link {
  color: black;
  text-decoration: none;
}
.tileTextAllAges, .tileTextCompSci {
  color: white;
  background-color: purple;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
}
.tileTextAllAges:link, .tileTextCompSci:link {
  color: white;
  text-decoration: none;
}
.tileTextGCSE, .tileTextPhys {
  color: white;
  background-color: #242753;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
}
.tileTextGCSE:link, .tileTextPhys:link {
  color: white;
  text-decoration: none;
}
.tileTextKS3, .tileTextDIS {
  color: white;
  background-color: red;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
}
.tileTextKS3:link, .tileTextDIS:link {
  color: white;
  text-decoration: none;
}
.tileTextPrimary, .tileTextBusiness {
  color: white;
  background-color: darkgreen;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
}
.tileTextPrimary:link, .tileTextBusiness:link {
  color: white;
  text-decoration: none;
}
.tileTextEngineering {
  color: black;
  background-color: cyan;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5vw 0 .5vw 0;
  text-align: center;
  border-radius: 0 0 0 2vw;
  font-size: 1.25vw;
  width: 100%;
}
.tileTextEngineering:link {
  color: black;
  text-decoration: none;
}
#a-levelTiles {
  display: block;
}
#allAgesTiles {
  display: block;
}
#businessTiles {
  display: block;
}
#compSciTiles {
  display: block;
}
#disTiles {
  display: block;
}
#gcseTiles {
  display: block;
}
#ks3Tiles {
  display: block;
}
#mainBody {
  display: block;
}
#mathsTiles {
  display: block;
}
#memoryGame {
  display: none;
}
#physTiles {
  display: block;
}
#primaryTiles {
  display: block;
}
#workshopMenu {
  display: none;
}