* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h5 {
font-size: 30px;
font-weight: 600;
margin: 0.3em 0em;
// text-align: center;
color: #000033;
}

h2 {margin-top: 30px;}

.boxheader {
margin: 0 0 30px;
color: blue;
text-align: center;
}

ul {
list-style: disc;
margin-left: 2em;
}
li {
font-family: 'Lato', sans-serif;
padding: 0.5em 0;
}

li:last-of-type {
border-bottom: none;}
a {color: #2193b0; text-decoration: none;}
a:hover {text-decoration: underline;}
img {margin-top: 0.5em; max-width: 100%;}

table {
border-collapse: collapse;
// width: 100%;
}
th {
background-color: #2193b0;
color: white;
font-weight: bold;
}

th,td {
border: 1px solid black;
padding: 0.5em;
font-family: 'Lato', sans-serif;
text-align: left;
}

table.testtable td {vertical-align: top;}

.nostretch {width:1%; white-space:nowrap;}

.noborder {border: none;}

form {display: inline; padding: 0.5em 0;}

#searchBlock {
display: block;
border: solid 1px #ece9e6;
border-radius: 20px;
width: 730px;
}
#wsbuttons {
padding: 10px;}


input[type=search] {
border: none;
font-size: 18px;
padding: 3px;
margin: 10px;
width: 710px;
}
input[type=search]:focus {
outline: none;
}

.search-result-link {
display: block;
padding: 5px 10px;
width: 100%;
color: black;
}
.search-result-link:hover {
background: #f0f0f0;
color: black;
}

.search-result-link:first-of-type {
border-top: solid 1px #ece9e6;
}
.search-result-link:last-of-type {
border-bottom: solid 1px #ece9e6;
}



/*ads*/
.ad250 {
height: 250px;
margin-bottom: 30px;
}



/*callout - used for search results */
.callout {
padding: 1.5em;
border: 2px solid #444;
border-radius: 2px;
margin: 20px 20px;
}


select {
padding: 0.5em;
margin: 0.5em;
}

.inputoff {
color: #a0a0a0;
}

form input[type=button] {
margin: 0.2em;
padding: 0.3em;
}

input[type=button] {
font: bold 1em 'Lato', sans-serif;
padding: 0.5em;
margin: 0.5em;
}

input[type=text] {
padding: 0.5em;
font-size: 1.3em;
}

input[type=number] {
padding: 0.5em;
width: 30%;
font-size: 1.3em;
}

input[type=submit] {
padding: 0.2em;
margin-left: 1em;
font-size: 1.3em;
}

.sidelink {
background: #e0e0e0;
padding: 5px;
border: 2px solid #ddd;
border-radius: 2px;
margin: 0.5em 0em;
color: #000;
}

.sidelink img {
vertical-align: middle;
margin-right: 10px;
}



/*Container*/
.container {
background: #c0c0c0;
display: flex;
justify-content: center;
font-family: 'Lato', sans-serif;
}


