@charset "utf-8";

#stats-header {
	width: 100%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-content {
 display: block;
 /* background-color: pink; */
}

.content-index-width {
		max-width: 60rem;
}

.content-container-grid {
	display: grid;
	gap: .75rem;
	margin: auto;
	/* background-color: red; */
}

.data__view--Priority-Narrow {
	display: block;
}
.data__view--Priority-Wide {
	display: none;
}


/*========== header for team roster box (start) ============= */
.team-head {
  width: 70%;
  margin: .7rem auto .3rem auto;
  overflow: hidden;
  text-align: center;
	font-weight: 400;
}
.team-head:before, .team-head:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 2px solid;
}
.team-head:after {
  margin: 0 -55% 0 .5em;
}

/*===============
 * Responsive media queries for team roster boxes
=================*/
/* @media (min-width: 17.5em) { */
 #captain-T1-row,
 #captain-T3-row,
 #captain-T5-row {
	 background-color: #B8CCE4;
 }

 #captain-T2-row,
 #captain-T4-row,
 #captain-T6-row	 {
	 background-color: #D8E4BC;
 }
/* } */

.sidebar-grid {
	/* background-color: green; */
 display: grid;
 grid-template-columns: repeat(1, 1fr);
 grid-template-areas:
  "side-box0"
	"side-box1"
	"side-box2"
	"side-box3";
	}
	.side-box0 {
	  display: none; /* comment this line to hide the Announcements box */
		grid-area: side-box0;
		margin-bottom: 1rem;
	}
	.side-box1 {
		/* display: none; */  /* comment this line to show the Lawlor Standings box */
		grid-area: side-box1;
		margin-bottom: 1rem;
	}
	.side-box2 {
		grid-area: side-box2;
		margin-bottom: 1rem;
	}
	.side-box3 {
		grid-area: side-box3;
		margin-bottom: 1rem;
	}

/*========== schedule table ==============*/
.column__view--Week {
	display: table-cell;
	/* width: 3% */
}
.column__view--Date {
	display: table-cell;
	padding: 0 .8rem;
}
.column__view--Round {
	display: table-cell;
}
.column__view--Pairings {
	display: table-cell;
}
		.column__view--PairA {
			display: table-cell;
		}
		.column__view--PairB {
			display: table-cell;
		}
		.column__view--PairC {
			display: table-cell;
		}
.column__view--LawlorEvent {
	display: none;
}

.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;
}

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

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

/*========== header for team roster box (end) ============= */
/* 380px */
@media (min-width: 25em) {
	.data__view--Priority-Narrow {
		display: none;
	}
	.data__view--Priority-Wide {
		display: block;
	}
}

/* Medium size (594-899px/34em-49.9375em), At slightly wider sizes, show sidebar elements side by side (each taking up half the space, minus gutter gap and stuff).
=================== */
/* 594px */
@media (min-width: 37.125em) {
	.teams-grid {
	  display: grid;
		grid-template-columns: repeat(auto-fit, minmax(17.0rem, 1fr));
		gap: .5rem;
		margin: .75rem 0;
		/* background-color: pink; */
	}

	#captain-T1-row,
	#captain-T4-row,
	#captain-T5-row {
		background-color: #B8CCE4;
	}

	#captain-T2-row,
	#captain-T3-row,
	#captain-T6-row	{
		background-color: #D8E4BC;
	}

  .sidebar-grid {
    /* background-color: green; */
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: .8rem;
 		grid-template-areas:
 		 "side-box1 side-box2"
		 "side-box3 side-box3"
		 "side-box0 side-box0";
   }
}

