#wordTheme {
	border-radius: 8px;
}
#wordboard {
	/* margin: 20px auto 0 auto; */
	/* border: 1px #bbb solid; */
	display: table;
	width: 100%;
	border-left: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
}

.boardRow {
	display:flex;
	flex-wrap: nowrap;
}
.cell {
	margin: 0 auto;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7; 
	display: table-cell;
	aspect-ratio: 1 / 1;
	width: 5.8888%;
	font-size:14px;
	padding: 0;
	outline: 0;
	/*ensures text can't be accidentally selected*/
	cursor: default;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	background-color: #f3f3f3;
	border-radius: inherit;
	color: #3c434a !important; 
	font-weight: 600;

}
.cell:focus{
	border-color: #e7e7e7;
}
.cell:hover {
	background-color: #000;
	border-color: #e7e7e7;
	color: #fff !important;

}
/* .cell.selectable {
	background-color: rgb(206, 206, 234);
} */
.cell.selected {
	background-color: #add8e6;
}
.cell.found {
	background-color: #008b1e;
	color:#fff !important;
	/* font-weight: bold; */
}
.cell.found:hover{color: #005312 !important;}
#wordlist {
	margin: 40px 0;
	border: transparent;
	display: table;
	font-size: 17px;
	text-align: center;
}
.listRow {
	display: table-row;
}
.listWord {
    display: table-cell;
    vertical-align: middle;
    background: #f2f2f2;
    border: solid 0.5px #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
	width: 25%;
}
.listWord.found {
	color:#FD3B3B;
	text-decoration: line-through;
	background: #ffdfdf;
}
/*#solveButton, #newGameButton {
	background-color: rgb(199, 226, 201);
	margin: 20px auto 20px auto;
	display: block;
	outline: 0;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
}*/


/* MY CSS */
.crossword-header{ 
    margin: 0 0 5px;
    display: block;
    font-size: 1.6em !important;
    max-width: 680px;
}
.game-time { 
	display: inline-block;
}
.game-actions { 
	float: right; 
	display: flex;
}
.game-actions a {
	color: #000;
}
a.tooltips {
	position: relative;
	display: inline;
    margin-left: 10px;
}
a.tooltips span {
	position: absolute;
	width: 60px;
	color: #FFFFFF;
	background: #000000;
	height: 30px;
	line-height: 28px;
	text-align: center;
	visibility: hidden;
	border-radius: 3px;
	font-size:16px;
}
a.tooltips span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 35%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	bottom: 40px;
	left: 50%;
	margin-left: -23px;
	z-index: 999;
}
button:focus {
	background-color: #e6e6e6;
}

#puzzle-container{margin: 25px 0;}

.crossword-header{max-width: 50% !important;}
.listWord{    word-break: break-word;}

@media screen and (max-width:899px){
	.crossword-header{max-width:100% !important;}

}
@media screen and (max-width:1200px) and (min-width:901px){
	.listWord, .cell{
		font-size: 11px;
	}
}

@media screen and (max-width:901px){
	#puzzle-clues{padding:15px 0;}
	.listWord {
		width: 25%;
		display: flex;
		justify-content: center;
		vertical-align: middle;
		align-items: center;
		padding: 5px;
		
	}
	.listRow {
		display: flex;
	}
}
@media screen and (max-width:767px){
	.listWord{font-size: 10px;;}
	.cell{font-size: 10px;}
	.crossword-header{overflow:hidden;}
}