/* FONTS */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* OpenDyslexic3 */
@font-face {
  font-family: 'OpenDyslexic3';
  src: url("../fonts/OpenDyslexic3-Regular.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenDyslexic3';
  src: url("../fonts/OpenDyslexic3-Bold.woff");
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

body.opendsylexic *{
  font-family: OpenDyslexic3!important;
}

body.contrast {
	background-color: #232323;
	color: white;
}

body.contrast .deck {
	background-color: #444;
}

.restart img { 
  background-color: #666;
  border-radius: 50%;
}

/*Update*/
.playAgain {
  background-color: transparent;
  padding: 0.8rem;
  font-size: 1.6rem;
  line-height: 1;
  border-color: #00b600;
  color: #00b600;
}
.playAgain:hover { color: #009c00; border-color: #009c00; } 

.score-panel { display: flex; align-items: center; }
.score-panel .restart {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: auto;
}
.score-panel .restart:hover { opacity: 1; }

.timer { margin: 0 1rem; }

/*border radius*/
.front, .back { border-radius: 4px; }

/*IT two line timer fix*/
.italian .score-panel, .italian5 .score-panel { display: block; padding-right: 60px; position: relative; }
.italian .restart, .italian5 .restart { position:absolute; top:0; transform: translateY(50%); margin-top: -1rem;} 
@media screen and (max-width: 894px) {
  .italian .restart, .italian5 .restart { transform: none; margin-top: 0; }
}


/*ios fix*/
.deck .card.match {
	background-color: transparent;
}
 	

/*mathced color*/
.card.color1 .back { background-color: #5f5fc7!important; }
.card.color2 .back { background-color: #c1cb29!important; }
.card.color3 .back { background-color: #c95563!important; }
.card.color4 .back { background-color: #4fb854!important; }
.card.color5 .back { background-color: #bc6fc1!important; }
.card.color6 .back { background-color: #41c0be!important; }
.card.color7 .back { background-color: #f85bc6!important; }
.card.color8 .back { background-color: #c78452!important; }

/* LANG */
.latin .card .front{ background-image: url("../img/icons/memory-latin.jpg"); }
.italian .card .front, .italian5 .card .front{ background-image: url("../img/icons/memory-italian.jpg"); }
.german .front{ background-image: url("../img/icons/memory-german.jpg"); }


.latin .card .back { background-color: #9c724a; }
.latin .restart img { background-color: #9c724a; }
.latin .restart img:hover { background-color: #7d552e; opacity: 1; }

.german .card .back { background-color: #b20000; }
.german .restart img { background-color: #b20000; }
.german .restart img:hover { background-color: #cc0000; opacity: 1; }

.italian .card .back { background-color: #628c3a; }
.italian .restart img { background-color: #628c3a; }
.italian .restart img:hover { background-color: #7c982c; opacity: 1; }

.italian5 .card .back { background-color: #53b2c3; }
.italian5 .restart img { background-color: #53b2c3; }
.italian5 .restart img:hover { background-color: #3d91a0; opacity: 1; }