:root {
  --bs-blue: #337ab7;
  --bs-primary: #337ab7;
}

/* body {
  min-height: 75rem;
} */

a {
  color: #337ab7;
  text-decoration: none;
}

#page_body {
  padding-top: 1rem;
}

#indexLogo {
  max-width: 90%;
}

/* .tournament-header { */
.page-header {
  border-bottom: 2px solid gray;
}

img.tournament-hearder-banner {
	padding-top: 1em;
  width: 200px;
}

.tournament-banner {
	max-width: 90%;
  margin: 1rem;
}

.tournament-banner-large {
  max-width: 600px;
  max-width: 50%;
  margin: 1rem;
}

.tournament-title {
	margin-top: 0px;
}

.tournament-info {
	color: gray;
}

/* Style for schedule table */
tr.odd {
	background-color: #E6E6E6;
}

tr.even {
  background-color: #ffffff;
}

.game-description {
	 /* background-color: #ccc; */
   font-weight: bold;
   display: block;
	 padding: 0.2em;
	 font-size: 0.9em;
}

.game-line {
	display: inline;
}

.game-time {
	font-weight: bold;
}

.stick-color {
	padding-right: .75em;
  fill: currentColor;
}

.stick-white {
  color: black;
  background-color: white;
  text-shadow: 0px 0px 2px black;
  border: #111;
  border-style: solid;
}

.stick-black {
  color: black;
  text-shadow: 0px 0px 2px white;
  border: white;
  border-style: solid;
}

.soft
{
	color: #6E6E6E;
	font-style:italic;
}

.strong
{
	font-weight:bold;
}

.score {
	font-size: 4em;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
}

.score-input-button {
 font-size: 1.25rem;
}

.forfeit-check[type=checkbox] {
  float: none;
  transform: scale(1.5);
  margin-right: 1rem;
}
/* Style team flags and banners */
.team-flag {
	padding: 0em 1em 1em 1em;
  max-width: 360px;
}

.team-fag:after {
	clear: both;
}

img.flag-thumb {
	height: 24px;
	padding-right: .5em;
}

/* make links on tables like standings and rosters not blue underline */
.table a, .list-group-item {
  color: #333;
  text-decoration: none;
}

tr.major {
	border-bottom:1.5pt solid black;
}

.text-nowrap {
    white-space: nowrap;
}

/* login page style, from Bootstrap 5 example */
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* coloring */
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #337ab7;
}

.page-link {
  color: #337ab7;
}
.page-item.active .page-link {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.score-input h3 {
  max-width: 90%;
}

.tie {
  background-color: #eee;
  padding: 5px;
  font-size: calc(1rem + .6vw);
  min-height: 3rem;
}

pre.timing-json  {
  padding: 1rem;
  background-color: #eee;
}

#faqAccordian button {
  text-align: left;
}
@media screen and (max-width: 992px) {
  /* #nav-tabTournaments .nav-item { */
  #nav-tabTournaments a {
    font-size: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .team-flag {
		max-height: 80px;
	}

  img.flag-thumb {
    height: 16px;
  }

  .schedule-table, .standings-table, .placings-table, .roster-table {
    font-size: .75em;
  }

  #team_nav{
    visibility: hidden;
    display: none;
  }

  .unimportant {
    display: none;
  }

}

@media screen and (max-width: 768px) {
  .game-description {
		word-wrap: break-word;
		width: 80px;
	}

  img.tournament-header-banner {
    max-width: 35%
  }

  .score-input-button {
   font-size: .8rem;
  }

  .score-input h3 {
    font-size: calc(1rem + .6vw);
  }

  .score-input h5 {
    font-size: 1rem;
  }
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --bs-dark: #f8f9fa;
    --bs-light: #343a40;
    --bs-white: #111;
    --bs-black: #eee;
    --bs-table-hover-color: white;
  }
  
  body {
    background-color: #333;
    color: white;
  }
  
  
  .list-group-item {
    background-color: #444;
    color: white;
    border: 1px solid grey;
  }
  
  .table {
    --bs-table-striped-color: #fff;
    color: white;
  }
  
  .table a {
    color: #eee;
  }
  /* Style for schedule table */
  tr.odd {
    background-color: #333;
  }
  
  tr.even {
    background-color: #666;
  }

  .soft
  {
    color: #CCC;
    font-style:italic;
  }

  #faqAccordian button {
    color: white;
  }

  .accordion-button:not(.collapsed) {
    background-color: unset;
  }
  
  .card {
    background-color: #333;
    color: white;
  }

  .card-title {
    color: white;
  }

  .card-header {
    background-color: #666;
  }

  .text-muted {
    color: white!important;
  }

  pre.timing-json {
    background-color: #333;
    color:#eee;
  }

  .btn {
    color: white;
  }

  .list-group-item.disabled {
    background-color: #666;
    color: white;
  }
}

@media print {
  body {
		font-size: 10px;
	}

	h1 {
		font-size: 24px;
	}
	.gamerow tr {
		page-break-inside: avoid;
	}

	.table {
		/*page-break-after: always;*/
		padding: 0;
		margin: 0;
	}

	#games {
		page-break-after: always;
	}

	#team_nav {
		visibility: hidden;
		display: none;
	}

	#tabNav {
		visibility: hidden;
		display: none;
	}

	.team-flag {
		visibility: hidden;
		display: none;
	}

  .tournament-header-banner img {
    visibility: hidden;
    display: none;
  }
}