@font-face {
    font-family: "Courier New";
    src: url(cour.ttf);
}

html{
	width: 100%;
	min-height: 100%;
}

body{
	background-image: url('../img/background.png');
	background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}

body,
body .btn,
body button{
	text-shadow: 0.5px 0.5px 0.4px #656565;
	letter-spacing: 1.2px;
	
	font-family: "Courier New" ,sans-serif;
	font-weight: 600;
}

h1, h2, h3, h4, h5{
	word-break: keep-all;
}

.row{
	margin-bottom: 10px;
}

nav{
	background-color: #000;
	position: relative;
}

nav .brand-logo{
	font-weight: 600;
	font-size: 1.2rem;
	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

nav a.button-collapse{
	display: block;
}

.side-nav li>a>i, .side-nav li>a>[class^="mdi-"], .side-nav li>a>[class*="mdi-"], .side-nav li>a>i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 15px 0 0;
    width: 24px;
    color: rgba(0,0,0,0.54);
}

.side-nav a {
    color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    
    font-size: 1.2rem;
    text-shadow: none;
}

.margin-bottom{
	margin-bottom: 10px;
}

.progress{
	height: 20px;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea,
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){	
	color: #892111 !important;
	border-bottom: 1px solid #892111 !important;
	
	text-shadow: 0.5px 0.5px 0.4px #656565 !important;
	letter-spacing: 1.2px;
	
	font-size: 1.2rem;
}

.input-field{
	margin-top: 1.3rem;
}

.input-field label{
	color: #892111 !important;
}

::-webkit-input-placeholder{  
   color: #892111 !important;
   opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
     color: #892111 !important;
   opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
     color: #892111 !important;
   opacity: 1 !important;
}

:-ms-input-placeholder {  
    color: #892111 !important;
   opacity: 1 !important;
}

.btn,
.btn:hover{
	background: url('../img/button_scroll.png');
    background-repeat: no-repeat;
    background-size: 100%;
    
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    
    min-height: 60px;
    min-width: 160px;
    
    box-shadow: none;
    
    color: #892111;
}

.btn-large,
.btn-large:hover{
	background: url('../img/button_scroll.png');
    background-repeat: no-repeat;
    background-size: 100%;
    
    padding-top: 18px;
    padding-left: 40px;
    padding-right: 40px;
    
    min-height: 90px;
    min-width: 240px;
    
    font-size: 1.2em;
    letter-spacing: 1.1px;
    
    box-shadow: none;
    
    color: #892111;
}

button.btn-large{
	padding-top: 0px;
}

.btn-party,
.btn-party:hover{
	width: 320px;
	
	padding-top: 30px;
	
	padding-left: 50px;
	padding-right: 50px;
	
	letter-spacing: 0px;
	
	min-height: 110px;
}

.btn-party .material-icons{
	margin: 0;
}

.btn-gotcha{
	padding-top: 18px;
	padding-left: 40px;
	padding-right: 20px;
	
	font-size: 1.0rem;
}

.btn:focus, .btn-large:focus, .btn-floating:focus{
	background-color: transparent;
}

.red-line{
	width: 100%;
	height: 20px;
	
	background: url('../img/line_red.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.black-line{
	width: 100%;
	height: 20px;
	
	background: url('../img/line_black.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.card-all-white-text p,
.card-all-white-text label{
	color: #FFF;
}

.card-all-white-text input[type="text"]{
	color: #FFF !important;
    border-bottom: 1px solid #FFF !important;
}

.card .dropdown-content li>span{
	font-size: 12px;
	color: #222;
}

#menu_logo{
	padding: 20px;
}

.container p{
	font-size: 1.2rem;
}

.container .small-text{
	font-size: 1.0rem;
}

.container .red{
	font-size: 1.3rem;
	padding: 10px;
	
	font-weight: 600;
}

/* HOME */
#home-background{
	position: absolute;
	
	background-repeat: no-repeat;
    background-size: 100%;
	
	top: 56px;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-image: url('../img/home_background.png');
}

.home-wrapper{
	position: relative;
	margin-top: 20px;
}

.btn-large > i{
	float: left;
    height: 36px;
    line-height: 50px;
    margin: 0 16px 0 0;
    width: 24px;
}

/* SCORE */
#achievement_header_logo{
	margin-top: 10px;
}

