@charset "UTF-8";

.animated.delay0 {
	-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
	animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
}

.animated.short {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
}

.animated.shorter {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
}

.resultButtons [data-show-if-can-end-game] .button {
	font-size: 1rem;
}


/* CSS Document */

 		/*
		font-family: 'Special Elite', cursive;
		font-family: 'Open Sans Condensed', sans-serif;
		font-family: 'Dosis', sans-serif;
		*/


		body, html {
			height:100%;
		}

		.columns {
			height:100%;
		}

		p {
			font-family:"Dosis", sans-serif!important;
		}



/* TITLE SCREEN */
		.button_row {
			position:absolute;
			top:0;
			width:100%!important;
		}

		.button_row a {
			font-size:1.25rem!important;
			padding:.5rem 0;
			text-align:center;
			color:#fff;
			font-weight:700;
		}

		.mainBG {
			background:url(/images/site/games/hidden/bg-hidden.png);
			background-position:center;
	    background-size:cover;
		}

		.logo {
			margin-bottom:1rem;
		}

/* EZM STYLES */
		.ezm_styles {
			color:#fff;
		}
/* END EZM STYLES */

		#gameWrap {
			font-family: 'Open Sans Condensed', sans-serif;
			text-align:center;
			position: absolute;
			left: 50%;
			top: 50%;
			width:100%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			box-shadow:
				0px 0px 30px #555,
				0px 0px 5px #000
			;
		}

		.gameCenter {
			height:640px;
			position:relative;
			overflow:hidden;
		}

		.gameContent {
			text-align:center;
			position: absolute;
			left: 50%;
			top: 55%;
			width:100%;
			padding: 0 1rem;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
    }

		h1, h2, h3, h4 {
			font-family: "", sans-serif;
			font-weight: 900;
			line-height: 1;
			letter-spacing: -.1rem;
			margin-top: .25rem;
		}

		a.button {
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight:900;
			text-rendering: optimizeLegibility;
	    text-shadow: 0px 1px 1px #000;
			font-weight:700;
		}

		.red {
			color:#C00;
		}

		.green {
			color:rgba(102,204,0,0.75);
		}

		.gray {
			color:rgba(0,0,0,.75);
		}

		.hide { display:none }
		.noshow { visibility:hidden }

/* HIDDEN Styles */

		.UI_logo {
			height:8vh;
			line-height:8vh;
		}

		.slider {
			position: absolute;
			text-align: center;
    	display: table;			
			z-index: 1000;
			left: 50%;
			top: 50%;
			width: 320px;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			box-shadow: 0px 0px 30px #fff, 0px 0px 5px #fb8001;
			background: #333;
			color: white;
			padding: 1rem;
			border: 3px solid #fff;
		}

		.slider h3 {
			color: white;
		}

		.slider .button {
			font-size: 1.5rem;
			font-weight: 700;
			padding: 1rem;
			text-shadow: 0 1px 1px #000;
		}

		.slider .word {
			font-size: 1.5rem;
			letter-spacing: 5px;
		}

		.soundControls {
			position:absolute;
			z-index:1;
			top:5px;
			right:5px;
		}

		.soundControls a {
			color:#fff;
		}

		.title_row {
			height:8vh;
		}

			.title_row small {
				font-size:50%;
				display:block;
			}

		.word_row {
			margin-bottom:1vh;
		}


			.word_row .letter {
				font-size:2.5rem;
				line-height:8vh;
				display:inline-block;
				width: 30px;
				text-align: center;
			}

		[data-game-section="gameover"] .word_row .letter {
			font-size: 1.8rem;
			line-height: 1vh;
			width: 20px;
		}

			.word_row .letter span {
				display:inline-block;
				width: 30px;
			}

			.word_row .letter img {
				height:2.5rem;
				position:relative;
				top:-0.2rem;
			}

			.word_row .column {
				padding-left: 0.6rem;
    		padding-right: 0.6rem;
			}

		.clue_row {
			height:8vh;
			line-height:9vh;
			background: rgb(0,0,0);
			background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
			font-size:2rem;
			font-family: 'Special Elite', cursive, sans-serif;
			margin: 8px 0 !important;
		}

		.action_row {
			height:10vh;
			line-height:10vh;
	    padding: 0 .75rem 0 .75rem;
			text-align: center;
		}

		.action_row .button {
			padding: 1.125rem 1.5rem 1.1875rem 1.5rem;
			font-size: 1.25rem;
			line-height: 1.25rem;
		}

		.action_row h1, .action_row h3 {
			color:#fff;
		}

		.foxes_row {
			text-align:center;
			margin-bottom:.25rem;
			width:100%!important;
		}

			.fox {
				display:inline-block;
				margin:0 1rem;
			}

			.fox p {
				margin-bottom:0rem;
				font-size:1.5rem;
				font-weight:700;
				font-family: 'Open Sans Condensed', sans-serif!important;
			}

		.guess_row {
			position:absolute;
			bottom:0;
			width:100%!important;
		}

		.guess_row .button {
			margin-bottom: 0.625rem;
			font-size:1.5rem;
		}

		.gameover_row {
			text-align:center;
		}

		.gameover_row p {
			font-weight:700
		}

		.gameover_row h1,	.gameover_row h3 {
			color:#fff;
		}

		.gameover_row .earnings {
			padding: 0.3rem;
			margin: 1rem;
			border: 1px solid #fff;
			font-size: 1.25rem;
			border-radius: .5rem;
			background: rgba(255,50,050,0.25);
		}

		.bottom_button_row {
			position:absolute;
			bottom:0;
	    width: 100%!important;
			padding: 0 1rem;
		}

		.bottom_button_row .button {
			margin-bottom: 0.625rem;
			width: 100%;
			font-size: 1.25rem;
		}

		@media (min-width:1280px) and (max-width:5000px) {
			.word_row {
				/* height:10vh;
				line-height:10vh; */
				margin-bottom:1vh;
			}

			.word_row .letter{
				font-size:2.5rem;
				/* line-height:10vh; */
				display: inline-block;
				width: 30px;
			}

			.word_row .letter span {
				display:inline-block;
				width: 30px;
			}

		}

		@media (min-width:320px) and (max-width:480px) {
			.mainBG {
				background:#4b3222;
				background-position:center;
			}

			.action_row .button {
				padding: 0.5rem 1rem;
				font-size: 0.88rem;
				line-height: 0.88rem;
			}

			.guess_row {
				position:fixed;
				bottom:0;
				width:100%!important;
			}

		.guess_row .button {
			font-size:1.25rem;
		}

			#gameWrap {
				height:100%;
			}

			.gameCenter {
				height: 100vh;
				padding-top:0rem;
			}

			.title_row {
				line-height:6vh;
				height:6vh;
			}

			.word_row .letter{
				font-size:2rem;
				/* line-height:12vh; */
				display: inline-block;
				width: 30px;
			}

			.word_row .letter span {
				display:inline-block;
				width: 30px;
			}

			.action_row {
				padding:0;
			}

			.bottom_button_row {
				padding: 0;
			}

			.bottom_button_row .button {
				margin-bottom: 0;
				font-size:1.1rem;
			}

		}