@charset "utf-8";
/* CSS Document */





/* mouse over link */
.menu1:link {
    color: white;
}
 

/* mouse over link */
.menu1:hover {
    color: black;
}
 
 
 
 
 

  /* unvisited link */
.credits-links:link {
    color: black;
}

/* visited link */
.credits-links:visited {
    color: black;
}

/* mouse over link */
.credits-links:hover {
    color: blue;
	text-decoration: underline;
}
 
/* selected link */
.credits-links:active {
    color: blue;
}




  /* unvisited link */
.name-links:link {
    color: white;
}

/* visited link */
.name-links:visited {
    color: white;
}

/* mouse over link */
.name-links:hover {
    color: #d9d9d9;
	text-decoration: underline;
}
 
/* selected link */
.name-links:active {
    color: #d9d9d9;
}
	
	
	
/* CURLS */
/* Curl Top Left */
.curl-top-left {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.curl-top-left:hover:before, .curl-top-left:focus:before, .curl-top-left:active:before {
  width: 25px;
  height: 25px;
}



/*taken from animate.css by Daniel Eden github*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/*
#newStu {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: .2s;
  -webkit-animation-iteration-count: infinite;
}*/




.animated1 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite1 {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge1 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/*
#newStu {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: .2s;
  -webkit-animation-iteration-count: infinite;
}*/

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
		  
}





/*taken from Christian Metts - mit license - mintchaos.com*/
.flippant {
	transform: perspective(900px) rotateY(0deg);
	-webkit-transform: perspective(900px) rotateY(0deg);
	-moz-transform: perspective(900px) rotateY(0deg);
	/*z-index: 200;*/
}

.flippant-back {
	transform: perspective(900px) rotateY(-180deg);
	-moz-transform: perspective(900px) rotateY(-180deg);
	-webkit-transform: perspective(900px) rotateY(-180deg);
	height: 0;
	
	/*z-index: 200;*/
}

.flippant, .flippant-back {
	transform-style: flat;
	-webkit-transform-style: flat;
	-moz-transform-style: flat;

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.flippant, .flipper {
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-webkit-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.flippant.flipped {
	transform: perspective(900px) rotateY(180deg);
	-moz-transform: perspective(900px) rotateY(180deg);
	-webkit-transform: perspective(900px) rotateY(180deg);

}

.flippant-back.flipped  {
	transform: perspective(900px) rotateY(0deg);
	-moz-transform: perspective(900px) rotateY(0deg);
	-webkit-transform: perspective(900px) rotateY(0deg);
	 
}





 /*this will style the backside of a jeopardy card*/
.flippant-modal-dark, .flippant-modal-light {
	position: fixed;
	overflow:scroll; /*to make the modal scroll*/
	margin: 0;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	padding: 1em;
	box-sizing: border-box;
	background: #101a7c;
  	color: white;
	border-style: solid;
    border-top: #ededed;
	 border-width: 0 0 0 20px;
	
}

.flippant-modal-dark, .flippant-modal-dark p { color: white;}

.flippant-modal-light {
	background: rgba(230,230,230,1);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	border: 1px solid #aaa;
}










  @-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

  body {
  margin: 0;
  padding: 25px;
  background: #101a7c;
  height: 100%;
  color: white;
  overflow: auto;
  
   }
  
  
  .mycards{
	  	width:auto; 
		padding:0px;
		border-style: inset;
		border:1px solid white;
   		
		display: table-cell;
  		vertical-align: middle;
		horizontal-align: middle;
    	margin-left: auto;
    	margin-right: auto;
		  text-align:center;
			}
	
				  	


.category-view {
  font-family: Arial;
  font-weight: 700;
  text-shadow: 7px 7px black;
   text-align:center;
   }




.vertical-align-view { 
  font-size: 40px;
   text-align:center;
  }




.price {
  color: goldenrod;
    text-shadow: 4px 4px black;
  font-family: Impact;
  text-align:center;
   }




 .border-fade {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 3px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}


.border-fade:hover, .border-fade:focus, .border-fade:active {
  box-shadow: inset 0 0 0 3px goldenrod, 0 0 1px rgba(0, 0, 0, 0);
  background:#1928c0;
  /* Hack to improve aliasing on mobile/tablet devices */
}









.reveal-answer {
	  display: block;
  }
  
  .reveal-answer span {
    display: none;
	color:orange;
	 }
	
  .reveal-answer:hover span {
    display: inline;
	color:white; 
	text-decoration: none;
	width:100%;
	}
	 
	
  
  
 

p.answer{font-size:200%;color:orange;}

hr {
    height: 13px;
}


.hint{font-size:200%;color:white;}



.hint_text{color:orange;}


 /* unvisited link */
.hint_text:link {
   color:orange;
}


/* visited link */
.hint_text:visited {
    color: orange;
}

/* mouse over link */
.hint_text:hover {
    color: #ffffff;
	/*text-decoration: underline;*/
}

.ANS{color:orange;text-decoration: underline;}






	 
.back-button {
 /* display: block;
  position: absolute;
  right: 35px;
  bottom: 35px;
  z-index: 1000;*/ 
  color: black;
  font-weight: bold;
  font-size: 40px;
  }
  .back-button:hover {
	color:blue; }
  
  
  
  
  
.start-over-button { 
  color: black;
  font-weight: bold;
  font-size:20px;
  }
  .start-over-button:hover {
	color:blue; }
	
	
	
input.add-points {
	color:#66cc33;
	font-weight:bold;
	font-size:40px;
	cursor:pointer;
	display:inline;
	width:60px; height: 60px; 
	border:1px solid black;
	padding:14px;
   	background:white;
	border-radius: 5%;
	vertical-align: middle;
}

input.subtract-points {
	color:#ff0000;
	font-weight:bold;
	font-size:40px;
	cursor:pointer;
	display:inline;
	width:60px; height: 60px; 
	border:1px solid black;
	padding:14px;
   	background:white;
	border-radius: 5%;
	display:inline;
		vertical-align: inherit;

}


.col-centered{
    float: none;
    margin: 0 auto;
}



.hoffset  { margin-left: 100px; }
.hoffset5  { margin-left:  5px; }
.hoffset10  { margin-left: 10px; }
.hoffset15  { margin-left: 15px; }

.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset12 { margin-top: 120px; }





.popover{
	color:black;
	max-width:500px;
	}



#newStu {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: .0s;
  -webkit-animation-iteration-count: infinite;
}



#newStu1 {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: .0s;
  -webkit-animation-iteration-count: infinite;
}


#tim{visibility: hidden}


.tb{visibility: hidden}



.toggle {
  margin: 4px;
  display: inline-block;
}

.toggle {
  box-shadow: inset 0 0 35px 5px rgba(0, 0, 0, 0.25), inset 0 2px 1px 1px rgba(255, 255, 255, 0.9), inset 0 -2px 1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  background: #ccd0d4;
  position: relative;
  height: 140px;
  width: 140px;
}

.toggle:before {
  box-shadow: 0 0 17.5px 8.75px #fff;
  border-radius: 118.3px;
  background: #fff;
  position: absolute;
  margin-left: -50.4px;
  margin-top: -50.4px;
  opacity: 0.2;
  content: "";
  height: 100.8px;
  width: 100.8px;
  left: 50%;
  top: 50%;
}

.toggle .button {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  filter: blur(1px);
  transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5), inset 0 -3px 4px -1px rgba(0, 0, 0, 0.2), 0 -10px 15px -1px rgba(255, 255, 255, 0.6), inset 0 3px 4px -1px rgba(255, 255, 255, 0.2), inset 0 0 5px 1px rgba(255, 255, 255, 0.8), inset 0 20px 30px 0 rgba(255, 255, 255, 0.2);
  border-radius: 96.32px;
  position: absolute;
  background: #ccd0d4;
  margin-left: -48.16px;
  margin-top: -48.16px;
  display: block;
  height: 96.32px;
  width: 96.32px;
  left: 50%;
  top: 50%;
}

.toggle .label {
  transition: color 300ms ease-out;
  text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px #fff;
  line-height: 139px;
  text-align: center;
  position: absolute;
  font-weight: 700;
  font-size: 42px;
  display: block;
  opacity: 0.9;
  height: 100%;
  width: 100%;
  color: rgba(0, 0, 0, 0.4);
}

.toggle input {
  opacity: 0;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.toggle input:active ~ .button {
  box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.4), inset 0 -8px 30px 1px rgba(255, 255, 255, 0.9), 0 -10px 15px -1px rgba(255, 255, 255, 0.6), inset 0 8px 25px 0 rgba(0, 0, 0, 0.4), inset 0 0 10px 1px rgba(255, 255, 255, 0.6);
}

.toggle input:active ~ .label {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.45);
}

.toggle input:checked ~ .button {
  box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.4), inset 0 -8px 25px -1px rgba(255, 255, 255, 0.9), 0 -10px 15px -1px rgba(255, 255, 255, 0.6), inset 0 8px 20px 0 rgba(0, 0, 0, 0.2), inset 0 0 5px 1px rgba(255, 255, 255, 0.6);
}

.toggle input:checked ~ .label {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.4);
}