/*



Theme Name: SC spacious Child Theme



Theme URI: 



Description: Child theme for spacious



Author: <a href="http://www.spellingclassroom.com" title="Visit author homepage">Spelling Program</a>



Author URI: www.spellingclassroom.com



Template: spacious



Version: 1



*/

@import url('../spacious/style.css');

ins {
	background-color:#fff !important;
background: #fff !important;
text-decoration: none;
}
h1 {
font-size: 28px;
font-weight: bold;
  margin-top: 4px !important;
	  margin-bottom: 4px !important;
	padding-top: 0px !important;
padding-bottom: 0px !important;
}
.my-custom-style-1 {
	-moz-box-shadow: 3px 4px 0px 0px #1564ad;
	-webkit-box-shadow: 3px 4px 0px 0px #1564ad;
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:impact;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:12px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}


.my-custom-style-1P {
	-moz-box-shadow: 3px 4px 0px 0px #313031;
	-webkit-box-shadow: 3px 4px 0px 0px #313031;
	box-shadow: 3px 4px 0px 0px #313031;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9b02d4), color-stop(1, #980ecc));
	background:-moz-linear-gradient(top, #9b02d4 5%, #980ecc 100%);
	background:-webkit-linear-gradient(top, #9b02d4 5%, #980ecc 100%);
	background:-o-linear-gradient(top, #9b02d4 5%, #980ecc 100%);
	background:-ms-linear-gradient(top, #9b02d4 5%, #980ecc 100%);
	background:linear-gradient(to bottom, #9b02d4 5%, #980ecc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b02d4', endColorstr='#980ecc',GradientType=0);
	background-color:#9b02d4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:impact;
	border-radius:5px;
	border:1px solid #980ecc;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #313031;
}
.my-custom-style-2 {
	
	background-color:lightgray;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid gray;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	width:100%;
	padding:15px;
	text-decoration:none;
	text-shadow:0px 1px 0px gray;
}
.my-custom-style-1Com{
	-moz-box-shadow: 3px 4px 0px 0px gray;
	-webkit-box-shadow: 3px 4px 0px 0px gray;
	box-shadow: 3px 4px 0px 0px gray;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4c449f), color-stop(1, #565194));
	background:-moz-linear-gradient(top, #4c449f 5%, #565194 100%);
	background:-webkit-linear-gradient(top, #4c449f 5%, #565194 100%);
	background:-o-linear-gradient(top, #4c449f 5%, #3bc005 100%);
	background:-ms-linear-gradient(top, #4c449f 5%, #565194 100%);
	background:linear-gradient(to bottom, #4c449f 5%, #565194 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbd0cb', endColorstr='#eeeeee',GradientType=0);
	background-color:#4c449f;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid grey;
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	padding:12px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px gray;
}
.my-custom-style-1Com:hover{
	
	 	 background:lightgreen;
			 	 	 font-color:black!Important;
}
.my-custom-style-1IN {
	-moz-box-shadow: 3px 4px 0px 0px gray;
	-webkit-box-shadow: 3px 4px 0px 0px gray;
	box-shadow: 3px 4px 0px 0px gray;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0d8a03), color-stop(1, #3bc005));
	background:-moz-linear-gradient(top, #0d8a03 5%, #3bc005 100%);
	background:-webkit-linear-gradient(top, #0d8a03 5%, #3bc005 100%);
	background:-o-linear-gradient(top, #0d8a03 5%, #3bc005 100%);
	background:-ms-linear-gradient(top, #0d8a03 5%, #3bc005 100%);
	background:linear-gradient(to bottom, #0d8a03 5%, #3bc005 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d8a03', endColorstr='#3bc005',GradientType=0);
	background-color:#0d8a03;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	padding:12px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px gray;
}
.my-custom-style-1IN:hover{

	 	 background:lightgreen;
		 	 		 	 	 font-color:black!Important;
}
.my-custom-style-1Norm:hover{

	 	 background:lightgreen;
		 	 		 	 	 font-color:black!Important;
}

.my-custom-style-1F:hover{
 background-color:green;
	 	 background:green;
		 	 	 font-color:black!Important;
}

.my-custom-style-1F {
	-moz-box-shadow: 3px 4px 0px 0px #1564ad;
	-webkit-box-shadow: 3px 4px 0px 0px #1564ad;
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	padding:12px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

.my-custom-style-1Norm {
	-moz-box-shadow: 3px 4px 0px 0px #eaebf5;
	-webkit-box-shadow: 3px 4px 0px 0px #dddffa;
	box-shadow: 3px 4px 0px 0px #a2a6cf;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, white), color-stop(1, #dddffa));
	background:-moz-linear-gradient(top, white 5%, #eaebf5 100%);
	background:-webkit-linear-gradient(top, #a2a6cf 5%, #eaebf5 100%);
	background:-o-linear-gradient(top, white 5%, #dddffa 100%);
	background:-ms-linear-gradient(top, white 5%, #dddffa 100%);
	background:linear-gradient(to bottom, white 5%, #dddffa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e7ff', endColorstr='#378de5',GradientType=0);
	background-color:#dddffa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid gray;
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	padding:12px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px gray;
}

.bookcontainer {
 display: block;

    width: 100%;
}

/* Centered text */
.bookPos {
    position: absolute;
	width:160px;
	font-size:20px;
	font-weight:700;
color:#4f78ff;
    top: 33%;
    left:47%;


    transform: translate(-50%, -50%);
	
}
#bookshadowComplete {
	height:275px;
	font-size:1.4em;
	line-height:1.2em;
	padding:.6em;
	font-weight:600;
	margin-right:10%;
	margin-left:10%;
	background-color:#4c449f;
color:white;
 
	border:3px dashed; 
    box-shadow: 5px 10px #888888;
}
#bookshadowInProgress {
	height:275px;
	font-size:1.4em;
	line-height:1.2em;
	padding:.6em;
	font-weight:600;
	margin-right:10%;
	margin-left:10%;
	background-color:lightgreen;
color:darkgreen;
    border: 1px solid;

    box-shadow: 5px 10px #888888;
}

#bookshadowInProgressHome {
	height:245px;
	font-size:1.4em;
	line-height:1.2em;
	padding:.6em;
	font-weight:600;
	margin-right:10%;
	margin-left:10%;
	background-color:lightgreen;
color:darkgreen;
    border: 1px solid;

    box-shadow: 5px 10px #888888;
}

#bookshadowNotStated{
	height:275px;
	font-size:1.4em;
	line-height:1.2em;
	padding:.6em;
	font-weight:600;
	margin-right:10%;
	margin-left:10%;
	background-color:#e5e7ff;
color:darkgreen;
    border: 1px solid;

    box-shadow: 5px 10px #888888;
}