@charset "utf-8";

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

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

.content-container-grid {
	display: grid;
	column-gap: 1rem;
	grid-row-gap: 0rem;
  	grid-template-areas:
	 "content-header"
	 "statsbar"
	 "area1"
	 "area2"
	 "area3";
  }
  .content-header__golfer {
  	display: grid;
  	grid-area: content-header;
  	grid-template-areas:
  		"logo main select";
  	grid-template-columns: minmax(0, auto) 1fr 1fr;
  	height: auto !important;
  	line-height: normal !important;
  	padding: .5rem !important;
  	margin-bottom: 0 !important; /* default is .5rem set by formatting.css */
  }

  .content-header__logo {
  	display: none;
  }

  .content-header-left {
  	display: grid;
  	grid-area: main;
  	text-align: left;
  	}
  		.content-header__name {
  			display: grid;
  			align-content: center;
  			font-size: 1.4rem;
  			font-weight: 400;
  			white-space: nowrap;
  			}
  		.content-header__rank {
  			display: grid;
  			align-content: center;
  			font-size: 1rem;
  			font-weight: 400;
  			white-space: nowrap;
  			}

  .content-header-right {
  	display: none;
  }
  		.content-header__teamnumber {
  			display: none;
  			display: grid;
  			font-size: .75rem;
  			font-weight: 300;
  			white-space: nowrap;
  			align-content: start;
  			justify-content: right;
  		}
  		.content-header__selectbox {
  			display: none;
  		}

  .content-statsbar{
  	grid-area: statsbar;
  	color: #FAF332; /* yellow */
  	background-color: #12476d; /* navy blue */
  	padding-top: 0.3rem;
      padding-bottom: 0.3rem;
  	margin-bottom: 1rem;
  	  }
  		.content-statsbar__stats {
  			display: grid;
  	    grid-template-columns: repeat(2,min-content);
  	    grid-column-gap: 2rem;
  	    justify-content: center;
  		  }
  		.content-statsbar__stats--box {
  			display: grid;
  			/* grid-template-rows: 1fr 1fr; */
  			grid-column-gap: 0.5rem;
  			grid-template-areas:
  				"label"
  				"data";
  			text-align: center;
  			/* background-color: lightgray; */
  		  }
  				.content-statsbar__stats--box_matches{
  					display: none;
  					}
  				.content-statsbar__stats--label {
  					grid-area: label;
  					font-size: .75rem;
  					font-weight: 700;
  					white-space: nowrap;
  					/* border: 1px solid yellow; */
  				  }
  				.content-statsbar__stats--data {
  					grid-area: data;
  					font-size: .75rem;
  					font-weight: 400;
  					white-space: nowrap;
  				  }

.area1 {
	display: grid;
	grid-area: area1;
	grid-template-columns: 1fr;
	grid-auto-rows: auto minmax(0, 1fr);
	grid-row-gap: 1.5rem;
	grid-template-areas:
		"scorecard"
		"avg-chart";
    background-color: #fbf8f0;
    border: 1px solid #cac9c6;
    padding: .5rem 0;
	margin-bottom: 1.5rem;
}

.area2 {
	display: grid;
	grid-area: area2;
	grid-template-columns: 1fr;
	grid-auto-rows: auto minmax(0, 1fr);
	grid-template-areas:
	""
	"";
	margin-bottom: 1.5rem;
}

.area3 {
	display: grid;
	grid-area: area3;
	grid-template-columns: 1fr;
	grid-auto-rows: auto minmax(0, 1fr);
	grid-template-areas:
	""
	"";
}