.scores_view .row .s4{
	padding: 0;
	min-height: 140px;
}

/* EVENTS */
body .event-title{
	padding: 0px;
	margin: 0px;
}

body .collection .first-event-item{
	background-color: #2ECCFA;
}

body .event-row{
	margin-bottom: 0;
	color: #000000;
}

#event-party-button-wrapper{
	background: url('../img/cork_background.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    
    height: 200px;
}

#event-party-button{
	background: url('../img/button_tape.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    background-position: center;
    
    border: none;
    
    width: 100%;
    height: 100%;
    
    font-size: 2.4em;
    
    color: #892111;
    
}

/* LEADERBOARD */
body .leaderboard{
	font-size: 1.2em;
}

body .leaderboard-row{
	margin-bottom: 0;
}

body .leaderboard-row .col{
	padding-left: 0;
}

body .collection .leaderboard-you-item{
	background-color: #2ECCFA;
}

/* MINIGAMES */
body .minigame-container{
	margin-top: 40px;
}

/*body .minigame-text-row{
	font-size: 1.6em;
}*/

.minigame-text-row .btn-large{
	height: 100px;
	min-width: 290px;
	padding: 25px;
	vertical-align: center;
}

.btn-landing{
	/*font-size: 0.8em;*/
	min-height: 100px;
	padding-top: 25px;
}

body .input-field label:not(.label-icon).active{
	font-size: 1.0rem;
}

.minigame-question-mark{
	color: #892111;
	
	line-height: 2.2rem;
	font-size: 1.8rem;
	font-weight: bold;
	
	background-color: #ffffc1;
	
	width: 28px;
	height: 28px;
	
	-webkit-border-radius: 14px;
	border-radius: 14px;
	
	display: inline-block;
}

/* FRIENDS */
body .friend-row{
	margin-bottom: 0;
	color: #000000;
	text-align: center;
}

body .friend-title{
	padding: 0px;
	margin: 10px 0 0 10px;
}

body .container .row{
	margin: 10px;
}

.friend-row{
	overflow: auto;
	display: block;
}

.friend-row img{
	display: inline-block;

	width: 70px;
	height: 70px;
	margin: 5px;
}

.friend-row h5{
	display: inline-block;
	
	margin: 0;
	margin-top: 15px;
	
	/*word-break: break-all;*/
	
	vertical-align:middle
}

/* ACCOUNT */
body .account-container{
	margin-top: 20px;
}

#file_picture_input{
	margin-bottom: 20px;
}

#picture_preview_container{
	width: 100%;
}

/* SETTINGS */
body .settings-col{
	font-size: 1.4em;
	
	margin-top: 15px;
}

/* DESCRIPTION */
.description-text{
	font-size: 1.2em;
}

/* LOBBY */
.lobby-players{
	margin-top: 10px;
	font-weight: bold;
}

.lobby-row{
	margin-bottom: 0;
}

.lobby-row img{
	height: 40px;	
}


/* GOTCHA */
.gotcha_image{
	box-shadow: 0px 0px 15px #444;
}

.gotca-code-row h5,
.gotca-code-row h3,
.gotca-code-row p,
.gotcha-details-row p{
	margin: 0;
	padding: 0;
}

.gotcha-details-row span{
	font-weight: bold;
}

.ath-action-icon{
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-iOS .ath-action-icon{
    width: 1.6em;
    height: 1.6em;
    background-image:url(data:image/png;base64,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);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-Android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
}