@charset "utf-8";

.content-event-width {
		max-width: 80rem;
}

.content-container-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 0rem;
  grid-template-areas:
	 "content-header"
	 "statsbar"
	 "area1"
	 "area2";
}

.content-header {
	display: grid;
	grid-area: content-header;
	grid-template-areas:
		"name logo"
		"date logo";
		/* "stats stats"; */
	height: auto !important;
	line-height: normal !important;
	padding: .5rem !important;
	margin-bottom: 0 !important; /* default is .5rem set by formatting.css */
	}
		.content-header__name {
			/* display: grid; */
			grid-area: name;
			/* align-content: left; */
			font-size: 1.2rem;
			font-weight: 400;
			white-space: nowrap;
			}
		.content-header__course {
			/* display: grid; */
			grid-area: course;
			/* align-content: left; */
			font-size: .75rem;
			/* font-weight: 400; */
			white-space: nowrap;
			}
		.content-header__date {
			/* display: grid; */
			grid-area: date;
			font-size: .75rem;
			/* font-weight: 300; */
			white-space: nowrap;
			/* align-content: start; */
			/* justify-content: right; */
		}
		.content-header__logo {
			/* display: grid; */
			grid-area: logo;
			font-size: .75rem;
			/* font-weight: 300; */
			white-space: nowrap;
			/* align-content: start; */
			/* justify-content: right; */
		}


.content-statsbar{
	grid-area: statsbar;
	color: #FAF332; /* yellow */
	background-color: #12476d; /* navy blue */
	padding-top: 0.3rem;
  padding-bottom: 0.3rem;
	margin-bottom: .5rem;
	  }
		.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-columns: 1fr 1fr;
			grid-column-gap: 0.5rem;
			grid-template-areas:
			 "label data";
			text-align: center;
			/* background-color: lightgray; */
		  }
				.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 {
	margin-bottom: 1rem;
}


/* STANDINGS TABLE */
.column__view--Finish {
	display: table-cell;
}
.column__view--Points {
	display: table-cell;
	padding: 0 .4rem;
}
.column__view--Name {
	display: table-cell;
}
.column__view--NetScore {
	display: table-cell;
}



/* EVENT SCHEDULE TABLE */
.column__view--Date {
	display: table-cell;
}
.column__view--Round {
	display: none;
}
.column__view--Event {
	display: table-cell;
}


/* 900px */
@media (min-width: 56.25em) {
	.content-container-grid {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 1rem;
		grid-template-areas:
			"content-header content-header"
			"statsbar statsbar"
			"area1 area2";
	}
}



/*===============
 * Responsive media queries for team roster boxes
=================*/
/* 280px Default for mobile first */
.stat-table__header--responsive-padding-on th:first-child,
.stat-table__body--responsive-padding-on td:first-child {
	padding-left: .3rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

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


/* 400px */
@media (min-width: 25em) {
	.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) {
	.stat-table__header--responsive-padding-on th:first-child,
	.stat-table__body--responsive-padding-on td:first-child {
		padding-left: 8rem;
	}

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


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

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

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