#results {
	display: none;
}

body {
color: white;
}
body.checkquiz {
background: black url(https://mathsstarters.net/images/diamond-upholstery.png);
}
nav#navcqtop.navbar {
background-color: #b60a01 !important;
background-image: url({aws}/cmn/images/hdr_starters.png) !important;
box-shadow: -3px 3px 6px #222, 0px 3px 6px #222;
border-bottom: 2px solid #b60a01 !important;

}
#contentbox {
	background-color: rgba(0,0,0,0.5);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 3px 3px 6px #222;
	padding: 25px;
	font-size: 1.5em;
}

/* For specific media */

#quickquizmenu .nav-link, #quickquizmenu .list-group-item, #menubox .nav-link, #menubox .list-group-item {
	font-size: 1.5rem;
}

@media screen and (min-width: 576px) {

	.form-control {
  		font-size: 1.4rem;
		font-weight: bolder;
		padding: 0 0.5em;
		text-align: center;
	}

	#sharelink {
		font-size: 0.55em;
	}
}
@media screen and (max-width: 576px) {
	#contentbox {
    	font-size: 1em;
	}
	h2 {
		font-size: 1.2em;
	}
	.form-control {
		font-size: 1em;
		font-weight: bolder;
		padding: 0 0.2em;
		text-align: center;
	}
	.input-group-text {
	padding: 0rem 0.75rem;
	}
	#sharelink {
		font-size: 0.9em;
	}
	
}
@media screen and (max-width: 768px) {

	#quickquizmenu .nav-link, #quickquizmenu .list-group-item, #menubox .nav-link, #menubox .list-group-item {
		font-size: 1rem;
	}
}

#sharelink {
	font-weight: normal;
	font-family: monospace;
}

.checkquiz #contentbox {
	border: 6px solid #F012BE;
}
h1 {
color: white !important;
font-size: 1.5em;
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);
}
h1{
text-shadow: 2px 2px 2px #F012BE, 2px -2px 2px #F012BE,-2px 2px 2px #F012BE,-2px -2px 2px #F012BE;
}
h1.bigger {
font-size: 3em;
}
#quickquizmessage {
display:none;
}
#typeinstruction {
	font-family: serif;
	font-size: 80%;
}

/* -- on startup -- */
#quiz, #quickquizmenu, #check, .bingo #controls, .bingo #menubox, #instructions, #quickquiz {
	display: none;
}
#loading {
	height: 300px;
	text-align: center;
	padding: 100px;
}

/* -- end on startup -- */

/* -- Quick Quiz, Bingo navs --*/
#quickquizmenu .nav-link, #quickquizmenu .list-group-item, #menubox .nav-link, #menubox .list-group-item {
	padding: 0.5rem 1rem !important;
	border: 0;
}
a.cust-nav-first {
	background-color: #333;
	margin: 1px;
}
a.cust-nav-first:hover {
	background-color: #555;
	color: white;
}
a.cust-nav-first {
	color: white;
}

a.cust-nav-second {
	background-color: #555;
	margin: 1px;
}
a.cust-nav-second:hover {
	background-color: #777;
	color: white;
}
a.cust-nav-second {
	color: white;
}
body.checkquiz #quickquizmenu .nav-link {
background-color: rgba(50, 50, 50, 0.4);
color: white;
font-weight: normal;
}
body.checkquiz #quickquizmenu .nav-link:hover {
background-color: rgba(150, 150, 150, 0.4);
font-weight: normal;
}
body.checkquiz #quickquizmenu .nav-link.active {
background-color: rgba(240, 18, 190, 0.8);
font-weight: normal;
}

/* -- end Quick Quiz, Bingo navs --*/

/* -- Common -- */
.questionline {
	clear: both;
	padding: 2px 0;
	border-bottom: 1px dotted lightblue;
}
/* -- end Common -- */

/* -- Quick Quiz -- */
#quiz {
	display: none;
}
span.qnum {
	color: #999;
}
.anshighlight {
	color: #B3DEB3;
	font-weight: bold;
}
#quiz .questionline.questionlineactive .qnum {
color: yellow;
}
.questionline.questionlineactive {
background-color: rgba(255,255,0,0.1);
}
.questionline.questionlineanswer {
background-color: rgba(0,255,0,0.1);
}
.questionline {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* -- end Quick Quiz -- */



/*-- 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 --*/



/* Remove the increment buttons from number inputs */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp*/

.input-group-text {
	color: #fff !important;
	background-color: #202328 !important;
	font-weight: bolder;
}
.mq-editable-field {
	font-size: 90% !important;
	width: 170px !important;
	border: 1px solid rgb(206, 212, 218);
}
.mq-math-mode {
	font-family: sans-serif !important;
}
.mq-math-mode var {
	font-family: sans-serif !important;
}
.mq-root-block {
	padding: 0 !important;
}
.latex .mq-root-block,.fraclatex .mq-root-block {
/*	padding: 0.1em 0em !important;*/
margin: 0.5rem 0;

}
.latex.form-control,.fraclatex.form-control {
border-radius: 0.25rem !important;
}
.mq-cursor {
	border-color: white !important;
}
.unselectable, .MathJax {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
	-moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal .modal-header {
	padding: 23px 26px;
	border-bottom: 1px solid transparent;
}
.modal .modal-content {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
	border-radius: 3px;
	border: 0;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid transparent;
}

label.correction {
	color: #ee9aa2;
	font-size: 1.4rem;
	margin: auto 0;
}

.fontcursive {
	font-family: 'Delius Unicase', cursive;
}

/* validation */
/* using a cross instead of the default exclamation from bootstrap 5 */
.form-control.is-invalid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

#gcwidget-div {
	position: relative !important;
	top: 4px;
}
#cqnews {
font-size: 1rem;
}