.page-id-145824 .page-title{
	display:none;
}
#equitermz-ajax-auth-container{
	width:100%;
	margin:0 auto;
}
#equitermz-ajax-auth-container form{
    margin-top:1.5rem;
}
#equitermz-ajax-auth-container .game-title,
#equitermz-ajax-auth-container .game-subtitle{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-bottom:30px;
}
#equitermz-ajax-auth-container .game-title h1{
	text-align:center;
	font-weight:bold;
	font-size:2.4rem;
	text-transform:uppercase;
}
#equitermz-ajax-auth-container .game-title h1 span{
	display:inline-block;
	width:4rem;
	height:4rem;
	margin:0.2rem;
	color:#FFF;
	line-height:4rem;
	text-align:center;
	border-radius:5rem;
	background:#71001e;
}
#equitermz-ajax-auth-container .game-subtitle *{
	text-align:center;
}
#equitermz-ajax-auth-container .main-buttons{
	position:relative;
	width:100%;
	float:left;
	margin:0 auto;
	text-align:center;
}
#equitermz-ajax-auth-container .main-buttons div p{
	font-style:italic;
	text-align:center;
	margin-bottom:20px;
}
#equitermz-ajax-auth-container .main-buttons button,
#equitermz-ajax-auth-container form button{
	padding:1rem 2rem;
	font-size:16px;
	cursor:pointer;
	color:#fff;
	border:none;
	border-radius:5px;
	background-color:#71001e;
	text-transform:uppercase !important;
}
#equitermz-ajax-auth-container .main-buttons button#guest-mode,
#equitermz-ajax-auth-container .main-buttons button#member-mode{
	background:#FFF;
	border:4px dashed #71001e;
	color:#71001e;
	clear:both !important;
	text-transform:uppercase;
	font-weight:900;
}
#equitermz-ajax-auth-container .main-buttons .or{
	font-weight:900;
	margin:1.5rem 0;
	float:left;
	text-align:center;
	font-size:1.8rem;
	width:100%;
}

/* Forms */

#equitermz-ajax-login-form,
#equitermz-ajax-register-form,
#equitermz-ajax-reset-form{
	background:#f2f2f2;
	width:70%;
	float:left;
	padding:2.5rem;
	margin:0 15%;
	border:.1rem solid #ddd;
}
#equitermz-ajax-auth-container form h3{
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:900;
}
#equitermz-ajax-auth-container form input{
	width:calc(100% - 3.2rem);
	height:auto;
	padding:1.5rem;
	margin-bottom:1rem;
	border:.1rem solid #ddd;
}
#equitermz-ajax-auth-container form button{
	border-radius:0 !important;
	font-weight:900 !important;
	margin-top:1rem !important;
}
#equitermz-ajax-auth-container form p.login-error{
	width:calc(100% - 2.2rem);
	margin-top:1rem;
	font-style:italic;
	padding:1rem;
	background:rgba(255,0,4,0.25);
	border:.1rem solid red;
	display:none;
	color:#FFF;
}
#equitermz-ajax-auth-container form a#show-reset{
	margin-top:1rem !important;
	float:left;
}

/* General game container styles */

#equitermz-game-container{
	width:calc(100% - 4rem);
	float:left;
	max-width:100%;
	margin:2.5rem auto;
	text-align:center;
	padding:2rem;
	display:none;
	border:.1rem solid #ddd;
	border-radius:10px;
	background-color:#f9f9f9;
}
.logged-in #equitermz-game-container div.how-to-play-button{
	width:auto;
	float:left;
	font-weight:bold;
	color:#71001e;
	text-decoration:underline;
	cursor:pointer;
}
#equitermz-game-container div.how-to-play-button{
  	text-align: left;
	margin-bottom:1.5rem;
	margin-top:-.5rem;
	font-weight:bold;
	color:#71001e;
	text-decoration:underline;
	cursor:pointer;
}

/* Player input and buttons */

#equitermz-name-difficulty{
	width:100%;
	float:left;
}
#equitermz-name-difficulty input,
#equitermz-name-difficulty select{
	background:#d8d6d6;
	border:0;
}
#equitermz-name-difficulty #equitermz-name{
	margin-right:1rem;
}
#equitermz-name-difficulty #equitermz-name,
#equitermz-name-difficulty #equitermz-difficulty-selector{
	display:inline-block;
}
#equitermz-name-difficulty #equitermz-name label,
#equitermz-name-difficulty #equitermz-difficulty-selector label{
	width:100%;
	float:left;
	text-align:left;
	font-weight:bold;
	margin-bottom:.5rem;
	text-transform:uppercase;
}
#equitermz-name-difficulty #equitermz-name input#equitermz-player-name{
	width:calc(100% - 2rem);
	float:left;
	text-align:left;
	padding:1rem;
	font-size:1.6rem;
}
#equitermz-name-difficulty #equitermz-start{
	width:100%;
	float:left;
	margin:2rem 0 0 0;
}
#equitermz-name-difficulty #equitermz-start #equitermz-start-game,
#equitermz-name-difficulty button.how-to-play-button{
	padding:10px 20px;
	font-size:16px;
	cursor:pointer;
	background-color:#71001e;
	color:#fff;
	border:none;
	border-radius:5px;
}
#equitermz-name-difficulty #equitermz-start #equitermz-start-game:hover{
	background-color:#0F3C3D;
}
#equitermz-name-difficulty #equitermz-difficulty-selector #equitermz-difficulty{
	width:calc(100% - 2rem);
	float:left;
	padding:1rem;
	font-size:1.6rem;
}
#equitermz-score-display{
	font-weight:bold;
	text-align:right;
	margin-bottom:1.5rem;
	margin-top:-.5rem;
}

