/*! style.css v1.0.0 | MIT License | antoineguedes.com */

html,
body,
.bkr-home{
	background-color: #cdd3aa;
	color: #685235;
	line-height: 1.4;
}

a{
	color: #685235;
	transition: all ease .25s;
}

a:hover,
a:visited{
	color: #9a926f;
}

h3{
	font-weight: 400;
	font-size: 1.2em;
}

small,
small a{
	color: #9a926f;
}

.bkr-hero{
	background: #9a926f;
	margin-bottom: 3%;
	height: 270px;
	text-align: center;
}

.bkr-hero iframe{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.main{
	margin: 0 auto;
	padding: 0 16px 15%;
	text-align: center;
	width: 448px;
}

.bkr-logo{
	/*background: url('../img/logo-bikosaur-release-transparent.png') transparent center no-repeat;
	background-size: 412px 108px;
	display: block;
	height: 108px;
	width: 412px;*/

	background: url('../img/logo-bikosaur-banner-transparent.png') transparent center no-repeat;
	background-size: 412px 76px;
	display: block;
	height: 76px;
	width: 412px;

	margin: 0 auto;
}

.bkr-logo-title,
.bkr-logo-release{
	display: none;
}

.bkr-headline{
	margin-top: 30px;
}

.bkr-play{
	padding: 16px 0;
	margin-bottom: 0;
}

.bkr-stores{
	margin-top: 0;
}

.bkr-stores a{
	display: inline-block;
	vertical-align: middle;
}

.bkr-btn-play{
	background: #cf7724;
	border: 2px solid #685235;
	border-radius: 4px;
	box-shadow: 0 -2px 0 #b44938 inset, 0 2px 0 #dd9b2f inset;
	color: white;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 500;
	min-width: 160px;
	outline: none;
	padding: 12px;
	text-decoration: none;
}

.bkr-btn-play,
.bkr-btn-play:visited{
	color: white !important;
}

.bkr-btn-play:hover{
	background-color: #df822a;
}

.bkr-btn-play:focus,
.bkr-btn-play:active{
	background-color: #cf7724;
	box-shadow: 0 2px 0 #b44938 inset;
}

/*.bkr-btn-play.show-desktop{
	display: inline;
}*/

.bkr-btn-play.show-mobile{
	display: none;
}

.bkr-leaderboard{
	/*// background: url('../img/bg-container-middle.png') transparent center repeat;
	// border: 2px solid #685235;
	// border-radius: 4px;
	// padding: 0 16px 32px 16px;*/
	margin: 0 auto 48px;
	max-width: 320px;
}

.bkr-leaderboard-header{
	/*// background-color: #685235;
	// color: white;*/
	border-bottom: 2px solid #9a926f;
	margin-bottom: 16px;
}

.bkr-leaderboard-header h3{
	margin: 0;
	padding: 8px;
}

.bkr-leaderboard-table{
	border-collapse: collapse;
	width: 100%;
}

.bkr-leaderboard-table th,
.bkr-leaderboard-table td{
	border: solid #685235;
	padding: 2px 4px;
}

.bkr-leaderboard-table th{
	border-width: 0 0 2px 0;
}

.bkr-leaderboard-table td{
	border-width: 0;
}

.bkr-leaderboard-table tr:first-child td{
	font-weight: bold;
}

.bkr-leaderboard-table tr:last-child td{
	border-radius: 0 0 4px 4px;
	border-width: 0;
}

.bkr-leaderboard-table tr td:first-child{
	padding-left: 0;
}

.bkr-leaderboard-table tr td:last-child{
	padding-right: 0;
}

.bkr-leaderboard-table .rank{
	color: #bc6f0f;
	// text-align: right;
	width: 16px;
}

.bkr-leaderboard-table .name{
	text-align: left;
}

.bkr-leaderboard-table .score{
	text-align: right;
}


/*
 *	Responsive things
 */

@media (max-width: 1024px){
	.bkr-btn-play.show-desktop{
		display: none;
	}

	.bkr-btn-play.show-mobile{
		display: inline;
	}
}

@media (max-width: 480px){

	html,
	body,
	.bkr-home{
		font-size: 13px;
	}

	.bkr-hero{
		height: 180px;
	}

	.bkr-hero iframe{
		height: 180px !important;
		width: 320px !important;
	}

	.main{
		width: auto;
	}

	.bkr-logo{
		/*background-size: 206px 54px;
		height: 54px;
		width: 206px;*/

		background-size: 268px 49px;
		height: 49px;
		width: 268px;
	}
}