@charset "utf-8";

.content-teams-width {
		max-width: 64rem;
}

.content-container-grid {
	display: grid;
  grid-template-areas:
   "main-content"
   "pairings"
   "sidebar";
	/* background-color: red; */
}

.main-content {
  grid-area: main-content;
}

.main-item {
  margin-bottom: 1.5rem;
  /* background-color: tan; */
}

.points {
  min-height: 4rem;
}

.holes {
  min-height: 4rem;
}

.pairings {
  grid-area: pairings;
	margin-bottom: 1.5rem;
  /* background-color: red; */
}

.sidebar-grid {
	grid-area: sidebar;
	align-content: space-between;
}

.side-row {
  display: grid;
  grid-gap: 1.5rem;
}

#team-num-col {
	text-align: center;
	font-size: .6rem;
}
#first-second-col {
	text-align: center;
	/* font-size: .7rem; */
	line-height: .5rem;
}
#team-name-col {
	text-align: left;
	/* font-size: .8rem; */
}
#total-col {
	text-align: center;
	/* font-size: .4rem; */
	font-weight: 600;
}
#last-week-col {
	text-align:center;
	font-size: .6rem;
	color:#969393;
}
.standings-names_sm-screen {
	display: block;
}

.standings-names_lg-screen {
	display: none;
}

/* Medium size (416px)
=================== */
@media (min-width: 26em) {
	#side-row-b {
		grid-template-columns: 1fr 1fr;
	}

	#side-row-c {
		/* display:none; */
		grid-template-columns: 1fr 1fr;
	}

	.table-bogeys {
		display: none;
	}
}

/* Medium size (544-799px), At slightly wider sizes, show sidebar elements side by side (each taking up half the space, minus gutter gap and stuff).
=================== */
@media (min-width: 34em) and (max-width: 49.9375em) {
  .sidebar-grid {
		grid-auto-rows: min-content;
    /* background-color: green; */
  }

  .side-row {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }

	#side-row-c {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.table-bogeys {
		display: block;
	}
}

 /*===============
  * At even wider sizes… 800px
=================*/
 @media (min-width: 50em) {
	.content-container-grid {
		 grid-template-columns: 1fr 26rem;
     gap: .75rem;
     grid-template-areas:
      "main-content sidebar"
      "pairings pairings";
	 }
   .main-item {
     margin-bottom: 0;
     /* background-color: tan; */
   }

   .pairings div.box-header {
     width:33%;
   }

	 .side-row {
	   grid-gap: 1rem;
	 }
 }


 /*===============
  * Responsive media queries for team roster boxes
 =================*/

 /* Default State */
.stat-table__header--responsive-padding-on th:first-child,
.stat-table__body--responsive-padding-on td:first-child {
	padding-left: 2.5rem;
}

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

/* 416px */
@media (min-width: 26em) {
	.stat-table__header--responsive-padding-on th:first-child,
	.stat-table__body--responsive-padding-on td:first-child {
		padding-left: .3rem;
	}

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

/* 700px */
@media (min-width: 43.75em) {
	.stat-table__header--responsive-padding-on th:first-child,
	.stat-table__body--responsive-padding-on td:first-child {
		padding-left: 2.5rem;
	}

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

/* 800px */
@media (min-width: 50em) {
	.stat-table__header--responsive-padding-on th:first-child,
	.stat-table__body--responsive-padding-on td:first-child {
		padding-left: .3rem;
	}

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