/* Game grid styles */

.equitermz-row{
	display:flex;
	justify-content:center;
	margin-bottom:5px;
}
.equitermz-cell{
	display:inline-block;
	width:50px;
	height:50px;
	margin:2px;
	text-align:center;
	line-height:50px;
	font-size:1.5em;
	font-weight:900;
	background-color:#fff;
	border:2px solid #ccc;
	border-radius:50px;
	transition:transform 0.6s;
	transform-style:preserve-3d;
	position:relative;
}
.equitermz-cell::before{
	content:attr(data-letter);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50px;
	backface-visibility:hidden;
	transform:rotateY(0deg);
}
.equitermz-cell::after{
	content:attr(data-letter);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	border-radius:50px;
	backface-visibility:hidden;
	transform:rotateY(180deg);
}
.equitermz-cell.absent,
.equitermz-cell.present,
.equitermz-cell.correct{
	color:#FFF !important;
}

/* Keyboard styles */

#equitermz-keyboard{
	margin-top:20px;
}
.equitermz-key{
	padding:10px;
	margin:5px;
	font-size:16px;
	cursor:pointer;
	border:0 solid #ccc;
	border-radius:5px;
	background-color:#e7e7e7;
	transition:background-color 0.3s;
}
.equitermz-key:hover{
	background-color:#d5d5d5;
}

/* Feedback colors */

.equitermz-cell.correct,
.equitermz-cell.present,
.equitermz-cell.absent{
	transform:rotateY(180deg);
}
.equitermz-cell.correct::after{
	background-color:#71001e;
}
.equitermz-cell.present::after{
	background-color:#222F51;
}
.equitermz-cell.absent::after{
	background-color:gray;
}
#equitermz-keyboard button.key-correct{
    background-color:#71001e;
    color:white;
}
#equitermz-keyboard button.key-present{
    background-color:#222F51;
    color: white;
}
#equitermz-keyboard button.key-absent{
    background-color:gray;
    color:white;
    pointer-events:none;
    opacity:0.6;
}

/* Scoreboard styles */

#equitermz-scoreboard{
	width:100%;
	float:left;
	margin-top:5rem;
}
.equitermz-scoreboard-table{
	width:100%;
	border-collapse:collapse;
	margin-top:1rem;
}
.equitermz-scoreboard-table th,
.equitermz-scoreboard-table td{
	border:1px solid #ddd;
	padding:8px;
	text-align:center;
}
.equitermz-scoreboard-table th{
	background-color:#f2f2f2;
	font-weight:bold;
}
#equitermz-scoreboard-content h2{
	margin-bottom:2rem;	
	text-align:center;
}

/* Modals CSS */

#how-to-play-modal,
#congratulations-winner-modal{
	display:none;
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
}
#how-to-play-content,
#congratulations-content{
	background-color:#fff;
	margin:10% auto;
	padding:2rem;
	width:80%;
	max-width:600px;
	border-radius:0;
	text-align:left;
	display:inline-block;
	border:5px solid #71001e;
}
#how-to-play-content h2,
#congratulations-content h2{
	width:100%;
	float:left;
	color:#71001e;
	font-size:26px;
	margin:-25px 0 12px 0;
}
#how-to-play-content p,
#how-to-play-content ul,
#how-to-play-content strong,
#congratulations-content p{
	width:100%;
	float:left;
	text-align:left;
}
#how-to-play-content p strong{
	width:auto;
	float:none;
}
#how-to-play-content ul{
	margin:10px 0 10px 20px;
	padding:0;
	text-align:left;
}
#how-to-play-content ul li{
	text-align:left;
}
#how-to-play-content .close-modal,
#congratulations-content .close-modal{
	float:right;
	font-size:38px;
	cursor:pointer;
	font-weight:bold;
	z-index:9999999;
	position:relative;
}
#how-to-play-content .example-grid{
	width:100%;
	float:left;
	margin:10px 0;
}
#how-to-play-content .example-cell{
	display:inline-block;
	width:30px;
	height:30px;
	margin:2px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	border:2px solid #ccc;
	border-radius:50px;
}
.correct-example{
	background-color:#71001e;
	color:#fff;
}
.present-example{
	background-color:#222F51;
	color:#fff;
}
.absent-example{
	background-color:gray;
	color:#fff;
}
p.game-message{
	font-size:18px;
	text-align:center !important;
	margin:0 !important;
	padding:20px 0 !important;
}

/* Login Page Title */

.page-id-121058.horse-canada .login-title{
	text-align:center;
	margin-bottom:20px;
}
.page-id-121058.horse-canada .login-title span{
	width:45px;
	height:45px;
	margin:2px;
	line-height:44px;
	text-align:center;
	font-weight:bold;
	font-size:28px;
	color:#FFF;
	border:2px solid #ccc;
	border-radius:50px;
	display:inline-block;
	background-color:#71001e;
}

/* Responsive */

@media all and (max-width:450px){
	
	#equitermz-ajax-auth-container .game-title h1 span{
		width:3.5rem;
		height:3.5rem;
		margin:-0.6rem;
		line-height:3.5rem;
		font-size:2rem;
	}
	.equitermz-key{
		padding:10px 7px;
		margin:1px;
	}
	
}