/* line 1, /Applications/MAMP/htdocs/css/style.scss */
body {
  background-color: #fcf5d4; }

/* line 4, /Applications/MAMP/htdocs/css/style.scss */
button:focus {
  outline: 0; }

/* line 8, /Applications/MAMP/htdocs/css/style.scss */
body {
  margin: 0;
  padding: 0; }

/* line 12, /Applications/MAMP/htdocs/css/style.scss */
.coming-soon a {
  background-color: #aaa !important; }

/* line 16, /Applications/MAMP/htdocs/css/style.scss */
.answer-btn {
  width: 100% !important;
  margin: 70px 0 30px 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  /* line 22, /Applications/MAMP/htdocs/css/style.scss */
  .answer-btn button {
    background-color: transparent;
    border: solid white 2px;
    padding: 6px; }

/* line 30, /Applications/MAMP/htdocs/css/style.scss */
.correct-display, .incorrect-display {
  width: 60% !important; }
  /* line 32, /Applications/MAMP/htdocs/css/style.scss */
  .correct-display h3, .incorrect-display h3 {
    margin: 0 !important;
    text-align: right; }

/* line 38, /Applications/MAMP/htdocs/css/style.scss */
.check-answer {
  width: 200px; }

/* line 49, /Applications/MAMP/htdocs/css/style.scss */
* {
  font-family: verdana;
  line-height: 1.5; }

/* line 54, /Applications/MAMP/htdocs/css/style.scss */
h1 {
  font-size: 30pt;
  text-align: center; }

/* line 59, /Applications/MAMP/htdocs/css/style.scss */
h2 {
  font-size: 25pt; }

/* line 63, /Applications/MAMP/htdocs/css/style.scss */
h3 {
  font-size: 20pt; }

/* line 67, /Applications/MAMP/htdocs/css/style.scss */
h4 {
  font-size: 18pt; }

/* line 71, /Applications/MAMP/htdocs/css/style.scss */
h5 {
  font-size: 16pt; }

/* line 75, /Applications/MAMP/htdocs/css/style.scss */
p {
  font-size: 14pt;
  line-height: 1.5; }

/* line 80, /Applications/MAMP/htdocs/css/style.scss */
label {
  font-size: 25pt; }

/* line 85, /Applications/MAMP/htdocs/css/style.scss */
.index-body {
  background: grey; }
  /* line 87, /Applications/MAMP/htdocs/css/style.scss */
  .index-body .home-popup-form {
    display: flex;
    justify-content: center;
    width: 50vw;
    background-color: #f9f9f9;
    margin: 5vh auto; }
    /* line 93, /Applications/MAMP/htdocs/css/style.scss */
    .index-body .home-popup-form form {
      width: 100%;
      display: flex;
      flex-flow: column; }
      /* line 94, /Applications/MAMP/htdocs/css/style.scss */
      .index-body .home-popup-form form label {
        width: 82.5%;
        margin: 30px auto 0 auto; }
      /* line 101, /Applications/MAMP/htdocs/css/style.scss */
      .index-body .home-popup-form form input[type="text"] {
        width: 80%;
        margin: 20px auto 0px auto;
        font-size: 30px;
        border: black solid 2px;
        border-radius: 10px;
        padding: 0 10px; }
      /* line 109, /Applications/MAMP/htdocs/css/style.scss */
      .index-body .home-popup-form form .home-learning-choice {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto; }
        /* line 114, /Applications/MAMP/htdocs/css/style.scss */
        .index-body .home-popup-form form .home-learning-choice div {
          width: 60%;
          margin: 20px auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
      /* line 121, /Applications/MAMP/htdocs/css/style.scss */
      .index-body .home-popup-form form .slct-btn {
        align-self: flex-end;
        margin: 20px 50px;
        font-size: 30px;
        text-decoration: none;
        color: black; }

/* line 132, /Applications/MAMP/htdocs/css/style.scss */
.home-learning-choice div input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  width: 130px !important;
  background: url(../Media/ThumbsDown.png) left center no-repeat;
  background-size: 100px;
  height: 100px; }

/* line 144, /Applications/MAMP/htdocs/css/style.scss */
.home-learning-choice div input[type="checkbox"]:checked {
  background: url(../Media/ThumbsUp.png) left center no-repeat;
  background-size: 100px; }

/* line 150, /Applications/MAMP/htdocs/css/style.scss */
input[type="checkbox"], input[type="text"] {
  outline: none; }

/* line 157, /Applications/MAMP/htdocs/css/style.scss */
nav, .tablet-top-nav, footer {
  display: flex;
  justify-content: space-between;
  background-color: #f9f9f9;
  box-shadow: 3px 3px 5px #aaa;
  width: 100%;
  z-index: 300; }
  /* line 163, /Applications/MAMP/htdocs/css/style.scss */
  nav ul, .tablet-top-nav ul, footer ul {
    width: 50%;
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    margin-right: 5%; }
    /* line 168, /Applications/MAMP/htdocs/css/style.scss */
    nav ul li, .tablet-top-nav ul li, footer ul li {
      align-self: baseline;
      list-style-type: none; }
      /* line 171, /Applications/MAMP/htdocs/css/style.scss */
      nav ul li a, .tablet-top-nav ul li a, footer ul li a {
        text-decoration: none;
        color: black; }
  /* line 177, /Applications/MAMP/htdocs/css/style.scss */
  nav img, .tablet-top-nav img, footer img {
    width: 250px; }

/* line 182, /Applications/MAMP/htdocs/css/style.scss */
.tablet-top-nav {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200; }
  /* line 188, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-top-nav img {
    width: 14%;
    height: 10%;
    padding: 10px 16px; }
  /* line 193, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-top-nav .tablet-mobile {
    width: 40px;
    height: 40px;
    margin: 20px; }
    /* line 197, /Applications/MAMP/htdocs/css/style.scss */
    .tablet-top-nav .tablet-mobile .hamburger-line {
      width: 100%;
      background-color: white;
      height: 5px;
      margin-bottom: 10px; }

/* line 206, /Applications/MAMP/htdocs/css/style.scss */
.tablet-side-nav {
  display: none;
  background-color: #f9f9f9;
  box-shadow: 3px 3px 5px #aaa;
  width: 30%;
  position: absolute;
  z-index: 199;
  top: 80px;
  height: 100vh;
  left: -55%; }
  /* line 216, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-side-nav ul {
    list-style-type: none; }
    /* line 218, /Applications/MAMP/htdocs/css/style.scss */
    .tablet-side-nav ul li {
      padding: 20px; }
      /* line 220, /Applications/MAMP/htdocs/css/style.scss */
      .tablet-side-nav ul li a {
        text-decoration: none;
        color: black; }

/* line 228, /Applications/MAMP/htdocs/css/style.scss */
.nav-choices {
  border: solid white 3px;
  border-top: none;
  width: 30%;
  background: #f9f9f9;
  left: 60%;
  box-shadow: 3px 3px 5px #aaa;
  position: absolute;
  z-index: 100; }
  /* line 237, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .theme-drop-down {
    padding: 15px; }
    /* line 239, /Applications/MAMP/htdocs/css/style.scss */
    .nav-choices .theme-drop-down h4 {
      margin: 30px 0 10px 0; }
    /* line 242, /Applications/MAMP/htdocs/css/style.scss */
    .nav-choices .theme-drop-down select {
      width: 25%;
      height: 35px;
      padding: 5px; }
  /* line 248, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .drop-down {
    cursor: pointer;
    text-align: center;
    font-size: 14pt; }
    /* line 252, /Applications/MAMP/htdocs/css/style.scss */
    .nav-choices .drop-down p {
      padding: 15px; }
  /* line 258, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .choose-font, .nav-choices .Dyslexia-colours, .nav-choices .adhd-colours {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto; }
    /* line 263, /Applications/MAMP/htdocs/css/style.scss */
    .nav-choices .choose-font button, .nav-choices .Dyslexia-colours button, .nav-choices .adhd-colours button {
      margin: 5px; }
  /* line 268, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .choose-font-color, .nav-choices .choose-background-color {
    width: 50px;
    height: 50px;
    border: solid black 3px;
    border-radius: 10px; }
  /* line 274, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-black {
    background-color: #000; }
  /* line 277, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-off-black {
    background-color: #333; }
  /* line 280, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue {
    background-color: #7D589E; }
  /* line 283, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-dark-brown {
    background-color: #40180D; }
  /* line 286, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-brown {
    background-color: #85321B; }
  /* line 289, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-light-blue {
    background-color: #3F78C1; }
  /* line 292, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-white {
    background-color: #FFF; }
  /* line 295, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-yellow {
    background-color: #FFFF2D; }
  /* line 298, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-creme {
    background-color: #EBE8C7; }
  /* line 301, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-off-white {
    background-color: #E0E0E0; }
  /* line 304, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-light-green {
    background-color: #A0E080; }
  /* line 307, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-dark-green {
    background-color: #E48B4A; }
  /* line 310, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue0 {
    background-color: #2E5959; }
  /* line 313, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue1 {
    background-color: #4F9998; }
  /* line 316, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue2 {
    background-color: #9FD5D7; }
  /* line 319, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue3 {
    background-color: #D0E9E6; }
  /* line 322, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue4 {
    background-color: #3FAAB4; }
  /* line 325, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices .color-blue5 {
    background-color: #5EBDBF; }

/* line 330, /Applications/MAMP/htdocs/css/style.scss */
.content {
  width: 60%;
  margin: 200px auto;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #f9f9f9; }
  /* line 337, /Applications/MAMP/htdocs/css/style.scss */
  .content .question {
    width: 90%;
    margin: 20px auto;
    border: solid black 1px;
    padding: 10px 40px; }
    /* line 342, /Applications/MAMP/htdocs/css/style.scss */
    .content .question p:nth-of-type(1) {
      margin-bottom: 50px; }
  /* line 346, /Applications/MAMP/htdocs/css/style.scss */
  .content hr {
    width: 80%;
    margin: 30px auto; }
  /* line 350, /Applications/MAMP/htdocs/css/style.scss */
  .content ul {
    width: 100%; }
  /* line 354, /Applications/MAMP/htdocs/css/style.scss */
  .content .subject, .content .games {
    width: 49%;
    margin: 30px 0; }
    /* line 357, /Applications/MAMP/htdocs/css/style.scss */
    .content .subject img, .content .games img {
      width: 100%;
      height: auto; }
    /* line 361, /Applications/MAMP/htdocs/css/style.scss */
    .content .subject p, .content .games p {
      margin: 20px 0; }
    /* line 364, /Applications/MAMP/htdocs/css/style.scss */
    .content .subject a, .content .games a {
      text-decoration: none;
      border: solid black 2px;
      margin: 20px 0 0 0;
      padding: 10px;
      display: flex;
      justify-content: space-between;
      text-align: center;
      align-items: center; }
      /* line 372, /Applications/MAMP/htdocs/css/style.scss */
      .content .subject a h2, .content .games a h2 {
        width: 100%;
        text-align: center;
        margin-left: 0 !important; }
    /* line 378, /Applications/MAMP/htdocs/css/style.scss */
    .content .subject a:hover, .content .games a:hover {
      background: #cecece; }
    /* line 381, /Applications/MAMP/htdocs/css/style.scss */
    .content .subject .row-subject-section, .content .games .row-subject-section {
      display: flex;
      justify-content: space-between; }
      /* line 384, /Applications/MAMP/htdocs/css/style.scss */
      .content .subject .row-subject-section div, .content .games .row-subject-section div {
        width: 30%; }
        /* line 386, /Applications/MAMP/htdocs/css/style.scss */
        .content .subject .row-subject-section div a, .content .games .row-subject-section div a {
          text-align: center;
          display: block; }
  /* line 393, /Applications/MAMP/htdocs/css/style.scss */
  .content .games {
    width: 30%; }

/*Glossary*/
/* line 401, /Applications/MAMP/htdocs/css/style.scss */
.alph-choice {
  width: 100%;
  margin: 20px auto;
  list-style-type: none;
  display: flex;
  justify-content: space-between; }

/* line 408, /Applications/MAMP/htdocs/css/style.scss */
.alph-text {
  width: 100%; }
  /* line 410, /Applications/MAMP/htdocs/css/style.scss */
  .alph-text p {
    margin-bottom: 30px; }
  /* line 413, /Applications/MAMP/htdocs/css/style.scss */
  .alph-text hr {
    width: 100%; }

/* line 418, /Applications/MAMP/htdocs/css/style.scss */
.subject-btns {
  display: flex;
  justify-content: space-between;
  width: 30%;
  margin: 0 auto; }
  /* line 422, /Applications/MAMP/htdocs/css/style.scss */
  .subject-btns button {
    border: none;
    padding: 20px 30px;
    box-shadow: 3px 3px 5px #aaa; }

/* line 429, /Applications/MAMP/htdocs/css/style.scss */
.question {
  width: 100%; }

/* line 434, /Applications/MAMP/htdocs/css/style.scss */
.row {
  display: flex;
  justify-content: space-around;
  width: 100%; }
  /* line 439, /Applications/MAMP/htdocs/css/style.scss */
  .row .row-section {
    width: 30%; }
    /* line 442, /Applications/MAMP/htdocs/css/style.scss */
    .row .row-section .sitemap-subject {
      width: 100%; }
    /* line 446, /Applications/MAMP/htdocs/css/style.scss */
    .row .row-section div {
      width: 80%;
      border: solid #E6D1DD 3px;
      padding: 7px 0;
      margin: 10px auto !important;
      text-align: center; }
      /* line 452, /Applications/MAMP/htdocs/css/style.scss */
      .row .row-section div a {
        text-decoration: none; }

@media screen and (max-width: 1366px) {
  /* line 460, /Applications/MAMP/htdocs/css/style.scss */
  .content {
    width: 80%; } }

@media screen and (max-width: 1024px) {
  /* line 466, /Applications/MAMP/htdocs/css/style.scss */
  .home-popup-form {
    width: 75vw !important; }
  /* line 469, /Applications/MAMP/htdocs/css/style.scss */
  nav {
    display: none; }
  /* line 473, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-side-nav, .tablet-top-nav {
    display: flex; }
  /* line 476, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-top-nav {
    width: 100%; }
  /* line 479, /Applications/MAMP/htdocs/css/style.scss */
  .home-content {
    width: 90%; }
  /* line 482, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices {
    left: 40%;
    top: 80px;
    position: absolute;
    width: 50%;
    z-index: 99; }
  /* line 489, /Applications/MAMP/htdocs/css/style.scss */
  .alph-choice {
    width: 95%;
    margin: 20px auto;
    padding: 0; }
  /* line 494, /Applications/MAMP/htdocs/css/style.scss */
  .subject-btns {
    width: 60%; }
  /* line 497, /Applications/MAMP/htdocs/css/style.scss */
  .content {
    width: 90%;
    padding: 10px; }
  /* line 501, /Applications/MAMP/htdocs/css/style.scss */
  .glossary-content {
    margin-top: 200px; }
  /* line 504, /Applications/MAMP/htdocs/css/style.scss */
  .home-learning-choice {
    margin: 10px auto; } }

@media screen and (max-width: 768px) {
  /* line 510, /Applications/MAMP/htdocs/css/style.scss */
  .games {
    width: 48% !important;
    margin: 10px; }
  /* line 514, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices {
    width: 60%;
    left: 20%; } }

@media screen and (max-width: 568px) {
  /* line 522, /Applications/MAMP/htdocs/css/style.scss */
  .content, .home-popup-form {
    width: 90% !important; } }

@media screen and (max-width: 414px) {
  /* line 528, /Applications/MAMP/htdocs/css/style.scss */
  footer {
    margin-top: 20px; }
  /* line 531, /Applications/MAMP/htdocs/css/style.scss */
  .home-screen-cover {
    width: 100%;
    height: 100%; }
    /* line 534, /Applications/MAMP/htdocs/css/style.scss */
    .home-screen-cover .home-popup-form {
      width: 100% !important;
      height: 100% !important;
      margin: 0 auto; }
      /* line 539, /Applications/MAMP/htdocs/css/style.scss */
      .home-screen-cover .home-popup-form h2, .home-screen-cover .home-popup-form label {
        width: 85%;
        font-size: 20pt; }
      /* line 543, /Applications/MAMP/htdocs/css/style.scss */
      .home-screen-cover .home-popup-form div {
        width: 90% !important;
        margin: 0px auto 10px auto !important; }
        /* line 546, /Applications/MAMP/htdocs/css/style.scss */
        .home-screen-cover .home-popup-form div label {
          margin: 0; }
  /* line 552, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-top-nav img {
    width: 35%; }
  /* line 555, /Applications/MAMP/htdocs/css/style.scss */
  .tablet-side-nav {
    width: 50%; }
  /* line 558, /Applications/MAMP/htdocs/css/style.scss */
  .nav-choices {
    left: 0;
    width: 100%;
    top: 80px; }
  /* line 563, /Applications/MAMP/htdocs/css/style.scss */
  .content {
    margin: 200px 0 20px 0;
    padding: 19px; }
    /* line 566, /Applications/MAMP/htdocs/css/style.scss */
    .content .subject {
      width: 90%;
      margin: 20px auto 0 auto; }
  /* line 572, /Applications/MAMP/htdocs/css/style.scss */
  .alph-choice, .subject-btns {
    display: none; }
  /* line 575, /Applications/MAMP/htdocs/css/style.scss */
  .english-games {
    flex-wrap: wrap; }
    /* line 577, /Applications/MAMP/htdocs/css/style.scss */
    .english-games a {
      width: 100%; }
  /* line 581, /Applications/MAMP/htdocs/css/style.scss */
  .games {
    width: 100% !important; } }

/*# sourceMappingURL=style.css.map */