/*-------------------------------------------------------------------------- 
 * MSTW Bracket Builder  Stylesheet [mstw_sb-styles.css]
 *
 *	MSTW Wordpress Plugins (http://shoalsummitsolutions.com)
 *	Copyright 2016-22 Mark O'Donnell (mark@shoalsummitsolutions.com)
 *
 *	This program is free software: you can redistribute it and/or modify
 *	it under the terms of the GNU General Public License as published by
 *	the Free Software Foundation, either version 3 of the License, or
 *	(at your option) any later version.
 *
 *	This program is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 *	GNU General Public License for details. <http://www.gnu.org/licenses/>
 *-------------------------------------------------------------------------*/

/*
 *   Bracket lines between games;  these are really background
 */
	
div.relative {
	position: relative;
}

div.bracket-lines-1,
div.bracket-lines-2,
div.bracket-lines-3,
div.bracket-lines-4,
div.bracket-lines-5 
{
	z-index:     1;
	position:    absolute;
	left:        85px;
	border:      1px solid #ccc;
	border-left: none;
	
}
	
div.bracket-lines-1 {
	top:         45px;
	height:      176px;
	width:       215px;
}

div.bracket-lines-2 {
	top:         45px;
	height:      310px;
	width:       130px;
}

div.bracket-lines-3 {
	top:         45px;
	height:      590px;
	width:       130px;
}

div.bracket-lines-4 {
	top:         45px;
	height:      1145px;
	width:       130px;
}

div.bracket-lines-5 {
	top:         45px;
	height:      2250px;
	width:       130px;
}

/*
 *   Rounds
 */

.mstw_tournament_bracket .round {
	float:        left;
	margin-right: 20px;
	margin-left:  10px;
	width:        180px;
  }
	
.mstw_tournament_bracket h2.round_header {
	text-align  : center;
	font-weight : bold;
	font-style  : italic;
	font-size   : 16px;
	margin-top  : 10px;
	margin-bottom : 10px;
	}

/* 
 *  GAMES - layout
 */

/* All games */

.mstw_tournament_bracket li.game {
	position: relative;
	z-index: 2;
	
}

/* for some themes that mess with <ul> rules */
.mstw_tournament_bracket ul.round-games.round_1 {
	margin-left: 0;
}

/* Round 1 games */

.mstw_tournament_bracket ul.round_1 li.game {
	margin-top:       10px;
	margin-bottom:    10px;
}

/* Round 2 games */

.mstw_tournament_bracket ul.round_2 {
	margin-top: 82px;
}
	
.mstw_tournament_bracket ul.round_2 li.game {
	margin-bottom: 148px;
	}

/* Round 3 games */
	
.mstw_tournament_bracket .round_3 {
	margin-left: -40px;
}

.mstw_tournament_bracket ul.round_3 {
	margin-top: 218px; /* 187*2 */
}

.mstw_tournament_bracket ul.round_3 li.game {
	margin-bottom: 424px;
}

/* Round 4 games */

.mstw_tournament_bracket .round_4 {
	margin-left: -50px;
}

.mstw_tournament_bracket ul.round_4 {
	margin-top: 490px; /* 187*2 */
}

.mstw_tournament_bracket ul.round_4 li.game {
	margin-bottom: 980px;
}

/* Round 5 games */

.mstw_tournament_bracket .round_5 {
	margin-left: -80px;
}

.mstw_tournament_bracket ul.round_5 {
	margin-top: 1040px;
}

.mstw_tournament_bracket ul.round_5 li.game {
	margin-bottom: 2085px;
}

/* Round 6 games */

.mstw_tournament_bracket .round_6 {
	margin-left: -100px;
}

.mstw_tournament_bracket ul.round_6 {
	margin-top: 2145px;
}


/* Keeps margins off bottom of bracket for next element spacing */
.mstw_tournament_bracket ul.round_1 li.game.last_game,
.mstw_tournament_bracket ul.round_2 li.game.last_game,
.mstw_tournament_bracket ul.round_3 li.game.last_game,
.mstw_tournament_bracket ul.round_4 li.game.last_game,
.mstw_tournament_bracket ul.round_5 li.game.last_game,
.mstw_tournament_bracket ul.round_6 li.game.last_game 
{
    margin-bottom: 0;
}

/* 
 *  GAMES - block styling
 */

.mstw_tournament_bracket ul.round_games,
.mstw_tournament_bracket ul.game {
	list-style    : none;
	/* For themes that mess with <ul>  */
	margin-left   : 0;
	margin-bottom : 0;
	padding-left  : 0;
	}
	
.mstw_tournament_bracket ul.round_games li,
.mstw_tournament_bracket ul.game li {
	margin-left:  0;
	padding-left: 0;
	}

.mstw_tournament_bracket li.game {
	background-color: #fff;
	width:            200px;
	height:           126px;
	border:           solid lightgray 1px;
	position:         relative;
	}
	
.mstw_tournament_bracket ul.game li {
	color:       navy;
	line-height: 14px;
	font-size:   12px;
	font-family: sans-serif;
	padding:     5px;
	overflow:    hidden;
	white-space: nowrap;
    }

	
/* Game block line styles */

.mstw_tournament_bracket ul.game li.game_home,
.mstw_tournament_bracket ul.game li.game_away {
	background-color: #e9e9e9;
	line-height     : 28px;
	/*height          : 28px*/
}

.mstw_tournament_bracket ul.game li.game_home {
	margin-bottom: 2px;
}

.mstw_tournament_bracket ul.game li.game_home.winner,
.mstw_tournament_bracket ul.game li.game_away.winner {
	font-weight: bold;
}

.mstw_tournament_bracket ul.game li.game_status {
	background-color: gray;
	color:            white;
}

.mstw_tournament_bracket ul.game li.game_location {
	background-color: #b1b1b1;
	color:            white;
	/*height:           14px;*/
}

.mstw_tournament_bracket ul.game li a,
.mstw_tournament_bracket ul.game li a:visited,
.mstw_tournament_bracket ul.game li a:active,
.mstw_tournament_bracket ul.game li a:hover {
	color: navy;
}
	
.mstw_tournament_bracket .game_score {
	float:right;
}

img.bb-team-name-logo {
    vertical-align: middle;
    margin-right:   5px;
}

/*
 *    TOURNAMENT TABLES
 */
.mstw_tournament_table {
	width: 100%;
}

.mstw_tournament_table .round_header {
	background-color: gray;
	color:            white;
}
	
.mstw_tournament_table tr.round_header td,
.mstw_tournament_table tr.table_headers td,
.mstw_tournament_table tr.game td
 {
	padding-left:  5px;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 24px;
}

.mstw_tournament_table tr.table_headers td.nbr_title {
	text-align: center;
}

.mstw_tournament_table td.game_nbr {
	text-align: center;
}

.mstw_tournament_table tbody tr:nth-child(even) {
	background: #FFF;
}

.mstw_tournament_table tbody tr:nth-child(odd) {
	background: #EEE;
}

.mstw_tournament_table td.game_home {
	text-align: right;
}

.mstw_tournament_table td.game_away {
	text-align: left;
}

.mstw_tournament_table td.game_score {
	text-align: center;
}

.mstw_tournament_table img.bb-team-name-logo {
	margin-left: 5px;
}