/*
Theme Name: Twenty Fifteen Child
Theme URI: http://example.com/twenty-fifteen-child/
description: >-
  Twenty Fifteen Child Theme
Author: Jennifer
Author URI: http://lcs.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/

@import url("/twentyfifteen/style.css");
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&display=swap');



h1 {font-family: 'Lexend', sans-serif; font-size:4.5em;color:white;flex-basis: 70%;margin: 0px; text-align: center;padding-top: 40px;}
body {font-family:'Lexend', sans-serif; font-size:18px;}

.header {width:100%;height:300px;}
.headerTitle {display:flex;padding:30px 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;flex-wrap:wrap;

}
.headerTitle img {max-width: 100%;}
/*
Generic Styling, for Desktops/Laptops
*/
table {
  width: 100%;
  border-collapse: collapse;
	margin-top:-160px;
margin-bottom:25px;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background-color: transparent;
}

th {
	background: #606060;
  color: white;
  font-weight: 300;
	text-align: center;
	padding: 2px;
	width:5%;
}
.icon {background:transparent!important;}
.icon th {
	/*background: #4D4D4F; */
	padding: 6px 0px 0px 0px;

}

.icon th img{
	width:70px;
}
.icon th:nth-child(1) {
	/*background:transparent;*/
	border-radius: 30px 0 0 0;
	width:10%;
}
.icon th:nth-child(15) {
		border-radius: 0 30px 0 0;
}
.icon th:nth-child(16), .description th:nth-child(16)  {
	background:transparent;
}
.description th:nth-child(16) {
	color: #606060;
font-weight: 400;
font-size: 1.2em;
}
.description {background:transparent!important;}
td {
  padding: 2px 6px; 
  text-align: center;
	font-size:30px;
	border-left: 1px solid rgba(109,110,113, .60);
}

.descriptionPartTwo th{
		font-size: 12px;
background-color: white;
color: black;

}

td:nth-child(16){
	background-color:white;
}


tr:nth-child(even) {
	background-color:#F1F2F2;
}
#red{font-weight:regular;color:#ED1C24;}
#orange{font-weight:regular;color:#f37321;}
#yellow{font-weight:regular;color:#fcb130;}
#green{font-weight:regular;color:#00a261;}
#blue{font-weight:regular;color:#005fae;}
#purple{font-weight:regular;color:#7f3f98;}
#pink{font-weight:regular;color:#f05c8a;}
#black{font-weight:regular;color:#000;}

#total_red {background:rgba(237,28,36,.2);color:#ED1C24;width: 95px;
height: 65px;
margin: 0 auto;
padding-top: 1em;
border-radius: 30%;

font-weight: bold;
text-align: center;}
#total_orange {background:rgba(243,115,33,.2);color:#f37321;width: 95px;height: 65px;
margin: 0 auto;
padding-top: 1em;
border-radius: 30%;

font-weight: bold;
text-align: center;}
#total_yellow {background:rgba(252,177,48,.2);color:#fcb130;width: 95px;height: 65px;
margin: 0 auto;
padding-top: 1em;
border-radius: 30%;

font-weight: bold;
text-align: center;}
#total_green {background:rgba(0,162,97,.2);color:#00a261;width: 95px;height: 65px;
margin: 0 auto;
padding-top: 1em;
border-radius: 30%;

font-weight: bold;
text-align: center;}
#total_blue {background:rgba(0,95,174,.2);color:#005fae;width: 95px;height: 65px;
margin: 0 auto;
padding-top: 1em;
border-radius: 30%;

font-weight: bold;
text-align: center;}
#total_purple {background:rgba(127,63,152,.2);color:#7f3f98;width: 95px;height: 65px;
margin: 0 auto;
padding-top: 1em;
border-radius: 30%;

font-weight: bold;
text-align: center;}

#total_pink {background:rgba(240,92,138,.2);color:#f05c8a;width: 95px;height: 65px;
	margin: 0 auto;
	padding-top: 1em;
	border-radius: 30%;
	
	font-weight: bold;
	text-align: center;}

	#total_black {background:rgba(0,0,0,.2);color:#000;width: 95px;height: 65px;
		margin: 0 auto;
		padding-top: 1em;
		border-radius: 30%;
		
		font-weight: bold;
		text-align: center;}


/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 1230px),
(min-device-width: 768px) and (max-device-width: 1024px)  {


h1 {font-size:2.3em;color:white;padding-top: 10px;}
body {font-family: 'Lato', sans-serif; border:thin black solid;}

.header {width:100%;height:410px;}
.headerTitle {justify-content:center;
}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #999;
		position: relative;
		text-align: left;
	}

	td:before {
		/* Now like a table header */
		position: relative;
		padding-right: 20px;
		white-space: nowrap;
	}
	td:nth-child(1):before{
		padding:0px;
	}

	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Vortex"; }
	td:nth-of-type(3):before { content: "5x5 Basketball"; }
	td:nth-of-type(4):before { content: "Boom Blasters"; }
	td:nth-of-type(5):before { content: "Tetris Tumble"; }
	td:nth-of-type(6):before { content: "The Floor is Lava"; }
	td:nth-of-type(7):before { content: "Ultimate Obstacle Course"; }
	td:nth-of-type(8):before { content: "The Price is Right"; }
	td:nth-of-type(9):before { content: "A-Maze-ing Race"; }
	td:nth-of-type(10):before { content: "Tower Toss"; }
	td:nth-of-type(11):before { content: "Gladiator Joust"; }
	td:nth-of-type(12):before { content: "Beat the Clock"; }
	td:nth-of-type(13):before { content: "Light Zone Football"; }
	td:nth-of-type(14):before { content: "LCS Recreations Relay"; }
	td:nth-of-type(15):before { content: "CURRENT TOTAL"; }

}