.scorecard-container {
	display: grid;
	grid-area: scorecard;
	grid-template-areas:
		"info"
		"card";
	/* background-color: yellow; */
	}
		.scorecard-info {
			display: grid;
			grid-area: info;
			grid-template-areas:
				"date date"
				"golfcourse tee";
			}
		.scorecard-date {
			grid-area: date;
			justify-self: center;
			font-weight: 400;
			font-size: 1.2rem;
			}
		.scorecard-golfcourse {
			grid-area: golfcourse;
			justify-self: center;
			font-size: .8rem;
			}
		.scorecard-tee {
			grid-area: tee;
			justify-self: center;
			font-size: .8rem;
			padding-bottom: .5rem;
			}
		.scorecard {
			grid-area: card;
			justify-self: center;
			padding-bottom: .5rem;
			/* width: 100%; */
			/* height: 5rem; */
			/* background-color: red; */
			/* border: 1px solid tan; */
			}
		.scorecard table {
			margin: auto;
			text-align: center;
			font-size: .8rem;
			border-collapse: collapse;
			border-spacing: 0px;
			}
			.sc-first-col {
				display: none;
				}
			.sc-last-col {
				display: none;
				}
			.scorecard-totals {
				display: block;
				text-align: center;
				}
			.sc-footer {
				margin-top: 0.625rem;
				margin-left: 0.3rem;
				margin-right: 0.3rem;
				}
		.scorecard-match {
			float: left;
			padding: .3rem;
			/* background-color: pink; */
		}
		.scorecard-stats {
			float: right;
			padding: .3rem;
			/* background-color: lightgreen; */
		}

.box-header {
	width: 60% !important;
}

.dropdown {
	margin-right: .3rem;
}

.avg-chart {
	grid-area: avg-chart;
	background-color: #f6f7f9;
	border: 1px solid #7c7d7e;
	padding: .5rem 0;
}

.sidebar {
	display: grid;
	grid-area: sidebar;
	grid-row-gap: 1.5rem;
	grid-template-areas:
	"stat-box"
	"match-results";
}

.content-header-left {
	display: grid;
	grid-area: main;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	text-align: left;
	/* background-color: lightgray; */
}

		.content-header__name {
			display: grid;
			align-content: center;
			font-size: 1.4rem;
			font-weight: 400;
			white-space: nowrap;
		}

		.content-header__rank {
			display: grid;
			align-content: center;
			font-size: 1rem;
			font-weight: 400;
			white-space: nowrap;
		}

.content-header-stats {
	grid-area: stats;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	color: #FAF332 !important;
	grid-gap: 1rem;
	justify-content: space-around;
	margin-top: .5rem;
	/* background-color: lightcoral; */
}

		.content-header-stats__box {
			display: grid;
			grid-template-rows: 1fr 1fr;
			/* background-color: lightgray; */
		}

		.content-header-stats__label {
			font-size: .75rem;
			font-weight: 700;
			white-space: nowrap;
			/* border: 1px solid yellow; */
		}

		.content-header-stats__data {
			font-size: .75rem;
			font-weight: 400;
			white-space: nowrap;
		}

.content-header-right {
	display: none;
}

		.content-header__teamnumber {
			/* display: none; */
			display: grid;
			font-size: .75rem;
			font-weight: 300;
			white-space: nowrap;
			align-content: start;
			justify-content: right;
		}

		.content-header__selectbox {
			display: none;
		}

/* SCORING RECORD TABLE */
.column__view--Date {
	display: table-cell;
}
.column__view--RoundName {
	display: none;
}
.column__view--HdcpIndex {
	display: none;
}
.column__view--Hdcp {
	display: none;
}
.column__view--AdjScore {
	display: table-cell;
}
.column__view--Side {
	display: none;
}
.column__view--Tee {
	display: none;
}
.column__view--CrSlp {
	display: table-cell;
}
.column__view--Differential {
	display: table-cell;
}
.scoring-record__row {
    background: #FFF;
    border-bottom: 1px solid #D7D7D7;
}
.scoring-record__row--LowDiff {
    background: #c0d9af!important;
    border-bottom: 1px solid rgba(0,102,0,.5)!important;
}

