body {
	color: black;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	font-size: 1.5 em;
}

/* on startup */
#setrange, #numoftheday, #questions, #controls, #results, #finished, .question {display: none;}

#loading {
	height: 300px;
	text-align: center;
	padding: 100px;
}

#tally {
		font-family: 'Permanent Marker', cursive;
}

.fives {
	text-decoration:line-through;
	}
.fivesbundle {
padding-left: 10px;
}




#site {
	background-color: #b60a01;
	background-image: url(//dedhk00m7fqyl.cloudfront.net/cmn/images/hdr_starters.png);
	color:#fff;
	box-shadow: -3px 3px 6px #222, 0px 3px 6px #222;
}
body.home #site {
	color:#fff;
	padding: 20px 0 10px 0;
}

#studentcontentbox {
	-webkit-transition: all 4s ease;
	-moz-transition: all 4s ease;
	-o-transition: all 4s ease;
	transition: all 4s ease;
	background-color: rgba(256,256,256,0.8);
	padding: 1rem 3rem;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 3px 3px 6px #222;
	border-width: 6px;
	border-style: solid;
	font-size: 1.8rem;	
}

h1 span {
	font-weight: 100;
}
h1.activity {
	text-align: center;
	font-weight: 600 !important;
	letter-spacing: 0.3rem;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.numoftheday h1.activity {
	text-shadow: 2px 2px 2px #2DB6B6, -2px 2px #2DB6B6,-2px 2px 2px #2DB6B6,-2px -2px 2px #2DB6B6;
	font-family: 'Delius Unicase', cursive;	
}
h1.bigger {
	font-size: 4em;
}

/* -- on startup -- */

/* -- end on startup -- */



/* -- Number of the Day -- */

.numbercard {
	text-align: center;
	padding: 0.5rem;
	line-height: 1rem;
	text-align: center;
	border: 1px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#day .numbercard {
	background: #0F7676;
}
#todaysnum {
	font-size: 1em;
}
#todaysnum .numbercard {
/*	background: #FF851B;*/
	font-size: 2rem;
	font-weight: bold;
	margin-left: 1rem;
	color: white;
	text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	font-family: 'Delius Unicase', cursive;
}
#day {
	float: right;
}
.numoftheday .answer {
	color: #80DBDB;
	font-weight: 600;
	display:none;
	margin-left: 3rem;
	letter-spacing: 0.1rem;
}

.numoftheday input[type="number"], .numoftheday input[type="text"] {
	text-align: center;
	font-size: 4rem;
	font-weight: bold;
	color: white;
	text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	font-family: 'Delius Unicase', sans-serif;
}

input[type="text"].entrytext {
	text-shadow: none;
	color: #222;
	font-family: 'Comic Neue', sans-serif;
}

.form-control:disabled {
	-webkit-text-fill-color: white !important;
	opacity: 1 !important; /* required on iOS */
}

#quiztype {
	color: #2DB6B6;
	font-weight: bold;
}

#q1 canvas, #q4 canvas {
	cursor: pointer !important;
}

#q2 .form-text {
	font-size: 0.7em;
}

#tally {
	background-color: rgba(256,256,256,0.5);
	cursor: pointer;
}

/* -- end Number of the Day -- */

footer.activityfooter {
	padding-top: 20px;
	text-align: center;
	color: #ccc;
font-size: 0.9rem;
}
footer.activityfooter a {
	color: #eee;
}
footer.activityfooter a:hover {
	color: white;
text-decoration: underline
}

.tip {
	font-size: 1rem;
	text-align: center;
	margin-top: 30px;
	color: #888;
}
.tip kbd {
	color: #bbb;
	background: black;
}




.smallnum{
display:block;
width: 2em;
text-align: center;
border-width: 2px;
border-style: solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
float:left;
font-weight: bold;
font-family: 'Delius Unicase', cursive;
padding: 0.4em 0;
font-size: 1.1em;
text-align: center;
color: white;
}

#minnum {
float: left;
margin: 0 30px 0 0;
}
.slider {
width: 400px;
margin: 10px 0;
float: left;
}
#maxnum {
float: left;
margin: 0 0 0 30px;
}




/*-- clrs.cc --*/
.navy { color: #001F3F; }
.blue { color: #0074D9; }
.aqua { color: #7FDBFF; }
.teal { color: #39CCCC; }
.olive { color: #3D9970; }
.green { color: #2ECC40; }
.lime { color: #01FF70; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.red { color: #FF4136; }
.fuchsia { color: #F012BE; }
.purple { color: #B10DC9; }
.maroon { color: #85144B; }
.white { color: #FFFFFF; }
.silver { color: #DDDDDD; }
.gray { color: #AAAAAA; }
.black { color: #111111; }
/*-- end clrs.cc --*/

/*-- clrs.cc -- modified*/
  .bg-navy { background-color: #001F3F !important; }
  .bg-blue { background-color: #0074D9 !important; }
  .bg-olive { background-color: #3D9970 !important; }
  .bg-maroon { background-color: #85144B !important; }
  
  .border--blue { border-color: #0074D9; }
  .border--aqua { border-color: #7FDBFF; }
  .border--green { border-color: #2ECC40; }
  .border--fuchsia { border-color: #F012BE; }
/*-- end clrs.cc --*/