/*header*/
.header-background {
padding: 1em;
width: 100%;
font: 1.7em 'Lato', sans-serif;
color: #fff;
background-image: linear-gradient(#3333ff, #6dd5ed);
height: 212px;
}


/*Content (cols 1, 2, and 3)*/
.content {
width: 1390px;
display: flex;
align-items: stretch;
padding-bottom: 50px;
margin-bottom: 70px;
}

/*Curriculum (left bar) */
.curriculum {
background: white;
width: 260px; 
margin: 20px 5px 0px 0px;
position: relative;
}

.curriculum-button, .freelinks {
display: flex;
align-items: center;
background: white;
padding: 10px;
border: 2px dotted #ddd;
border-radius: 2px;
margin: 0px 10px;
height: 95px;
color: #000;
}
.curriculum-button td {
text-align: center;
padding: 0px;
border: none;
}

.freelinks {height: 60px; margin: 10px 0px;}

.curriculum-button img, .freelinks img {margin-right: 10px;}

.curriculum-link {
color: #000;
margin: 5px;
}

.curriculum-button:hover {background: #e0e0e0;}
.freelinks:hover {background: #e0e0e0;}

/*Main Content (col 2)*/
.main-content {
background-color: white;
width: 758px;
margin: 20px 5px 0px 5px;
padding: 10px 20px;
line-height: 1.6;
}

.main-content img {
display: block;
margin-bottom: 30px;
}




/*Sidebar Content Col 3)*/
.sidebar-content {
background: white;
width: 350px;
margin: 20px 0px 0px 5px;
padding: 10px;
position: relative;
line-height: 1.6;
}

.sidebar-content h2 {
text-align: center;
}

footer {
background: #2193b0;
bottom: 0;
color: white;
display: flex;
font: 1.2em 'Lato', sans-serif;
height: 80px;
justify-content: space-between;
padding: 4px;
position: fixed;
width: 100%;
}

/*Footer CSS*/
.previous-lesson, .next-lesson {
text-align: left;
background: #3333ff;
display: block;
// color: inherit;
width: 285px;
padding: 4px;
border: 2px dotted #ddd;
border-radius: 2px;
font-size: 13px;
}
.next-lesson {text-align: right;}

.previous-lesson a, .next-lesson a {color: white; text-decoration: none;}


/*Navigation CSS*/
.nav {
border: 1px solid #c8c8c8;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.hide-nav {display: none;}
.drop-down {position: relative; width: calc(100% / 5);}
.drop-down-button {
background: #6dd5ed;
color: #444;
font: bold 1em 'Lato', sans-serif;
height: 100%;
padding: 0.5em;
width: 100%;
}
.drop-down-button:hover {background: url(../images/background_3.png) 0 0 repeat, #f9fbff;}
.drop-down-content {
background: #6dd5ed;
display: none;
font: 1em 'Lato', sans-serif;
list-style-type: none;
margin-left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.drop-down:hover .drop-down-content {display: block; z-index: 1;}
.drop-down-list:hover {background: #2193b0;}
.drop-down-link {color: #444;}
.drop-down-link:hover {color: white;}

/*Formatting*/
.text-centred {text-align: center;}
.display-block {display: block;}
.sub-section {border-bottom: 2px solid #f9f9f9; margin-left: 1em;}
.sub-section:last-of-type {border-bottom: none;}
.no-border {border: none;}
.red-text {color: red;}
.half-width {width: 50%;}

/*Dictionary and Questions*/
.dictionary, .question, .improveSite {
background: #ece9e6;
border-radius: 2px;
padding: 1em;
margin: 1em;
}

.question img {
border: white 13px solid;
border-radius: 10px;
}


/*Steps*/
.step {
border-bottom: 2px solid #f9f9f9;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2em 0;
}
.step-num {
width: 15%;
}


.circle-background {
background: #000;
border-radius: 10px;
color: white;
padding: 20px;
text-align: center;
width: 56px;
font-size: 23px;
margin: 0 20px 30px 0;
display: inline-table;
}

.answerDiv {
display: inline-table;
}



.step-words {width: 85%;}

.workings {
background: #f9f9f9;
//border: none;
border: 2px dotted #ddd;
border-radius: 2px;
display: block;
margin: 1em;
padding: 0.5em;
word-wrap: break-word;
}
.workings-grid {
background: #f9f9f9;
border-radius: 0.8em;
margin: 1em;
width: calc(100% - 2em);
}
.workings-grid-left, .workings-grid-right, .workings-grid-left-extra{
border: none;
padding: 1em;
}
.workings-grid-left {
font-size: 1.1em;
width: 40%;
}
.workings-grid-right {
font-size: 1em;
}
.workings-grid-left-extra {
font-size: 1.1em;
width: 50%;
}

/*Slider*/
.slider {
background: #6dd5ed;
color:  white;
font-size: 1.2em;
padding: 1em 1em 2em 1em;
margin-top: 1.4em;
}
.slider-title {
color: white;
margin-top: 0px;
}
.slider-text-link {color: white; font-weight: bold;}
.slider-link {display: none;}

/*Slide show*/
.slider-container {
  margin: auto;
  max-width: 1000px;
  position: relative;
}
.slide {
  align-items: 'center';
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
}
.slider-text {
  font-family: 'Lato', sans-serif;
  font-size: 0.9em;
  padding: 1em 0 0 0;
  text-align: center;
}
.slider-image {
  align-self: center;
  border: 5px solid white;
}
.slider-number {
  font-family: 'Lato', sans-serif;
  font-size: 0.9em;
  text-align: center;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#messagewindow {
position: fixed;
width: 340px;
height: 420px;
top: 50%;
left: 50%;
margin: -200px 0 0 -170px;
border: 2px solid #444;
border-radius: 4px;
box-shadow: 0.5em 0.5em 0.3em #444;
background: white;
display: none;
padding: 10px;
}

#scorefooter {
border: 2px solid #444;
border-radius: 4px;
box-shadow: 0.5em 0.5em 0.3em #444;
background: white;
bottom: 6px;
left: 50%;
width: 160px;
margin-left: -80px;
// color: #333;
height: auto;
padding: 0.5em;
position: fixed;
display: none;
}


.topright {position: absolute; top: 8px; right: 16px;}

.bottomleft {position: absolute; bottom: 88px; left: 6px;}

/*widgets*/
.widgetBox {
display: flex;
align-items: flex-start;
}

.rightCell {
margin-top: 30px;}

.leftCell {
margin-right: 20px;}

#equationPlace {
font-size: 45px;
background: yellow;
border-radius: 4px;
border: 1px solid black;
padding: 8px;
margin: 10px;
}

#myWidgetCanvas {
// width: 500px;
// height: 500px;
display: inline-block;
border: none;
margin-top: 1em;
background: #f9f9f9;
box-shadow: 0.5em 0.5em 0.5em #ddd;
}

/*Widget CSS

#myCanvas {
display: inline-block;
border: none;
margin-top: 1em;
background: #f9f9f9;
box-shadow: 0.5em 0.5em 0.5em #ddd;
}

*/

.buttona {
background: #4CAF50;
color: #000;
border-radius: 2px;
margin: 0em;
padding: 3px 10px;
cursor: pointer;}

.buttong {
background: #c0c0c0;
color: #fff;
border-radius: 2px;
margin: 0em;
padding: 3px 10px;
// cursor: pointer;}

.leftcell {
// width: 530px;
width: 100%;
// background-color: red;
// float: left;
display: inline-block;
}



/*expand mini-curriculums*/
.expandSpan, .expandCalc {
height: 0;
margin: 0; 
overflow: hidden;
-webkit-transition: height 1s; /* Transitions not working */
transition: height 1s;
}

.expandDiv {
border: 3px dotted #777;
padding-left: 10px;
}


.expandDiv b {
font-size: 30px;
}

.expandDiv img {
display: inline-block;
}




/*Left and right arrows*/
.previous, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
transition: 0.6s ease;
}
.next {border-radius: 3px 0 0 3px; right: 0;}


/*Dots*/
.dots {
margin: 1em 0 0 0;
text-align: center;
}
.dot {
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin: 0 2px;
  width: 15px;

  transition: background-color 0.6s ease;
}
.active, .dot:hover {background-color: #c8c8c8;}

/*See Also CSS*/
.see-also-link {
display: block;
margin-bottom: 20px;
text-align: center;}

.see-also-link img {
display: inline-block;
margin: 0px;}

.see-also {margin-bottom: 20px;text-align: center;}

.see-also h2 {margin-bottom:1em;}

.see-also a, .curriculum-content a {
padding: 1em;
border: 2px dotted #ddd;
border-radius: 2px;
display: block;
color: black;
margin: 5px 0px;
text-align: center;
}

.see-also a:hover, .curriculum-content a:hover {
text-decoration: none;
background: #e0e0e0;
}

/*Widget CSS*/
.widget {
  background-color: white;
  border-radius: 2px;
  color: black;
  margin-bottom: 1em;
  padding: 1em;
}

/*Test Content CSS*/
.maths-test {
// background-color: white;
// border-radius: 2px;
// color: black;
// padding: 1em;
// margin: 1em;
}
.test-link {color: white;}


#score {
  display: inline-block;
  padding: 0.2em;
  margin-bottom: 1em;
}

.scorer {
background: #ece9e6;
border-radius: 100%;
display: inline-block;
height: 30px;
margin: 10px 10px 0 0;
width: 30px;
padding: 5px 0px;
text-align: center;
}

.correct {background: #00ff00;}
.wrong {background: #ff0000;}
.small {font-size: 0.8em;}
.big {font-size: 1.4em;}
.vbig {  font-size: 3.4em;}
.clearer {clear: both;}

.curs {cursor: pointer;}

.cursq {
  display: block;
  background: #ece9e6;
  background: -webkit-linear-gradient(135deg, #ece9e6, #f9f9f9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, #ece9e6, #f9f9f9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, #ece9e6, #f9f9f9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, #ece9e6, #f9f9f9); /* Standard syntax */
  border: 1px solid #ece9e6;
  border-radius: 2px;
  cursor: pointer;
  margin: 15px;
  padding: 10px;
}
.cursno {
  display: block;
  background: #ece9e6;
  background: -webkit-linear-gradient(135deg, #ece9e6, #f9f9f9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, #ece9e6, #f9f9f9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, #ece9e6, #f9f9f9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, #ece9e6, #f9f9f9); /* Standard syntax */
  border: 1px solid #ece9e6;
  border-radius: 2px;
  margin: 15px;
  padding: 10px;
}

.cursq4 {
background: #f0f0f0;
color: #000;
border-radius: 2px;
margin: 1em;
padding: 3px 10px;
cursor: pointer;
}

.cursel4 {
background: #ffff00;
color: #000;
border-radius: 2px;
padding: 3px 10px;
}

.cursright4 {
background: #0c5b1d;
color: #fff;
border-radius: 2px;
// margin: 1em;
padding: 3px 10px;
}

.curswrong4 {
background: #991111;
color: #fff;
border-radius: 2px;
padding: 3px 10px;
}


.cursno4 {
background: #f0f0f0;
color: #000;
border-radius: 2px;
padding: 3px 10px;
}

.cursright {
  display: block;
  background: #00ff00;
  border: 1px solid #ece9e6;
  border-radius: 2px;
  margin: 15px;
  padding: 10px;
}
.curswrong {
  display: block;
  background: #ff0000;
  border: 1px solid #ece9e6;
  border-radius: 2px;
  margin: 15px;
  padding: 10px;
}
 
.printno {
display: block;
margin: 2px;
font-size: 10px;
padding: 5px;
background: #000;
color: #fff;
}


.myprintarea {
background: white;
font: 1em 'Lato', sans-serif;
max-width: 1200px;
text-align: left;
}

/*sidebox*/
.sidebox {
font-family: 'Lato', sans-serif;
padding: 1.5em;
border: 2px solid #ddd;
border-radius: 2em;
margin: 2em 0em;
background: #c0c0c0;
}

.sidebox h5 {margin-top: 0em;}


/*Additional Test CSS*/
.full-width {width: 100%;}
.main-test-content {
  background-color: white;
  width: 80%;
}
/*Notes Content CSS*/
.teachers-note {
background: #fff;
// border: 2px solid #ddd;
// border-radius: 2px;
padding: 20px;
margin-bottom: 1em;
line-height: 1.6;
}

/*Footer CSS*/
.previous-lesson {
  text-align: left;
}
.next-lesson {
  text-align: right;
}

/*Parent Pages CSS

/*Expand Button CSS*/
.expandButtons, .more-button, .less-button {
align-self: flex-end;
margin: 0 2em 1em 0;
padding: 0.5em;
}


.expand-icon, .collapse-icon {
  font-size: 1.5em;
}
.hide-icon {
  display: none;
}


/*Sidebar Curriculum CSS*/
// .sidebar-curriculum {padding: 1em; width: 35%;}

/*Curriculum Content CSS*/
.curriculum-content:last-of-type {margin-bottom: none;}
.curriculum-sidebar-title {color: #444; font-size: 19px;}
.curriculum-sidebar-link-container {padding: 0 0 0 0.5em;}
.curriculum-sidebar-link {color: #444;}
.curriculum-sidebar-link-bullet {padding: 0;}

/*Calculator CSS*/

.cscreen {
  margin: 0.75em;
  background: #c0c0c0;
  font-size: 25px;
}

.calculator {
  width: 225px;
  margin: 1em 0em;
}
.calculator table {
  background: linear-gradient(135deg, #385d8a, #376092);
  border-radius: 0.3em;
}
.calculator > form > table {
  box-shadow: 5px 10px 10px #888;
}
.calculator-display-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.calculator input[type=button] {
  // border-radius: 0.5em;
  padding: 0.1em;
  margin: 0.25em;
}
.calculator td {
  border: none;
  padding: 0px;
  text-align: center;
}

/*Toggle switch*/
.toggle-button {
  align-items: center;
  display: flex;
  // padding: 1.5em 0 1em 0;
}
.switch {
  display: inline-block;
  /*margin: 0.1em;*/
}
.switch input {
  display: none;
}
.toggle {
  background: #2193b0;
  border-radius: 20px;
  cursor: pointer;
  height: 24px;
  position: relative;
  width: 50px;
}
.toggle:before {
  background: white;
  border-radius: 10px;
  content: "";
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 20px;
}
input[type="checkbox"]:checked + .toggle:before {
  left: 28px;
}
.toggle-label {
  display: inline;
  margin: 5px;
}




/*Home Page Content CSS*/


.curriculum-home-h1title {

background: #2193b0;
  background: -webkit-linear-gradient(135deg, #2193b0, #6dd5ed); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, #2193b0, #6dd5ed); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, #2193b0, #6dd5ed); /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, #2193b0, #6dd5ed); /* Standard syntax */
  // display: block;
  text-align: center;
padding: 0.2em;
margin: 0.5em 0em;
font-size: 1.7em;
font-weight: bold;
}

.subheader {
padding: 0.2em;
margin: 0.5em 0em;
font-size: 1.3em;
font-weight: bold;
}



/*Terms and Definitions CSS*/

/*Alphabet Bar CSS*/
.alphabet {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1.5em 0 1.5em 0;
  width: 100%;
}
.alphabet-button {
  background: #ece9e6;
  border-radius: 100%;
  color: black;
  height: 30px;
  padding-top: 5px;
  text-align: center;
  width: 30px;
}

/*Alphabet Section CSS*/
.alphabet-section-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
//.alphabet-letter {font: 2em 'Fredericka the Great', sans-serif;}

.glossary-link {
  color: black;
}

/*Search Page CSS*/
.search-content {
  align-items: center;
  background-color: white;
  min-height: 600px;
  padding: 1em 1em 50px 1em;
  width: 65%;
}

/*Home Page CSS*/

/*Home Content*/
.home-content {
  align-items: center;
  background-color: white;
  padding: 1em 1em 50px 1em;
  width: 65%;
}

/*Curriculum Boxes*/
.curriculum-box-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  perspective: 2000px;
  -webkit-perspective: 2000px;
}
.curriculum-box {
  position: relative;

  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: 1s;
  -webkit-transition: 1s;
}

/*Mini-Curriculum CSS*/
.mini-curriculum {
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 1em;
  padding: 0; 
}
.mini-curriculum-title {
background: #2193b0;
color: white;
font-size: 1.8em;
font-weight: lighter;
width: 100%;
padding: 10px;
}
.mini-curriculum-intro {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.mini-curriculum-intro-image {
  width: 25%;
}
.mini-curriculum-intro-text {
  padding: 1em;
  text-align: justify;
  width: 75%;
}


/*Expand Button CSS*/
.expand-button {
align-self: flex-end;
margin: 0 2em 1em 0;
padding: 0.5em;
}

.expand-icon, .collapse-icon {
  font-size: 1.5em;
}
.hide-icon {
  display: none;
}



.gradient-background {
	background-image: linear-gradient(#3333ff, #6dd5ed);
	background:}






.front, .back {
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 15em;
  margin: 1em;
  width: 15em;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.front {
  justify-content: flex-start;
  position: absolute;

  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
}

.back {
  justify-content: center;
  // padding: 1em;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.open {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.curriculum-box-title {color: white; font-weight: normal;}
.curriculum-box-text {color: white;}
.curriculum-box-image {border-radius: 0.5em;}
.curriculum-box-links {list-style-type: none; margin-left: 0;}
.curriculum-box-link {border-bottom: 1px solid #f9f9f9;}
.curriculum-box-link:last-of-type {border-bottom: none;}
.curriculum-box-link-text {color: white; font-size: 1.4em;}


.shakethediv {
animation: shake 0.3s;
animation-iteration-count: 4;
}

.nodthediv {
animation: nod 0.3s;
animation-iteration-count: 4;
}

.growthediv {
animation: grow 3s 1;
// animation-iteration-count: 1;
}

@keyframes shake {
0% {transform: translate(1px)}
10% {transform: translate(5px)}
20% {transform: translate(15px)}
30% {transform: translate(30px)}
40% {transform: translate(40px)}
50% {transform: translate(45px)}
}

@keyframes nod {
0% {transform: translate(0,1px)}
10% {transform: translate(0,5px)}
20% {transform: translate(0,15px)}
30% {transform: translate(0,30px)}
40% {transform: translate(0,40px)}
50% {transform: translate(0,45px)}
}

@keyframes grow{
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}



.rightcell {
width: 100%;
// background-color: blue;
display: inline-block;
//padding: 10px;
//text-align: left;
}

.mobileonly {
display: none;}

/* small screen */
@media screen and (min-width: 1200px) and (max-width: 1405px) {

/*Curriculum (left bar)*/
.curriculum {display: none;}

/*Content (cols 1, 2, and 3)*/
.content {width: 1190px;}
.main-content {width: 820px;}


}


/* mobile */

@media screen and (max-width: 1199px) {

/*control ad size*/
.nomobile {display: none;}
.mobileonly {display: inline-block;}
.footerad, .sta {display: none;}

/*score for test*/
#scorefooter {bottom: 6px;}


/*header*/
.header-background .small {display: none;}
.header-logo {display: block; margin: 0 auto; width: 130px;}
.header-bars {top: 130px;}

/*Navigation CSS*/
.nav {position: absolute; z-index: 1; display: none;}
.hide-nav {display: flex; flex-wrap: wrap;}
.drop-down {width: 100%;}
.drop-down-content {background: #808080; color: white;}
.drop-down-list {border-bottom: 1px solid #c8c8c8;}
.drop-down-list:last-of-type {border-bottom: none;}
.drop-down-link {color: white;}

/*search*/
#searchBlock {width: 90%;}
input[type=search] {width: 85%;}
#wsbuttons {display: none;}

/*Curriculum CSS*/
.curriculum {display: none;}

/*Main Content CSS*/

.main-content, .content, .sidebar-content, .print-test-area {
width: 100%;
margin: 0px;
display: block;
}


/*widgets*/
.widgetBox {
display: block;}

.leftCell, .rightCell {
width: 100%;
margin-left: 0px;
text-align: center;}

#myWidgetCanvas {width: 100%;}


.videoWrapper iframe {width: 100%; height: 100%;}

/*questions*/
.circle-background {
font-size: 1em;
}
/*Footer and header*/
footer {display: none;}


/*Slider*/
.previous, .next {top: 90%;}
}