/* All the basic stuff */
html, body
{
	background: url(/assets/images/steambg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	overflow-wrap: break-word;
}

/* Special headings */
.heading
{
	text-shadow: 0px 0px 0.1em #D00, 0px 0px 0.1em #D00, 0px 0px 0.1em #D00;
	white-space: normal !important;
}

.caption
{
	font-size: 2em;
}

/* All headings */
h1, h2, h3, h4, .navbar-brand
{
	font-family: 'Audiowide', cursive;
	/*white-space: nowrap;
	overflow: hidden;*/
}

/* Content container */
body>.container
{
	margin-top: 100px;
	padding-bottom: 10px;
}

/* Shadow Background */
.background
{
	background: rgba(0,0,0,0.8);
	box-shadow: 0 0 50px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,1);
	border-radius: 20px;
}

/* Add cursor to all tooltips */
[title]
{
	cursor: help;
}

/* Style the footer */
#footer
{
	background: rgba(0,0,0,0.8);
	box-shadow: 0 0 50px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,1);
	padding-bottom: 10px;
	margin-top: 100px;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ZA WARUDO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.img-inverted
{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.img-inverted-hover:hover
{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Map stuff
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.map
{
	margin-bottom: 1em;
}

.mapname
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	text-shadow: 0px 0px 0.1em #000, 0px 0px 0.1em #000, 0px 0px 0.1em #000;
}

.mapdifficulty
{
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	text-align: center;
}

.mapdifficultyobj
{
	position: absolute;
	left: 0;
	top: 70%;
	width: 100%;
	text-align: center;
}

.mapspecial
{
	position: absolute;
	left: 10%;
	bottom: 5%;
}

.mapbling
{
	position: absolute;
	right: 10%;
	bottom: 5%;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Cheevo icons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.cheevo-achieved
{
	opacity: 1.0;
}

.cheevo-notachieved
{
	opacity: 0.3;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Tablesorter
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.tablesorter-header
{
	cursor: pointer;
}

.tablesorter-headerAsc
{
	text-decoration: underline;
}

.tablesorter-headerDesc
{
	text-decoration: overline;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Autocomplete
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.ui-autocomplete-loading 
{
	background: white url("/assets/images/ajax-loader.gif") right center no-repeat;
}

.ui-autocomplete .ui-menu-item
{
	color: black;
	white-space: nowrap;
}

.ui-autocomplete .ui-state-focus
{
	background: rgba(221,0,0,0.5);
	border: 1px solid rgba(221,0,0,1);
}

.ui-autocomplete .ui-state-focus a
{
	color: rgba(221,0,0,1);
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Perk Buttons / Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.perk-button:hover
{
	background: rgba(221,0,0,0.6);
	box-shadow: 0 0 20px rgba(221,0,0,0.8);
	border-radius: 20px;
	cursor: pointer;
}

.perk-content
{
	display: none;
}

.perk-content:first-of-type
{
	display: unset;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Other
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

hr
{
	width: 50%;
	border: 1px solid #FF0000;
	box-shadow: 0px 0px 0.3em #D00, 0px 0px 0.3em #D00, 0px 0px 0.3em #D00	
}