/* ------------------------------------------------------ */
/* 			 		START GAME MEMORY   		   		  */
/* ------------------------------------------------------ */
#board { 
	padding: 1vh;
	width: 65vh;
	height: 65vh;
	background-color: #fff;
 	border-radius: 1vh;
    position: relative;
    z-index: 10;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
	box-shadow: 0vh 0vh 0.7vh rgb(0 0 0 / 18%)
}
.aDestra{
	position: absolute;
	z-index: 10;
	left: calc(50% + 36vh);
	top: 50%;
	transform: translateY(-50%);
}
.for_dad_mam{
	/* position: absolute; */
    z-index: 10;
    /* left: calc(50% - 65vh); */
    padding: 1vh 2vh;
    padding-left: 6vh;
    top: 50%;
    /* transform: translateY(-50%); */
    width: 37vh;	
	background: #008ACE;
    /* background: linear-gradient(90deg, #004899 20%, #008ACE 70%); */
	border: 0.3vh solid #fff;
    border-radius: 1.5vh 1.5vh 1.5vh 0;
    color: #fff;
	text-align: right;
    /* border: 0.3px solid #fff; */
	margin-top: 0.25vh;
	display: flex;
    align-items: center;
    justify-content: flex-end;
	height: 8vh;
	overflow: hidden;
	cursor: pointer;
}
.for_dad_mam h3{
	font-weight: bold;
	margin-bottom: 0vh;
	font-size: 2.1vh;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.4s;
}
.for_dad_mam h3:hover{
	color: #ffed00; 
}
.for_dad_mam p{
	font-weight: 400;
	font-size: 1.8vh;
	margin-bottom: 0;
	display: none;
}

ul.memory_tools{ 
	display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
	width: 37vh;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
ul.memory_tools li{ 
	text-align: right;
	width: 100%;
	padding: 1.5vh 2.5vh;
	font-size: 2.1vh;
}
li#startGameButton{
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	/* background: #42bb00; */
	/* background: linear-gradient(90deg, rgba(161,191,54,1) 20%, rgba(42,131,68,1) 70%); */
	background: rgba(42,131,68,1);
	border-radius: 1.5vh;
 	border: 0.3vh solid #fff;
 	font-weight: bold;
	 /* margin-bottom: 1.5vh; */
	 transition: all 0.4s;
	 /* width: 80%; */
	 height: 8vh;
	 margin: 0.25vh 0;
	     display: flex;
    align-items: center;
    justify-content: flex-end;
}
li#startGameButton:hover{ 
	color: #ffed00; 
}
	
li#istruciones{
	background: #004899;
	background: #B32925;
	/* background: linear-gradient(90deg, #008ACE 20%, #004899 70%);
	background: linear-gradient(90deg, #972B28 20%, #B32925 70%); */
	border-radius: 1.5vh;
	color: #fff;
	border: 0.3vh solid #fff;
	transition: all 0.4s;
	cursor: pointer;
	font-weight: bold;
	/* width: 90%; */
	height: 8vh;
	margin: 0.25vh 0;
	    display: flex;
    align-items: center;
    justify-content: flex-end;
}
li#istruciones:hover{ color: #ffed00; }

/* #newGameButton {
	display: block;
	color: #424748;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #2ECC71;
	width: 150px;
	text-align: center;
	font-size: 18px;
	height: 30px;
	color: #fff;
	line-height: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
 	border-radius: 10px;
 	border: 3px solid #fff;	
}
#newGameButton:hover{ background: #27AE60; }
#game_done h1{ margin: 10px 0 30px 0; font-size: 70px; }
#game_done a{ margin: 0 auto;} */

.tile {
	width: calc(100% / 4 - 1vh);
	height: calc(100% / 4 - 1vh);
	cursor: pointer;
	margin:0.5vh;
	-webkit-border-radius: 0.8vh;
	-moz-border-radius: 0.8vh; 
 	border-radius: 0.8vh;	
	 box-shadow: 0vh 0vh 0.7vh rgb(0 0 0 / 30%)
}
.tile img { 
	display: block; 
	margin: 0 auto; 
	width: 100%;
	height: auto;
 }

.tileColor { 
	background: url("../img/memory/bg_card.svg");
	background-size: cover;
 }

div.message#match_ok{ 
	color: #fff;
	position: absolute;
	width: 45vh;
	text-align: center;
	display: none;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 5vh;
	line-height: 10vh;
	border-radius: 1.5vh;
	background-color: #42bb00;
	background-color: #27AE60;
	background-color: #ff8500;
	border-bottom: 0.5vh solid #308a36;
	border-bottom: 0.5vh solid #e27600;
	z-index: 12;
}

div#game_start{ 
	width: 65vh;
	height: 65vh;
	background-image: url("../img/memory/bg_start.png"); 
	background-size: Cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-border-radius: 0.8vh;
	-moz-border-radius: 0.8vh; 
 	border-radius: 0.8vh;
 	position: relative;
 	margin-top: -65vh;
 	z-index: 10;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 
 span#startPlayButton{
	background: #27AE60;
	background: linear-gradient(90deg, #27AE60 0%, rgba(42,131,68,1) 70%);
	color: #fff;
	width: 30vh;
	display: block;
	text-align: center;
	padding: 1vh 3vh;
 	border-radius: 4vh;
 	border: 0.4vh solid #fff;
 	font-size: 3vh;
 	font-weight: bold;
 	cursor: pointer;
	box-shadow: 0 0 1.5vh #424242;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s;
}
span#startPlayButton:hover{ color: #ffed00; }


div#game_done{ 
	font-size: 4vh; 
	-moz-border-radius: 1.5vh;
	border-radius: 1.5vh; 
	background-color:rgba(0, 0, 0, 0.25); 
	border-bottom: 0.5vh solid #7F8C8D;	
}


/* ------------------------------------------------------ */
/* 			 		END GAME MEMORY   		   		  */
/* ------------------------------------------------------ */