/* STATS - CALENDAR
	======================================*/
/* 
Generic Styling, for Desktops/Laptops 
*/
.mobile table { 
  width: 100%; 
  border-collapse: collapse;
  font-family: source-sans-pro, sans-serif;
}
/* Zebra striping */
.mobile tr:nth-of-type(odd) { 
  background: #ECF0F1; 
}
.mobile th { 
  background: #2B2C2C; 
  color: #fff;
  text-transform:uppercase;
  font-size:13px;
  font-weight: 600; 
}
.mobile td, .mobile th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.normal table {width:100%; border-collapse:collapse; border:none; font-family: source-sans-pro, sans-serif;}
.normal th {background:#151617; color:#fff; font-family: source-serif-pro, sans-serif; font-size:16px; line-height:18px; font-weight:700;}
.normal.championship th:nth-child(n+4) {color:#ABB7B7; text-align:center;}
.normal.championship td:nth-child(n+4) {text-align:center;}
.normal.championship tbody tr:first-of-type {background:none;}
.normal.championship tbody tr:first-of-type td {font-size:13px; text-transform:uppercase; color:#dd1313; font-weight:900;}
.normal tr:nth-of-type(even) { 
  background: #f0f4f7; 
}
.normal td, .normal th { 
  padding: 6px; 
  text-align: left; 
}
.normal table tr td a {font-weight:600;}

@media  only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.mobile table, .mobile thead, .mobile tbody, .mobile th, .mobile td, .mobile tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.mobile thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.mobile tr { border-bottom:1px solid #2b2c2c; margin-bottom:20px;}
	
	.mobile td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.mobile td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		
	}
	
	/*
	Label the data
	*/
	.mobile.calendar td:nth-of-type(1):before { content: "Race"; }
	.mobile.calendar td:nth-of-type(2):before { content: "Grand Prix:"; }
	.mobile.calendar td:nth-of-type(3):before { content: "Date:"; }
	.mobile.calendar td:nth-of-type(4):before { content: "Circuit:"; }
	.mobile.calendar td:nth-of-type(5):before { content: "Perimeter:"; }
	.mobile.calendar td:nth-of-type(6):before { content: "Laps:"; }
	.mobile.calendar td:nth-of-type(7):before { content: "Distance:"; }
	
	.mobile td:nth-of-type(1) {background:#2B2C2C; color:#fff;}
	.mobile td:nth-of-type(2) {font-weight:600;}
	
	.normal.championship th:nth-child(n+4), .championship td:nth-child(n+4) {display:none;}
}