@charset "utf-8";

.stat-table {
  table-layout: auto;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
  font-size: .8rem;
  width: 100%;
  }

.stat-table th,
.stat-table td {
  white-space: nowrap;
}

.stat-table--comp tr {
  height: 2.5rem;
}

.stat-table--standings {
  background-color: #FFF;
  border: solid 3px #000;
}

.stat-table--frontback {
  background-color: #FFF;
  border: solid 2px #000;
}

.stat-table--border-on {
  border: solid 1px #A89672;
}

.stat-table--border-off {
  border: none;
}

.stat-table__header {
  font-size: 0.75rem;
  /* font-weight: 700; */
}

.stat-table__header--green {
  background-color: #5A785A;
  color: white;
}

.stat-table__header--transparent {
  background-color: none;
  color: #000;
}

.stat-table__header th:first-child,
.stat-table__body td:first-child {
  padding-left: .3rem;
}

.stat-table__header th:last-child,
.stat-table__body td:last-child {
  padding-right: .3rem;
}

.stat-table__body--narrow-rows td {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.stat-table__body--wide-rows td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.stat-table__body--narrow-rows {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.stat-table__header--underline {
  border-bottom: solid 1px #A89672;
}
.stat-table__body--underline {
  border-bottom: solid 1px #A89672;
}

.table-styled{
  font-weight: 400;
}
.table-styled td {
    font-size: 1rem;
    padding: 2rem 0;
}
.table-styled b {
    font-weight: 700;
}

.stat-table__body--alt-orange tr:nth-child(odd) {
  background: #FFF;
}
.stat-table__body--alt-orange tr:nth-child(even) {
  background: #f6b45e;
}

.stat-table__body--alt-gray tr:nth-child(odd) {
  background: #FFF;
}
.stat-table__body--alt-gray tr:nth-child(even) {
  background: #f2f2f2;
}

.stat-table__body--alt-yellow tr:nth-child(odd) {
  background: #FFF;
}
.stat-table__body--alt-yellow tr:nth-child(even) {
  background: #ffd000;
}

.stat-table__body--alt-cream tr:nth-child(odd) {
  background: #FFF;
}

.stat-table__body--alt-cream tr:nth-child(even) {
  background: #f1eaaa;
}

.stat-table__body--white tr {
  background: #FFF;
}

.stat-table__body--row-outline tr:nth-child(2n) {
    outline: 1px solid #D7D7D7;
}

tr.row--blue {
  background-color: #B8CCE4;
}

.txt-bold {
  font-weight: 700;
}

.absorbing-column {
  /* use this class on whatever td column you want to absorb all remaining available space */
  width: 100%;
}


/* STYLES FOR FRONT/BACK 9 TABLES */
tr.stats-tbl-header th { /* All <TH> tags within <TR class=standings-tbl-header> <--*/
	/* height: auto; */
	font-weight: 300;
	color: #918E8E;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 0px;
	/* font-size: 12px; */
}
tr.stats-row td { /* All <TD> tags within <TR class=stats-row> <--*/
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-right: 0px;
	padding-left: 0px;
	/* border: 1px solid #D7D7D7; */
}
tr.stats-row td:first-child {
	border-right: 1px solid #B2B2B2;
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-right: .5rem;
	padding-left: .3rem;
}
tr.stats-row td:last-child {
  padding-right: .3rem;
}
td.tbl-stats-data + td.tbl-stats-data {
	border-left: 1px solid #B2B2B2;
}
.tbl-stats-totals {
	border-left: 3px double #B2B2B2;
	/* text-align: center; */
}


/*===============
 * Responsive media queries for table row width
 -- Rows should be wider for smaller, touchscreen size
 -- Rows should be narrow for desktop computers where a mouse is used
=================*/
.stat-table__body--responsive-rows td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* 992px */
@media (min-width: 62em) {
  .stat-table__body--responsive-rows td {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
}