/* 400px */
@media (min-width: 25em) {

	.content-header__logo {
		grid-area: logo;
		display: grid;
		align-self: center; /* vertical center */
		width: min-content;
	}

	.content-header-left {
		margin-left: 0.8rem;
	}

	.content-header-select {
		grid-area: select;
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: 1fr;
		text-align: right;
		/* background-color: lightblue; */
		}
			.content-header__teamnumber {
				display: none;
				display: grid;
				font-size: .75rem;
				font-weight: 300;
				white-space: nowrap;
				align-content: start;
				justify-content: right;
				}
			.content-header__selectbox {
				display: none;
				}

	.content-statsbar__stats {
    grid-template-columns: repeat(3,min-content);
    grid-column-gap: 3.5rem;
	}
			.content-statsbar__stats--box_matches{
				display: block;
				}

	/* SCORING RECORD TABLE */
	.column__view--HdcpIndex {
		display: table-cell;
	}
	.column__view--RoundName {
		display: table-cell;
	}
	.column__view--Side {
		display: table-cell;
	}
}

/* 544px */
@media (min-width: 34em) {
	.area1 {
		padding: .5rem;
	}

	.sc-first-col {
		display: table-cell;
	}

	.sc-last-col {
		display: table-cell;
	}

	.scorecard-totals {
		display: none;
	}

	.content-header__teamnumber {
		align-content: start;
	}

	.content-header {
		margin-bottom: 0;
		grid-template-areas:
			"main select"
			"stats select";
	}

	.content-header-main {
		grid-template-columns: repeat(2,min-content);
		justify-content: start;
		grid-column-gap: .75rem;
	}

	/* SCORING RECORD TABLE */
	.column__view--Hdcp {
		display: table-cell;
	}
	.column__view--Tee {
		display: table-cell;
	}

	/* SCORING RECORD TABLE */
	.column__view--Hdcp {
		display: table-cell;
	}
	.column__view--Tee {
		display: table-cell;
	}
}

/* 800px */
@media (min-width: 50em) {
	/* .content-header-stats__box {
		grid-template-columns: 1fr 1fr;
	} */

	.content-header-right {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto 1fr;
	}

			.content-header__teamnumber {
				align-content: center;
			}

			.content-header__selectbox {
				display: grid;
				text-align: right;
				/* margin-top: .8rem; */
			}
}

/*===============
* Responsive media queries for tables
=================*/
/* Default State */
#scorecards-table th,
#scorecards-table td {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}

#stats-indv_scoring-record-table th,
#stats-indv_scoring-record-table td {
	padding-left: .5rem;
	padding-right: .5rem;
}

/* 570px */
@media (min-width: 35.625em) {
	#stats-indv_scoring-record-table th:first-child,
	#stats-indv_scoring-record-table td:first-child {
	padding-left: 2.0rem;
	}
	#stats-indv_scoring-record-table th:last-child,
	#stats-indv_scoring-record-table td:last-child {
	padding-right: 2.0rem;
	}
}

/* 800px */
@media (min-width: 50em) {
	#scorecards-table th:first-child,
	#scorecards-table td:first-child {
	padding-left: 10rem;
	}
	#scorecards-table th:last-child,
	#scorecards-table td:last-child {
	padding-right: 10rem;
	}

	#stats-indv_scoring-record-table th:first-child,
	#stats-indv_scoring-record-table td:first-child {
	padding-left: 10rem;
	}
	#stats-indv_scoring-record-table th:last-child,
	#stats-indv_scoring-record-table td:last-child {
	padding-right: 10rem;
	}
}

/* 960px */
@media (min-width: 60em) {
	#scorecards-table th:first-child,
	#scorecards-table td:first-child {
	padding-left: 12rem;
	}
	#scorecards-table th:last-child,
	#scorecards-table td:last-child {
	padding-right: 12rem;
	}

	#stats-indv_scoring-record-table th:first-child,
	#stats-indv_scoring-record-table td:first-child {
	padding-left: 12rem;
	}
	#stats-indv_scoring-record-table th:last-child,
	#stats-indv_scoring-record-table td:last-child {
	padding-right: 12rem;
	}
}