@charset "utf-8";
/* CSS Document */

/*******************************************/
/*  KINGDOM HEARTS 2 FINAL MIX STYLESHEET  */
/*******************************************/

p.heartless {
	background-image: url(heartless_large.webp);
	background-size: 1.8em;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FF0000;
	font-weight: bold;
}

p.heartless > a {
	color: #FFD7D8;
	font-weight: normal;
}

p.nobody {
	background-image: url(nobody.webp);
	background-size: 1.8em;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #999999;
	font-weight: bold;
}

p.nobody > a {
	color: #CCC;
	font-weight: normal;
}

a.item {
	color:#44e83a;
	cursor: pointer;
	background-image: url(item.webp);
	background-size: 0.7em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.tent {
	color: #f7a747;
	cursor: pointer;
	background-image: url(tent.webp);
	background-size: 1.2em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.5em;
}

a.keyitem {
	color: #f376f5;
	cursor: pointer;
	background-image: url(keyitem.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.map {
	color: #ead519;
	cursor: pointer;
	background-image: url(map.webp);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.6em;
}

a.keychain {
	color: #00FF00;
	cursor: pointer;
	background-image: url(keychain.webp);
	background-size: 0.6em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 0.9em;
}

a.staff {
	color: #cc71f7;
	cursor: pointer;
	background-image: url(staff.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.shield {
	color: #41ee36;
	cursor: pointer;
	background-image: url(shield.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.accessory {
	color: #00FFFF;
	cursor: pointer;
	background-image: url(accessory.webp);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 0.8em;
	padding-left: 1em;
}

a.armor {
	color: #fbff8b;
	cursor: pointer;
	background-image: url(armor.webp);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 0.9em;
	padding-left: 1em;
}

a.ability {
	color: #dcb468;
	cursor: pointer;
	background-image: url(ability.webp);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:16px;
	white-space: nowrap;
}

a.magic {
	color: #FFF;
	cursor: pointer;
	background-image: url(magic.webp);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
	text-shadow: 2px 2px 3px #a75bf4;
}

a.summon {
	color: #FFB2F7;
	cursor: pointer;
	background-image: url(summon.webp);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:16px;
}

a.form.valor {
	color:#FF6666;
	cursor: pointer;
	background-image: url(form_valor.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.form.wisdom {
	color:#4ad4ff;
	cursor: pointer;
	background-image: url(form_wisdom.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.form.limit {
	color:#f59704;
	cursor: pointer;
	background-image: url(form_limit.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.synthesis {
	color: #30cde2;
	cursor: pointer;
	background-image: url(synthesis.webp);
	background-size: 1.2em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.4em;
}

a.chest {
	cursor: pointer;
	background-image: url(chest.webp);
	background-size: 1.2em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.6em;
	color: #FFF;
}

a.munny {
	color: #FF6;
	cursor: pointer;
	background-image: url(munny.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
}

a.puzzle {
	cursor: pointer;
	background-image: url(puzzle.webp);
	background-size: 1.5em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.7em;
	color: #ebeab1;
}

a.puzzle-piece {
	cursor: pointer;
	background-image: url(puzzle_piece.webp);
	background-size: 1.3em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.5em;
	color: #ebeab1;
}

a.reaction-command {
	cursor: pointer;
	background-image: url(reaction_command.webp);
	background-size: 1.3em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.55em;
	padding-right: 0.5em;
	color: #FFF;
	font-size: 0.8em;
	background-color: #1c8217;
	border-radius: 10px;
	white-space: nowrap;
}

a.side-quest {
	background-image: url(sidequest.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
	color: #f7941d;
}

a.moogle-shop {
	color: #90e9f4;
	cursor: pointer;
	background-image: url(moogle.webp);
	background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.1em;
}

a.world {
	background-size: 1em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.2em;
}

a.world.twilight-town {
	color: #f2a23a;
	background-image: url(../twilight-town/images/world.webp);
}

a.world.hollow-bastion {
	color: #f2a23a;
	background-image: url(../hollow-bastion/images/world.webp);
}

a.world.the-land-of-dragons {
	color: #f2a23a;
	background-image: url(../the-land-of-dragons/images/world.webp);
}

a.world.beasts-castle {
	color: #f2a23a;
	background-image: url(../beasts-castle/images/world.webp);
}

a.world.olympus-coliseum {
	color: #f2a23a;
	background-image: url(../olympus-coliseum/images/world.webp);
}

a.world.disney-castle {
	color: #6289d1;
	background-image: url(../disney-castle/images/world.webp);
}

a.world.timeless-river {
	color: #b3b3b3;
	background-image: url(../timeless-river/images/world.webp);
}

a.world.atlantica {
	color: #5773ff;
	background-image: url(../atlantica/images/world.webp);
}

a.world.port-royal {
	color: #f2a23a;
	background-image: url(../port-royal/images/world.webp);
}

a.world.agrabah {
	color: #f7e434;
	background-image: url(../agrabah/images/world.webp);
}

a.world.halloween-town {
	color: #f2a23a;
	background-image: url(../halloween-town/images/world.webp);
}

a.world.pride-lands {
	color: #40a327;
	background-image: url(../pride-lands/images/world.webp);
}

a.world.the-world-that-never-was {
	color: #f2a23a;
	background-image: url(../the-world-that-never-was/images/world.webp);
}

a.world.hundred-acre-wood {
	color: #f2a23a;
	background-image: url(../hundred-acre-wood/images/world.webp);
}

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

table.tournament th,
table.tournament td {
	width: 50%;
	padding: 5px;
	border: 2px solid #ECEB7D;
}

table.tournament th {
	font-weight: bold;
	background-color: #ECEB7D;
	color: #2A2A2A;
}

table.tournament td:nth-child(1) {
	font-weight: bold;
	font-size: 0.8em;
}

table.tournament table td {
	border: none;
	width: auto;
	padding: 3px;
}

table.tournament table td:nth-child(even) {
	padding-right: 15px;
}

table.tournament + table.boss {
	margin-top: 15px;
}

table.tournament-rewards {
	margin: 15px 0;
	border-collapse: collapse;
}

table.tournament-rewards tr td {
	padding: 5px 15px;
}

table.tournament-rewards tr td:nth-child(1) {
	font-weight: bold;
	border-right: 1px solid #FFF;
}

table.tournament-seed {
	width: 100%;
	border-collapse: separate;
	border-spacing: inherit;
	margin: 15px 0;
}

table.tournament-seed th,
table.tournament-seed td {
	width: 50%;
	padding: 5px;
	border: 2px solid #826e91;
	font-size: 0.8em;
}

table.tournament-seed th {
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	background-color: #826e91;
	padding-left: 0.7em;
	color: #2A2A2A;
}

table.tournament-seed td {
	border: 2px solid #826e91;
	border-radius: 0 0 10px 10px;
}

table.tournament-seed table {
	padding: 0 0 0 10px;
	margin: 0;
}

table.tournament-seed p {
	padding: 5px 10px;
	margin: 0;
}

table.tournament-seed table td {
	border: none;
	width: auto;
	padding: 3px;
	font-weight: bold;
}

table.tournament-seed table td img {
	height: 4em;
}

table.tournament-seed + table.boss {
	margin-top: 15px;
}
	
/********************************/
/*       MOBILE CONVERSION      */
/********************************/
@media only screen and (max-width: 1039px) {
	p.heartless {
		background-size: contain;
		padding-left: 25px;
	}
	
	p.nobody {
		background-size: contain;
		padding-top: 15px;
		padding-left: 35px;
	}
	
	p.bonus-sora {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-sora2 {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-donald {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-donald2 {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-goofy {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-goofy2 {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-other {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	p.bonus-other2 {
		background-size: contain;
		padding-left: 35px;
		padding-top: 18px;
		padding-bottom: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
	}
	
	a.item {
		background-size: 6px 8px;
		padding-left: 9px;
	}
	
	a.tent {
		background-size: 6px 6px;
		padding-left: 9px;
	}
	
	a.keyitem {
		background-size: 8px 8px;
		padding-left: 9px;
	}
	
	a.map {
		background-size: 8px 8px;
		padding-left: 9px;
	}
	
	a.keychain {
		background-size: 6px 8px;
		padding-left: 9px;
	}
	
	a.accessory {
		background-size: 8px 8px;
		padding-left: 11px;
	}
	
	a.armor {
		background-size: 10px 8px;
		padding-left: 13px;
	}
	
	a.ability {
		background-size: 8px 8px;
		padding-left: 11px;
	}
	
	a.magic {
		background-size: 8px 8px;
		padding-left: 9px;
	}
	
	a.summon {
		background-size: 8px 8px;
		padding-left: 11px;
	}
	
	a.synthesis {
		background-size: 8px 8px;
		padding-left: 11px;
	}
	
	img.staff {
		height: 8px;
	}
	
	img.shield {
		height: 8px;
	}
}