/** Gold Rush CSS **/

/* base styles */
@import url('gold-rush_default.css?t=1571111287');

/* ----- when a device is in 'portrait' mode ----- */
@media only screen and (orientation: portrait) {
	
	 /* rotate device horizontal */
	.rotate-device {
		display: block;
	}
	
	/* intro screen */
	.intro-screen .intro-screen-container {
		background-size: auto;
	}
	
	.intro-screen .intro-screen-container .intro-screen-inner-container {
		top: 20%;
	}
	
	.intro-screen .intro-screen-container .intro-screen-inner-container .game-logo {
		margin-bottom: 3em;
	}
	
	.intro-screen .intro-screen-container .intro-screen-inner-container .game-logo .logo {
		max-width: 375px;
	}
	
	.intro-screen .intro-screen-container .begin-intro-characters .moose {
		bottom: 100px;
	}
	
	.intro-screen .intro-screen-container .begin-intro-characters .crow {
		top: 60px;
	}
	
	/* start screen */
	.start-screen {
		background-size: auto;
	}
	
	.start-screen .game-logo {
		width: 60%;
		margin: 6em auto 5em auto;
	}
	
	.start-screen .background-interactions .touch-bjug {
		transform: scale(1.75);
		left: 12%;
		bottom: 4em;
	}
	
	.start-screen .background-interactions .sprite.left { 
		transform: scale(-1.75, 1.75);
	}
	
	.start-screen .background-interactions .sprite.touch-bjug .interaction-container {
		bottom: 95%;
		transform: scale(0.6);
	}
	
	.start-screen .background-interactions .sprite.touch-moose.left .interaction-container {
		bottom: 95%;
		transform: scale(-0.6, 0.6);
	}
	
	.start-screen .background-interactions .touch-skin.halloween {
		left: 25%;
		transform: scale(1.3);
	}
	
	.start-screen .background-interactions .touch-moose {
		right: 12%;
		bottom: 4em;
		transform: scale(2);
	}
	
	/* 'give to' screen */
	.give-to-screen .give-to-container .give-to-container-inner {
		padding: 0;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-text {
		padding: 0 1em;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-options {
		flex-wrap: wrap;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-options .give-to-choice {
		width: calc(40% - 1em);
		margin: 0.5em;
	}
	
	/* leaderboard screen */
	.leaderboard-screen .leaderboard-container {
		width: 100%;
		padding: 0;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner {
		max-height: 88%;
	}

}

/* ----- 'medium' screen size styles ----- */
@media only screen and (min-width: 950px) and (min-device-width: 950px) {
	
	.medium-screen-only {
		display: inline-block !important;
	}
	
	.no-medium-screen {
		display: none !important;
	}
	
	.intro-screen .intro-screen-container .intro-screen-inner-container {
		top: 14%;
	}
	
	.intro-screen .intro-screen-container .intro-screen-inner-container .game-logo {
		margin-bottom: 4em;
	}
	
	.intro-screen .intro-screen-container .intro-screen-inner-container .game-logo .logo {
		max-width: 700px;
	}
	
	.intro-screen .intro-screen-container .begin-intro-characters .crow {
		top: 50px;
	}
	
	.intro-screen .intro-screen-container .begin-intro-characters .moose {
		bottom: 90px;
		transform: scale(2);
	}
	
	.start-screen .clouds .cloud {
		width: 175px;
		height: 49px;
	}
	
	.start-screen .game-logo {
		width: 40%;
		margin: 5em auto 4em auto;
	}
	
	.start-screen .background-interactions .sprite {
		bottom: 6em;
		transform: scale(2, 2);
	}
	
	.start-screen .background-interactions .sprite.ticket {
		transform: scale(1, 1);
	}
	
	.start-screen .background-interactions .sprite.left { 
		transform: scale(-2, 2);
	}
	
	.start-screen .background-interactions .touch-moose {
		right: 11%;
		bottom: 6em;
	}
	
	.start-screen .background-interactions .sprite.touch-bjug .interaction-container {
		transform: scale(0.5);
	}
	
	.start-screen .background-interactions .sprite.touch-moose.left .interaction-container {
		transform: scale(-0.5,0.5);
	}
	
	.start-screen .background-interactions .interaction-container {
		bottom: 95%;
		left: -15px;
	}
	
	.start-screen .background-interactions .touch-skin.halloween {
		width: 43px;
		height: 45px;
	}
	
	.start-screen .menu-option .option-title,
	.start-screen .menu-options .menu-option .start-game,
	.start-screen .menu-options .menu-option .continue-game,
	.start-screen .menu-options .menu-option .quit-game {
		font-size: 2em;
	}
	
	.start-screen .menu-option .option-title:hover {
		cursor: pointer;
	}
	
	.start-screen .menu-options .menu-option.start-game-container .start-game:hover,
	.start-screen .menu-options .menu-option.continue-game-container .continue-game:hover,
	.start-screen .menu-options .menu-option.continue-game-container .quit-game:hover {
		background: rgba(0,0,0,0.1);
		cursor: pointer;
	}
	
	.start-screen .menu-option .option-title:hover:before {
		content: '';
		color: inherit;
		position: absolute;
		margin: 6px 0 0 -29px;
		background: url('/games/gold-rush/tools/pickaxe/pickaxe.png?t=1571111287') no-repeat;
		width: 20px;
		height: 20px;
	}
	
	.start-screen section .section-container {
		padding: 5em;
		border-width: 10px;
	}
	
	.start-screen section.help .section-container {
		min-height: 300px;
	}
	
	.start-screen section .section-container .section-title {
		position: absolute;
		color: #fff;
		top: -41px;
		font-size: 2em;
		padding: 10px 20px;
		margin: 0;
		border-width: 10px;
	}
	
	.start-screen .mode-selector label:hover h2:before {
		content: '> ';
		color: #ffffff;
		position: absolute;
		margin: 4px 0 0 -15px;
		font-size: 22px;
	}
	
	.start-screen .menu-options .option label:hover {
		cursor: pointer;
	}
	
	.start-screen .menu-options .option label:hover:before {
		content: '> ';
		color: inherit;
		position: absolute;
		margin: 2px 0 0 -20px;
	}
	
	.start-screen section .section-container .confirm {
		bottom: -23px;
		font-size: 18px;
		text-transform: uppercase;
		margin: 0;
	}
	
	.start-screen .menu-options .total-gold-container {
		padding: 7px 25px;
		font-size: 28px;
	}
	
	.start-screen .menu-options .how-to-play .section-inner p {
		display: block;
	}
	
	.start-screen .menu-options .how-to-play .section-inner p.mobile {
		display: none;
	}
	
	.start-screen .go-fullscreen:hover,
	.start-screen .app-download:hover {
		opacity: 1;
	}
	
	.start-screen .menu-options .help-selector .help-tabs {
		margin: 0 0 20px 0;
	}
	
	.start-screen .menu-options .how-to-play .section-inner .items-container .items-container-inner {
		width: 95px;
	}
	
	.start-screen .menu-options .how-to-play .section-inner .enemies-container {
		flex-direction: row;
		align-items: unset;
		margin-bottom: unset;
	}
	
	.start-screen .menu-options .how-to-play .section-inner .enemies-container .enemies-container-inner {
		width: 150px;
	}
	
	.new-start-screen.start-screen .background-interactions .touch-bjug	{
		width: 300px;
		height: 990px;
		animation: start-screen-armor-rotate3 10s steps(1, end) infinite;
	}
	
	@keyframes start-screen-armor-rotate3 {
		0% {
			background-position-x: -120px;
		}
		16% {
			background-position-x: -487px;
		}
		32% {
			background-position-x: -867px;
		}
		48% {
			background-position-x: -1247px;
		}
		64% {
			background-position-x: -1652px;
		}
		80% {
			background-position-x: -2032px;
		}
	}
	
	.new-start-screen.start-screen .background-interactions .touch-skin.halloween {
		left: 400px;
		bottom: 7%;
	}
	
	.new-start-screen.start-screen .background-interactions .touch-moose {
		right: -9%;
		bottom: -6em;
		transform: scale(5);
	}
	
	.options-screen .background-interactions .touch-bjug {
		transform: scale(2, 2);
		bottom: 6em;
	}
	
	.options-screen .background-interactions .touch-moose {
		transform: scale(2, 2);
	}
	
	#gold-rush {
		height: 100%;
		width: 82%;
		position: relative;
		overflow: hidden;
		float: left;
	}
	
	#gold-rush .game-overlay .start-game {
		left: 50%;
		bottom: 1.5em;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: auto;
		background: #333333;
		padding: 1em;
		text-align: center;
		z-index: 9999999;
		border-radius: 3px;
		color: #ffffff;
		font-size: 18px;
	}
	
	#gold-rush .controls {
		display: none;
	}
	
	#gold-rush .game-music {
		position: absolute;
		bottom: 7px;
		right: 7px;
		font-size: 1.2em;
		z-index: 9999;
		opacity: 0.7;
	}
	#gold-rush .game-music:hover {
		cursor: pointer;
		opacity: 1;
	}
	#gold-rush .game-music .music-off {
		margin-right: 9.8px;
		display: none;
	}
	
	.scoreboard {
		height: 100%;
		width: 18%;
		padding: 0;
		background: #000;
		color: #fff;
		text-align: center;
		font-size: 28px;
		float: left;
		position: relative;
	}
	
	.scoreboard .game-logo {
		width: 70%;
		margin: 1.5em auto 13px auto;
		display: block;
	}
	
	.scoreboard .game-stats {
		position: relative;
		right: unset;
		top: unset;
		color: #ffffff;
		height: auto;
		padding: unset;
		background: unset;
	}
	
	.scoreboard .time-remaining, .scoreboard .score, .scoreboard .antlers-collected, .scoreboard .gold-collected {
		margin: 25px 0;
		float: none;
		display: block;
	}
	
	.scoreboard .counter {
		color: #F1CEB9;
		display: block;
		margin-top: 2px;
	}
	
	.scoreboard .game-hints-container {
		display: block;
	}
	
	.scoreboard .game-instructions {
		font-size: 16px;
		letter-spacing: 1px;
		margin-top: 2.5em;
		display: block;
	}
	
	.scoreboard .game-help-action {
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 12px;
		padding: 9px;
		display: block;
	}
	
	.scoreboard .game-help {
		display: none;
		position: absolute;
		height: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000000;
		font-size: 20px;
	}
	.scoreboard .game-help .content-wrap {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 85%;
	}
	.scoreboard .game-help p {
		margin: 2em 0;
	}
	.scoreboard .game-help .question {
		color: #F1CEB9;
		text-transform: uppercase;
		display: block;
	}
	.scoreboard .game-help .close {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 15px;
		padding: 5px;
	}
	
	.scoreboard .game-help-action:hover, .scoreboard .game-help .close:hover {
		cursor: pointer;
		color: #F1CEB9;
	}
	
	.game-options {
		display: block;
	}
	
	.game-settings {
		border: none;
	}
	
	.game-settings:hover {
		background: rgba(0,0,0,0.6);
	}
	
	.game-settings .game-settings-action img {
		width: 20px;
	}
	
	.scoreboard button {
		display: block;
		margin: 0 auto;
	}
	
	.scoreboard .scoreboard-buttons {
		display: block;
	}
	
	.game-settings .game-settings-action:hover {
		cursor: pointer;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner {
		padding: 0 15em;
	}
		
	.give-to-screen .give-to-container .give-to-container-inner .give-to-title {
		font-size: 2.5em;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-subtitle {
		margin: 1.2em 0;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-options .give-to-choice {
		padding: 20px;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-options .give-to-choice:hover {
		background-color: #151515;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-options .give-to-choice .give-to-option-title {
		font-size: 1.6em;
	}
	
	.give-to-screen .give-to-container .give-to-container-inner .give-to-options .give-to-choice p {
		font-size: 20px;
	}
	
	.leaderboard-screen .leaderboard-container {
		width: 40%;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner {
		padding: 0 2em;
		max-height: 83%;
		margin: 3em auto 0 auto;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .end-game-message-container .end-game-status,
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .form-message-container .form-title {
		font-size: 2em;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .end-game-message-container .end-game-message,
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .form-message-container .form-message {
		font-size: 20px;
		line-height: 1.2;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .end-game-stats-container {
		padding: 1.7em 0 1em 0;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .end-game-stats .stats-icon {
		width: 24px;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .leaderboards-tabs {
		padding: 15px 0;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .leaderboards-tabs .tab {
		font-size: 35px;
	}
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .leaderboards-tabs .tab:hover {
		background: rgba(255,255,255,0.2);
		cursor: pointer;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner .leaderboards-tabs .game-mode {
		font-size: 23px;
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner table.leaderboards th {
		font-size: 23px
	}
	
	.leaderboard-screen .leaderboard-container .leaderboard-container-inner table.leaderboards tr:not(:first-child):hover {
		background: rgba(255,255,255,0.6);
		color: #000;
	}
	
	.leaderboard-screen .leaderboard-container .end-game-buttons .end-game-button {
		font-size: 18px;
		padding: 11px 15px;
		margin: 0 20px 0 0;
	}
	
	.flag-waving {
	    height: 39px;
	    width: 84px;
	    left: 39px;
	}
	
	@keyframes flag-waving {
		to {
			background-position-y: -76px;
		}		
	}
}