/* 874px */
 @media (min-width: 54.625em) {
	 #captain-T1-row,
	 #captain-T3-row,
	 #captain-T5-row {
		 background-color: #B8CCE4;
	 }

	 #captain-T2-row,
	 #captain-T4-row,
	 #captain-T6-row	 {
		 background-color: #D8E4BC;
	 }
 }


 /*===============
  * At even wider sizes… 900px / 56.25em
=================*/
/* 900px */
 @media (min-width: 56.25em) {
	.content-container-grid {
		 grid-template-columns: 2fr 1fr;
		 grid-auto-rows: 1fr;
		 /* background-color: yellow; */
	 }

	 .teams-grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(17.0rem, 1fr));
		 gap: .5rem;
		 margin: .75rem 0;
		 /* background-color: pink; */
	 }

	 #captain-T1-row,
	 #captain-T4-row,
	 #captain-T5-row {
		 background-color: #B8CCE4;
	 }

	 #captain-T2-row,
	 #captain-T3-row,
	 #captain-T6-row	{
		 background-color: #D8E4BC;
	 }

	 .sidebar-grid {
     /* background-color: green; */
 		grid-template-columns: repeat(1, 1fr);
 		grid-template-areas:
		 "side-box0"
 		 "side-box1"
		 "side-box2"
		 "side-box3";
   }
 }

 /*===============
  * Responsive media queries for standings box
 =================*/
 .head_tm-num {
 	display: none;
 }

 .tm-num {
 	display: none;
 }

 .head_team-name {
 	text-align: left;
 }

 .team-name {
 	text-align: left;
 	font-size: 0.7rem;
 	font-weight: 400;
 }

 .head_total-pts {
 	text-align:center;
 }

 .total-pts {
 	text-align:center;
 	font-size: 1.125rem;
 	font-weight:600;
 	color: #000;
 }

 .head_last-week {
	display: none;
 }

 .last-week {
	display: none;
 }

 .head_eagles {
 	display: none;
 }

 .eagles {
 	display: none;
 }

 .head_birdies {
 	display: none;
 }

 .birdies {
 	display: none;
 }

 .head_pars {
 	display: none;
 }

 .pars {
 	display: none;
 }

 .head_bogeys {
 	display: none;
 }

 .bogeys {
 	display: none;
 }

  /*===============
   * At slightly wider sizes
 =================*/
/* 390px */
 @media (min-width: 24.375em) {
	 .head_last-week{
 		text-align: center;
 		display: table-cell;
 	}

 	.last-week {
   	text-align: center;
 		display: table-cell;
   }
}

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

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

 /* 544px */
 @media (min-width: 34em) {
 	.head_tm-num {
 		text-align:center;
 		display: table-cell;
 	}

 	.tm-num {
 		text-align:center;
 		display: table-cell;
 	}

 	.head_pars {
 		text-align: center;
 		display: table-cell;
 	}

 	.pars {
 		text-align: center;
 		display: table-cell;
 	}

 	.head_bogeys {
 		text-align: center;
 		display: table-cell;
 	}

 	.bogeys {
 		text-align: center;
 		display: table-cell;
 	}
 }

 /* 594px */
  @media (min-width: 37.125em) {
 .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;
 }

 .stat-table__header--TAXI-responsive-padding-on th:first-child,
 .stat-table__body--TAXI-responsive-padding-on td:first-child {
	 padding-left: 5rem;
 }

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


  /*===============
   * At even wider sizes…
 =================*/
 /* 800px */
  @media (min-width: 50em) {
 	 .team-name {
 		 font-size: 0.8rem;
 		 font-weight: 400;
 		 text-align: left;
 	 }

 	 .head_birdies {
 		 text-align: center;
 		 display: table-cell;
 	 }

 	 .birdies {
 		 text-align: center;
 		 display: table-cell;
 	 }

	 .column__view--LawlorEvent {
 		display: table-cell;
 	}
}

/* 900px */
@media (min-width: 56.25em) {
	.column__view--LawlorEvent {
	 display: none;
}

/* 960px */
 @media (min-width: 60em) {
 	.team-name {
 		font-size: 0.875rem;
 		font-weight: 400;
 		text-align: left;
 	}

 	.head_eagles {
 		text-align: center;
 		display: table-cell;
 	}
 	.eagles {
 		text-align: center;
 		display: table-cell;
 	}
 }