/*
Theme Name: INSTAQ
Author: Instant Questions
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');


/*global styles*/
/* body {
    font-family: 'Maven Pro', sans-serif;
  } */
  body {
    font-family: "Mulish", sans-serif;
  }
  /* Toolbar background */
#wpadminbar {
   position: absolute !important;
    background: #36454f !important;
}
#wp-admin-bar-s2-site-name{
  display: none;
}

#wpadminbar #wp-admin-bar-search {
    display: none !important;
}
#wpadminbar #wp-admin-bar-my-account {
    display: none !important;
}

  .btn{
    box-shadow: none !important
    }

a {
  text-decoration: none;
   color: inherit;
  /* font-weight: 700; */
  position: relative;
}

/* a::before {
  content: '';
   background-color: #36454f;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  z-index: -1;
  transition: all .1s ease-in-out;
}

a:hover::before {
  bottom: 0;
  height: 100%;
}
a:hover {
  color: white;
}

 .a-link-no-deco{
  text-decoration: none;
	color:inherit;
    }

.a-link-no-deco:hover{
	 text-decoration: none;
	color:inherit;
}
.a-link-no-deco::before{
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0px;
  height: 0px;
  z-index: -1;
}
.a-link-no-deco:hover::before {
  bottom: 0;
  height: 0px;
}

.a-link-no-deco:active,
.a-link-no-deco:focus {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
} */
/* ---------------------------------instaQ-------------------------- */
/* ------------------------------------------------------------------ */
/* .iq a {
  text-decoration: none;
	color:inherit;
}

.iq a:hover{
	 text-decoration: none;
	color:inherit;
}
 .iq .nav-link { font-weight:normal; color: #d5dbdf;   }
  .iq .nav-link:hover { color: #fff; } /* CSS link hover (green) */
 */


  .theme-grey-background{
    background-color: 	#36454f;
  }

  .theme-grey{
    color: 	#36454f;
}

    /* -----------------------------nav-bar------------- */
  
.navbar{
      font-family: 'Maven Pro', sans-serif;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
}

.navbar-brand{
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 20px;
  padding-left: 5px;
  color: #fff;
}

#logo{
  width: 170px;
  margin-left:2%;
  float:left;
}

.nav-item{
  padding-left: 1rem;
  text-align: center;
}


/* -----------------instaQ page banner------------------------ */
.iq.hero{
      font-family: 'Maven Pro', sans-serif;
  background-color: #36454f;
    background-image: linear-gradient(#36454f, rgba(68, 191, 229, 0.25));
  padding-top: 2%;
  padding-bottom: 5%;
  text-align: center;
}

.iq-page-banner{
  color: white;
}
.white-text{
  color: white;
}

.iq-carousel-text{
      font-family: 'Maven Pro', sans-serif;
  color:white; font-size: 1.7rem; font-weight:200
}


/* features section */
.mission-statement-section{
/* background-color: rgba(105,105,105, 0.175); */
    background-image: linear-gradient(to bottom right, rgba(105,105,105, 0.175), rgba(29, 195, 246, 0.25));
}

/* why instaq works section */
.why-instaq-works{text-align:center;}
.why-instaq-works h1{font-size:3rem;}
.why-instaq-works p{font-size:1.2rem;}
.why-instaq-works .col-grey{background-color:#36454f; color:white}
.why-instaq-works .col-white{background-color:white; color:black}
.why-instaq-works .col-blue{ background-image: linear-gradient(to bottom right, rgba(105,105,105, 0.175), rgba(29, 195, 246, 0.25)); color:black}

/* -----------------instaQ menu subject------------------------ */
.main-subject-section .card:hover{
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.features-icon{width: 30%;}
.main-subject-section .btn-outline-info:hover{
  color:white;
}


.colors-for-icons{
color: #309898;
color: #FE7743;
color: #CB0404;
color: #3F7D58;
color: #00879E;
color: #7965C1;
color: #143D60;
color: #E73879;
color: #D76C82;
color: #3B3486;
color: #FF2929;
color: #091057;
color: #006A67;
}

.iq .subject-icon{
  height: 3rem;
  text-align: center;
}

/* .iq .subject-box{
  text-align: center;
} */

.iq .subject-heading{
  font-family: 'Maven Pro', sans-serif;
  font-size: 2rem;
}

.tools-title{
 font-size:1.2rem;
 font-weight: bold;
}


.iq .subject-image{
  height: 2rem;
}

/* -------------------tools page section ---------------------*/
.glow:hover {
  box-shadow: 0 5px 15px rgba(92, 166, 182, 0.4);
}

.iq.subject-section{
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
}
/* .subject-tools{
  background-color: #fff;
  padding-top: 0%;
  padding-left:10%;
  padding-right: 10%;
  padding-bottom: 5%;
} */

.tools-box{
  text-align: center;
  padding: 2%;
}



.iq .tools-btn:hover{
  /* background-color: #42535e; */
  border-color: #36454f;
  background-color:#36454f;
   color: white;
}

/* -------------------questions selcet part page ---------------------*/
/* ----------------------tools page top questions select part generic------------------------*/
   
.height-zero{
  height:0vh;
}
.height-50vh{
min-height:50vh;
}
#revisionToolsSection{
   display: none;
}
.hide-when-go{
/* js will make display none when go btn pressed therefore anything that was there will be hidden in favour of new content */
}

.form-label{
  text-align: center;
  color:white;
  font-size:0.9rem;
}

.questions_container.hide-when-go{
  display:none;
}
.think-quick-questions_container.hide-when-go{
  display:none;
}

/* when tablet size or more align the select boxes close to each other. otehrwise centre on div because will be stacked */
@media (min-width: 768px) {
  #selectBoxLeft, #selectBoxLeft1{
    text-align: left;
    }
    #selectBoxRight, #selectBoxRight1{
      text-align: right;
    }
}

/* select options section */
.topic-select, .lesson-select, .tools-select, .spec-select{
    min-height: 40px;
   width: 300px;
 background-color: #313e47;
  border: 1px solid #777;
  border-radius: 4px;
  height:50px;
  font-size: 16px;
  color: white;
  padding-left: 8px;
  margin:auto;
}
.topic-select:focus, .lesson-select:focus, .tools-select:focus, .spec-select:focus{
  box-shadow: none !important;
  border-color: #ccc; /* optional: reset border color */
  outline: none;      /* optional: also removes the dotted outline in some browsers */
}


#think-quick-go-btn{
  text-align: center;
  padding-top: 10px;
}

#myNumber{
  padding-left: 3px;
}


/* 220622 label */
/* .textOnInput {
           position: relative;
           padding-bottom: 15px;
       }
       .textOnInput label {
           position: absolute;
           top: -15px;
           left: 15px;
           z-index: 1;
       }
       .textOnInput label:after {
           content: " ";
           background-color: #fff;
           width: 100%;
           height: 13px;
           position: absolute;
           left: 0;
           bottom: 0;
           z-index: -1;
       }
       label {
           font-size: 16px;
           font-weight: 500;
           display: inline-block;
           margin-bottom: .5rem;
       } */

/* questions and answer formatting*/

.q{
  font-size: 1.2rem;
  padding-top: 3%;
  padding-bottom: 2%;
}

.showA{
  background-color: #dddada;
  padding-top: 1%;
  padding-bottom: 1%;
}

.showA, .showQ{
  padding-left: 10%;
  padding-right: 10%;
  text-align: center;
  font-size: 1.2rem;
}

.toggle-to-show{
}


/* styling for js */
.selected{
  display:none
}

.showQ, .showA{
text-align: center;
}

.lesson-select{
display:none
}

.showA{
display:none
}

.exam-maker-show-10q, .exam-maker-show-10a, .exam-maker-show-20q, .exam-maker-show-20a{
  display:none
}

#think-quick-review-answer{
display: none;
margin-top: 20%;
}



/* formating question and answer section */
#think-quick-show{
  display:none;
  text-align: center;
}
/* questions with timer */
#think-quick-question{
  padding-top: 3%;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center;
  font-size: 2rem;
}

#think-quick-count{
  text-align: center;
  color: #DC3545;
  font-size: 5rem;
}

.questions_container{
height: 80%;
margin-bottom: 30%
}

/* -------------------recall and recap page section ---------------------*/
#esq-section{display:none}
/* #myNumber{display:none}
.recall-section{display:none}
.no-questions-message{
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  padding: 2%;
}


.recall-and-recap-ans-btn:hover{
  background-color: #088F8F;
  border-color: #088F8F;
} */


/* -------------------MCQ page section ---------------------*/
.mcq-questions_container{
/* padding: 2%; */
}
.mcq-q{
  font-size:1.2rem;
  line-height:1.8rem;
}

/* styling for each questions box */
 .mcq-questions_card{
  text-align: center;
}

.mcq-box1{
  border-bottom: 1px solid #777;
    border-right: 1px solid #777;
}
.mcq-box2{
  border-bottom: 1px solid #777;
}
.mcq-box3{
  border-right: 1px solid #777;
}


@media (max-width: 768px) {
.mcq-box1{
    border-right: 0;
  border-bottom: 1px solid #777;
}
.mcq-box2{
  border-bottom: 1px solid #777;
}
.mcq-box3{
      border-right: 0;
  border-bottom: 1px solid #777;
}
}


.mcq-ans-btn:hover{
  background-color: rgb(230, 69, 69);
  border-color: rgb(230, 69, 69);
}

/* -------------------LO section and slides section formating---------------------*/
.lesson-notes, .lesson-slides, .level-up-section, .lesson-esq {display:none}
.lesson-notes, .lesson-slides{margin-bottom:7%}
.lesson-notes h1, .lesson-slides h1, .lesson-esq h1{font-size:2rem; text-align: center; text-transform: uppercase; padding:20px}
.lesson-notes h2{font-size:1.5rem; text-align: center; text-transform: uppercase; padding:5px; padding-top:30px; color:#274472}
.lesson-notes h3{font-size:1.3rem; text-align: center; text-transform: uppercase;padding:5px; padding-top:20px; color:#41729f}
.lesson-notes h4{font-size:1rem; font-weight: bold; color:#41729f}
.lesson-notes p{line-height: 1.5rem;}

.img-for-slides{
height: 80vh; max-width: 80%; width: auto; border: 1px solid #333; border-radius: 8px;
}

@media (max-width: 767px) {
.img-for-slides {
    height: auto !important; width: 90%;
}
}



/* -------------------retrieval practice section ---------------------*/
/* box 2 styling for js */

.selected--box1{
  display:none
}

.showQ--box1, .showA--box1{
text-align: center;
}

.lesson-select--box1{
display:none
}
/*box 2 styling for js */
.selected--box2{
  display:none
}

.showQ--box2, .showA--box2{
text-align: center;
}

.lesson-select--box2{
display:none
}

/*box 3 styling for js */
.selected--box3{
  display:none
}

.showQ--box3, .showA--box3{
text-align: center;
}

.lesson-select--box3{
display:none
}

/*box 4 styling for js */
.selected--box4{
  display:none
}

.showQ--box4, .showA--box4{
text-align: center;
}

.lesson-select--box4{
display:none
}

/* 
.go-center{
  background-color: 	#36454f;
  color: white;
  text-align: center;
  padding:1%;
} */

.btn-light:hover {
    background-color: #D3D3D3;
}

.btn{
	box-shadow: none !important
}

.ans-btn{
margin-top:2%;
margin-bottom: 2%;
}


.toggle-to-show{
margin: 2%;
}

/* styling for the four questions boxes */
.retrieval-practice-questions_container{
padding: 1%;
}

/* styling for each questions box */
.questions_card{
  padding: 3%;
  text-align: center;
}

.box1{
  border-bottom: 2px solid #777;
}
.box2{
  border-bottom: 2px solid #777;
}
.box3{
  border-bottom: 2px solid #777;
}


@media (min-width: 768px) {
.box1{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 2px solid #777;
}
.box2{
  border-top: 0px;
  border-left: 0px;
  border-right:0px;
  border-bottom: 2px solid #777;
}
.box3{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 0px;
}
}

.q{
  font-size: 1.2rem;
}

.ans-text{
  font-size: 1.2rem;
  color: #4f4f4f;
}


/* styling on options section at top*/
.q_select-wrap--box1, .q_select-wrap--box2, .q_select-wrap--box3, .q_select-wrap--box4 {
  padding: 10px;
  position:relative;
  margin: auto;
  text-align: center;
}
.q_select-wrap--box1 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box2 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box3 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box4 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select{
  background-color: white;
  border: 1px solid #777;
  border-radius: 4px;
  height:50px;
  font-size: 16px;
  color: black;
  padding-left: 3px;
}

/* -------------------level-up section ---------------------*/
#level-up-printContentAns{
  display: none;
}

.logo-to-print-div-lu *{
  height:10px;
  visibility: hidden;
}
/* formating question and answer section */
.btn-container{
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
}

.print-btn:hover{
  background-color: #8e44ad;
  border-color: #8e44ad;
}

.section-to-print{
}

#level-up-printTitle1{
text-transform: capitalize;
  padding-top: 3%;
  font-size: 1.5rem;
  text-align: center;
    /* font-weight: bold; */
    color: #8e44ad;
  /* font-family: 'Amatic SC', sans-serif; */
}

#level-up-printContentAns {
  background-color:  #dddada;
  margin-bottom:2%
}

#level-up-printTitleAns{
  padding-top: 20px;
  margin-top: 5px;
  text-align: center;
  font-size: 1.5rem;
}


.icon{
  padding-top: 2%;
  text-align: center;
  color: #36454f;
  font-size:12px;
}


.q{
  font-size: 1.2rem;
  padding-top: 3%;
  padding-bottom: 2%;
}

.showA{
  background-color: #dddada;
  padding-bottom: 1%;
  padding-top: 2%;
}

.showA, .showQ{
  padding-left: 20%;
  padding-right: 20%;
  text-align: center;
  font-size: 1.2rem;
}

/* exam maker section */
.img-90{
  width:90%; 
  padding-bottom: 20px;
}

/* printing styles */
@media print {
    #level-up-printContentAns {
  page-break-before: always;
  }

  .theme-grey-background, #trial-header, .page-banner-subject, .hide-for-print, .select-wrap, .level-up-padding_container, .btn-container,  footer * {
    position: absolute;
    visibility: hidden;
  }

  .theme-grey-background, .page-banner-subject, .select-wrap, .level-up-padding_container, .btn-container,  footer {
    background-color: white;
  }

.logo-to-print-div-lu *{
  visibility: visible;
}
.logo-to-print-lu{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }

  .section-to-print * {
    visibility: visible;
    color:black;
  }

#printContentAns * {
  visibility: visible;
  color:black;
}

  .section-to-print {
    /* position: absolute; */
    left: 0;
    top: 0;
    padding:2cm;
    padding-top:1.5cm;
  }

#level-up-printTitle1{
font-size: 24px;
}

#level-up-printContentAns .showA {
background-color: white;
  left: 0;
  top: 0;
  padding:5px
}

#level-up-printContentAns{
background-color: white;
  left: 0;
    top: 0;
    padding:2cm;
    padding-top:1.5cm;
}

.showA, .showQ, #level-up-printTitleAns{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6%;
        padding-right: 6%;
        text-align: left;
        font-size: 12px;
  }
  

  .q{
    font-size: 12px;
    padding-top: 1%;
    padding-bottom: 1%;
  }

  .level-up-h1{
    line-height: 1rem;
  }

}

/* -------------------homework generator section ---------------------*/


.showQ--box1-hw, .showA--box1-hw{
text-align: center;
}

.lesson-select--box1-hw{
display:none
}
.selected--box1-hw, .selected--box2-hw, .selected--box3-hw, .selected--box4-hw{display:none}

.hw-print-btn{
  display:none
  }

#printContentAns-hw{
display:none
}

.logo-to-print-div-hw *{
  height:10px;
  visibility:hidden;
}

.showQ--box2-hw, .showA--box2-hw{
text-align: center;
}

.lesson-select--box2-hw{
display:none
}


.showQ--box3-hw, .showA--box3-hw{
text-align: center;
}

.lesson-select--box3-hw{
display:none
}


.showQ--box4-hw, .showA--box4-hw{
text-align: center;
}

.lesson-select--box4-hw{
display:none
}


/* styling on options section at top*/
.select-wrap-hw{
  padding: 10px;
  background-color:#36454f;
  position:relative;
  margin: auto;
  text-align: center;
}
.select-wrap-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: white;
  padding: 8px;
  position: absolute;
  top:6px;
}


/* styling for the four questions boxes */
.questions_container-hw{
/* padding: 1%; */
}

/* styling for each questions box */
.questions_card-hw{
  padding: 3%;
  text-align: center;
}

.box1-hw{
  border-bottom: 2px solid #777;
}
.box2-hw{
  border-bottom: 2px solid #777;
}
.box3-hw{
  border-bottom: 2px solid #777;
}


@media (min-width: 768px) {
.box1-hw{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 2px solid #777;
}
.box2-hw{
  border-top: 0px;
  border-left: 0px;
  border-right:0px;
  border-bottom: 2px solid #777;
}
.box3-hw{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 0px;
}
}

.q{
  font-size: 1.2rem;
}


/* styling on options section at top*/
.q_select-wrap--box1-hw , .q_select-wrap--box2-hw, .q_select-wrap--box3-hw, .q_select-wrap--box4-hw {
  padding: 10px;
  position:relative;
  margin: auto;
  text-align: center;
}
.q_select-wrap--box1-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box2-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box3-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box4-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select{
  background-color: white;
  border: 1px solid #777;
  border-radius: 4px;
  height:50px;
  font-size: 16px;
  color: black;
  padding-left: 3px;
}

.hw-btn-container{
  text-align: center;
  padding-top: 2%;
}

.hw-print-btn:hover{
  background-color: #008080;
  border-color: #008080;
}

#printTitle1-hw, #printTitle2-hw, #printTitle3-hw, #printTitle4-hw {
  /* text-transform: uppercase; */
  padding-top: 1%;
  font-size: 1.3 rem;
  text-align: center;
    /* font-weight: bold; */
    color: #008080;
  /* font-family: 'Amatic SC', sans-serif; */
}

.section-to-print{
}


/* styling for the answer section */


#printTitleAns-hw{
  font-size: 1.5rem;
}

#printContentAns-hw{
background-color: #dddada;
padding-bottom: 5%;
padding-top: 5%;
padding-left: 20%;
padding-right: 20%;
text-align: center;
}

/* .ans-text-hw{
  font-size: 1.2rem;
} */



/* printing styles */
@media print {
  #printContentAns-hw {
    page-break-before: always;
    }

    #printTitleAns-hw
    {page-break-before: always;
    }
  
    .theme-grey-background, .select-wrap, .btn, .page-banner-subject, footer * {
      position: absolute;
      visibility: hidden;
    }
  
    .theme-grey-background, .page-banner-subject, .select-wrap,  footer {
      background-color: white;
    }

  .section-to-print-hw * {
    visibility: visible;
  }

#printContentAns-hw * {
  visibility: visible;
}

.logo-to-print-div-hw *{
  visibility:visible;
}
.logo-to-print-hw{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }


  .section-to-print-hw{
    /* position: absolute; */
    left: 0;
    top: 0;
  }

#printTitle1-hw, #printTitle2-hw, #printTitle3-hw, #printTitle4-hw {
font-size: 16px;
padding-top: 0px;
padding-bottom: 0px;
}

#printTitleAns-hw{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 5px;
  text-align: left;
}

#printContentAns-hw {
  background-color: white;
  border: 1px solid;
  border-color: #777;
  padding-bottom: 5%;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
}

  .showA-hw, .showQ-hw{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6%;
        padding-right: 6%;
        text-align: left;
        font-size: 12px;
  }

  .h1-hw{
    line-height: 1rem;
    font-size: 1.3rem;
  }

  .questions_container-hw{
  padding: 0%;
  /* margin: 0%; */
  }

  /* styling for each questions box */
  .questions_card-hw{
    padding: 2%;
    /* margin: 0%; */
    text-align: center;
  }

}


/* --------------------------------------revision grid styling -------------*/
/* js styling */
.revision-grid-hr{
  display: none;
}

.revision-grid-btn-container{
  display: none;
}

#revision-grid-printContentAns{
  display: none;
}
.logo-to-print-div-rg *{
  height:10px;
  visibility:hidden;
}

/* form check box styling------------------------------------------------------------------------------------ */
.form-check{
  padding-bottom: 2%;
}

.form-check-input {
  box-shadow:none !important;
}

.checkbox-area{
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 20%;
  padding-right: 20%;
}

.revision-grid-p{
  padding-left: 5%;
  padding-right: 0%;
}


/* media query........................................................... */
@media (max-width: 768px) {
  .checkbox-area{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
  }

.revision-grid-p{
    padding-left: 5%;
    padding-right: 10%;
    text-align: justify;
  }
}
/* media query.......................................... */

.form-check-input {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  border: 3px solid #36454f;
}

.revision-grid .form-check-input:checked {
  border: 3px solid #2E8BC0;
  background-color: #2E8BC0;
}

/* formating question and answer section */
.revision-grid-row{
  padding-bottom: 2%;
}

.hr-revision-grid{
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 0%;
  margin-bottom: 1px;
}

#revision-grid-printTitle1, #revision-grid-printTitle2{
  /* text-transform: uppercase; */
  padding-top: 3%;
  font-size: 1.7rem;
  text-align: center;
  /* font-weight: bold; */
  /* font-family: 'Amatic SC', sans-serif; */
  color: #2E8BC0;
}

.revision-grid-print-btn{
  margin-top:5%;
}

.revision-grid-print-btn:hover{
  background-color: #2E8BC0;
  border-color: #2E8BC0;
}

.revision-grid-btn-container{
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
}

#revision-grid-printContentAns{
    background-color: #dddada;
}

#revision-grid-printTitleAns{
  padding-top: 20px;
  margin-top: 5px;

  text-align: center;
  font-size: 1.5rem;
}

.revision-grid-showA{
  background-color: #dddada;
  padding-bottom: 1%;
  padding-top: 1%;
  font-size: 1rem;
  padding-left: 20%;
  padding-right: 20%;
}

.revision-grid-section-to-print{
padding-left: 2%;
padding-right: 2%;
}
/* printing styling---------------------------------------- */
/* printing styles */
@media print {
  .page-break-after {
  page-break-after: always;
}

.theme-grey-background, .select-wrap, .btn, .page-banner-subject, footer * {
  position: absolute;
  visibility: hidden;
}

.theme-grey-background, .page-banner-subject, .select-wrap,  footer {
  background-color: white;
}
.logo-to-print-div-rg *{
  visibility:visible;
}
.logo-to-print-rg{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }
.revision-grid-section-to-print * {
    visibility: visible;
  }

#revision-grid-printContentAns * {
  visibility: visible;
}


  .section-to-print {
    /* position: absolute; */
    left: 0;
    top: 0;
  }

.revision-grid .container-fluid{
border: 1px solid #2E8BC0;
}

.revision-grid-hr{
  color: #2E8BC0;
}



#revision-grid-printTitle1{
font-size: 14px;
padding-top: 0%;
padding-bottom: 0%;
font-weight: bold;
}

#revision-grid-printContentAns{
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 1cm;
  margin-right: 1cm;
  border: 1px solid #777;
  background-color: #fff;
}

#revision-grid-printTitleAns{
font-size: 14px;
padding-top: 0%;
margin-top: 0%;
background-color: #fff;
}

.revision-grid-showA{
  background-color: #fff;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  font-size: 10px;
}

.showQ{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  font-size: 10px;
}

}


/* ------------------------------------------------test maker section ------------------------------*/

.test-maker .form-check-input:checked {
  border: 3px solid #FF686B;
  background-color: #FF686B;
}


.test-maker-btn-container{
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
}


.test-maker-print-btn:hover{
  background-color: #FF686B;
  border-color: #FF686B;
}


.test-maker-section-to-print{
}

.logo-to-print-div-tm *{
  height: 10px;
  visibility:hidden;
}

#test-maker-printTitle1, #test-maker-printTitle2{
    /* text-transform: uppercase; */
  padding-top: 3%;
  font-size: 1.3rem;
  text-align: center;
  /* font-weight: bold; */
  /* font-family: 'Amatic SC', sans-serif; */
}
#test-maker-printTitle2{
  /* text-transform: uppercase; */
  padding-top: 0%;
  padding-bottom:20px;
  font-size: 1.5;
  color: #FF686B;
}

.test-maker-hr{
  border-top: 1px dashed #FF686B;
  margin-left: 10%;
  margin-right: 10%;
}

#test-maker-printContentAns{
    background-color: #dddada;
    display: none;
}
.test-maker-selected{
  display:none;
}
#test-maker-printTitleAns{
  padding-top: 20px;
  margin-top: 5px;
  text-align: center;
  font-size: 1.5rem;
}

.test-maker-q{
  font-size: 1.2rem;
  padding-top: 1%;
  padding-bottom: 1%;
}

.test-maker-showA{
  background-color: #dddada;
  padding-bottom: 1%;
  padding-top: 1%;
  font-size: 1rem;
}

.test-maker-showA, .test-maker-showQ{
  padding-left: 20%;
  padding-right: 20%;
  text-align: left;
}



/* printing styling------------------------------------------------------------------------------------ */
/* printing styles */
@media print {
.page-break-after {
page-break-after: always;
}

  .theme-grey-background, .select-wrap, .btn, .page-banner-subject, footer * {
    position: absolute;
    visibility: hidden;
  }


  .theme-grey-background, .page-banner-subject, .select-wrap,  footer {
    background-color: white;
  }

.logo-to-print-div-tm *{
  visibility:visible;
}
.logo-to-print-tm{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }

.test-maker-section-to-print * {
  visibility: visible;
}

#test-maker-printContentAns * {
visibility: visible;
}


.test-maker-btn-container, .test-maker-print-btn {
    visibility: hidden;
}

#test-maker-printTitle1{
  padding-top:1cm;
}
.test-maker-q{
  font-size: 12px;
  padding-top: 0%;
  padding-bottom: 0%;
}

.test-maker-showA{
  background-color: white;
  padding-bottom: 0%;
  padding-top: 0%;
  font-size: 12px;
}

.test-maker-showA, .test-maker-showQ{
  padding-left: 2cm;
  padding-right: 2cm;
  text-align: left;
}

}

/* ------------------------------------------------exam maker section ------------------------------*/
.img-w-50{
  width:50%;
}

/* styling for lesson to map table */

.lesson{
  width: 20%;
}

.modify-table{
  margin-bottom: 7%;
}

.specification-page{
  padding-left: 5%;
  padding-right: 5%;
}


.print-head-foot{
  display: none
}

@media print {
.print-head-foot{
  display:table-header-group;
  visibility: visible;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: gray;
}

.no-questions-available{
  position: absolute;
}
}

/* tools home page link */
.subject-home-link{
  color: #bebebe;
  font-size:1rem; 
  font-weight:normal
}

.subject-home-link:hover{
  color: #fff;
}



/* footer */
/* -----------------------footer -----------------------*/

footer{
  background-color: #36454f;
  padding-top: 3%;
  padding-bottom: 1%;
  text-align: center;
}

.footer-text-brand{
  color: #fff;
  padding-top: 1%;
}

.footer-text{
  color: #bebebe;
  font-size: 0.9rem;
  margin: 0.5%;
}

.footer-link{
  color: #bebebe;
  font-size: 0.9rem;
   font-weight:normal;
  margin: 0.5%;
}

.footer-link:hover{
  color: #fff;
  font-size: 0.9rem;
    font-weight:normal;
  margin: 0.5%;
}



/* policies */

.policies {
      font-family: Arial, sans-serif;
      line-height: 1.7;
   }
    .policies h1, .policies h2, .policies h3 {
      color: #2c3e50;
    }
    .policies h1 {
      font-size:2.5rem;
      text-align: center;
    }
     .policies h3 {
 font-size:1.5rem;
    }
         .policies h2 {
 font-size:1.3rem;
    }

    .policies blockquote {
      margin: 1rem 0;
      padding: 0.5rem 1rem;
      background: #f8f8f8;
      border-left: 4px solid #999;
      font-style: italic;
    }
    .policies ul {
      padding-left: 1.2rem;
    }


    /* restrict content pro rcp styling */
#rcp-account-overview, #rcp-payment-history{padding:2%; margin-bottom:5%}
#/*
Theme Name: INSTAQ
Author: Instant Questions
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');


/*global styles*/
/* body {
    font-family: 'Maven Pro', sans-serif;
  } */
  body {
    font-family: "Mulish", sans-serif;
  }
  
  .btn{
    box-shadow: none !important
    }

a {
  text-decoration: none;
   color: inherit;
  /* font-weight: 700; */
  position: relative;
}

.a:hover{
	 text-decoration: none;
	color:inherit;
}

.a:active,
.a:focus {
 text-decoration: none;
	color:inherit;
}

/* a::before {
  content: '';
   background-color: #36454f;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  z-index: -1;
  transition: all .1s ease-in-out;
}

a:hover::before {
  bottom: 0;
  height: 100%;
}
a:hover {
  color: white;
} */

 .a-link-no-deco{
  text-decoration: none;
	color:inherit;
    }

.a-link-no-deco:hover{
	 text-decoration: none;
	color:inherit;
}
.a-link-no-deco::before{
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0px;
  height: 0px;
  z-index: -1;
}
.a-link-no-deco:hover::before {
  bottom: 0;
  height: 0px;
}

.a-link-no-deco:active,
.a-link-no-deco:focus {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.members-products-card .card:hover{
    color: #393b3c;
    box-shadow: 0 10px 20px rgba(83, 125, 174, 0.6);
}


/* ---------------------------------instaQ-------------------------- */
/* ------------------------------------------------------------------ */
.iq a {
  text-decoration: none;
	color:inherit;
}

.iq a:hover{
	 text-decoration: none;
	color:inherit;
}
 .iq .nav-link { font-weight:normal; color: #d5dbdf;   }
  .iq .nav-link:hover { color: #fff; } /* CSS link hover (green) */



  .theme-grey-background{
    background-color: 	#36454f;
  }

  .theme-grey{
    color: 	#36454f;
}

    /* -----------------------------nav-bar------------- */
  
.navbar{
      font-family: 'Maven Pro', sans-serif;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
}

.navbar-brand{
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 20px;
  padding-left: 5px;
  color: #fff;
}

#logo{
  width: 170px;
  margin-left:2%;
  float:left;
}

.nav-item{
  padding-left: 1rem;
  text-align: center;
}


/* -----------------instaQ page banner------------------------ */
.iq.hero{
      font-family: 'Maven Pro', sans-serif;
  background-color: #36454f;
    background-image: linear-gradient(#36454f, rgba(68, 191, 229, 0.25));
  padding-top: 2%;
  padding-bottom: 5%;
  text-align: center;
}

.iq-page-banner{
  color: white;
}
.white-text{
  color: white;
}

.iq-carousel-text{
      font-family: 'Maven Pro', sans-serif;
  color:white; font-size: 1.7rem; font-weight:200
}


/* features section */
.mission-statement-section{
/* background-color: rgba(105,105,105, 0.175); */
    background-image: linear-gradient(to bottom right, rgba(105,105,105, 0.175), rgba(29, 195, 246, 0.25));
}

/* why instaq works section */
.why-instaq-works{text-align:center;}
.why-instaq-works h1{font-size:3rem;}
.why-instaq-works p{font-size:1.2rem;}
.why-instaq-works .col-grey{background-color:#36454f; color:white}
.why-instaq-works .col-white{background-color:white; color:black}
.why-instaq-works .col-blue{ background-image: linear-gradient(to bottom right, rgba(105,105,105, 0.175), rgba(29, 195, 246, 0.25)); color:black}

/* -----------------instaQ menu subject------------------------ */
.main-subject-section .card:hover{
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.features-icon{width: 30%;}
.main-subject-section .btn-outline-info:hover{
  color:white;
}


.colors-for-icons{
color: #309898;
color: #FE7743;
color: #CB0404;
color: #3F7D58;
color: #00879E;
color: #7965C1;
color: #143D60;
color: #E73879;
color: #D76C82;
color: #3B3486;
color: #FF2929;
color: #091057;
color: #006A67;
}

.iq .subject-icon{
  height: 3rem;
  text-align: center;
}

/* .iq .subject-box{
  text-align: center;
} */

.iq .subject-heading{
  font-family: 'Maven Pro', sans-serif;
  font-size: 2rem;
}

.tools-title{
 font-size:1.2rem;
 font-weight: bold;
}


.iq .subject-image{
  height: 2rem;
}

/* -------------------pricing section ---------------------*/


.pricing-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.pricing-card {
  background:linear-gradient(to bottom right, rgba(105,105,105, 0.175), rgba(29, 195, 246, 0.25));
  padding: 20px;
  width: 400px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(34, 35, 35, 0.6);
  text-align: center;
  transition: transform 0.3s ease;
}

.pricing-card:hover {
  transform: scale(1.05);
}

.pricing-card .price {
  font-size: 1.5rem;
  /* margin: 10px 0; */
  color: #000000;
}

.pricing-card ul {
  list-style: none;
  /* margin: 20px 0; */
  padding: 0;
}

.pricing-card ul li {
  padding: 5px 0;
}

.pricing-card button {
  background: #465966;
    border: #465966;
}
.pricing-card button:hover {
  background: #191f24;
   border: #191f24;
}

/* -------------------tools page section ---------------------*/
.glow:hover {
  box-shadow: 0 5px 15px rgba(92, 166, 182, 0.4);
}

.iq.subject-section{
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
}
/* .subject-tools{
  background-color: #fff;
  padding-top: 0%;
  padding-left:10%;
  padding-right: 10%;
  padding-bottom: 5%;
} */

.tools-box{
  text-align: center;
  padding: 2%;
}



.iq .tools-btn:hover{
  /* background-color: #42535e; */
  border-color: #36454f;
  background-color:#36454f;
   color: white;
}

/* -------------------questions selcet part page ---------------------*/
/* ----------------------tools page top questions select part generic------------------------*/
   
.height-zero{
  height:0vh;
}
.height-50vh{
min-height:50vh;
}
#revisionToolsSection{
   display: none;
}
.hide-when-go{
/* js will make display none when go btn pressed therefore anything that was there will be hidden in favour of new content */
}

.form-label{
  text-align: center;
  color:white;
  font-size:0.9rem;
}

.questions_container.hide-when-go{
  display:none;
}

/* when tablet size or more align the select boxes close to each other. otehrwise centre on div because will be stacked */
@media (min-width: 768px) {
  #selectBoxLeft, #selectBoxLeft1{
    text-align: left;
    }
    #selectBoxRight, #selectBoxRight1{
      text-align: right;
    }
}

/* select options section */
.topic-select, .lesson-select, .tools-select, .spec-select{
    min-height: 40px;
   width: 300px;
 background-color: #313e47;
  border: 1px solid #777;
  border-radius: 4px;
  height:50px;
  font-size: 16px;
  color: white;
  padding-left: 8px;
  margin:auto;
}
.topic-select:focus, .lesson-select:focus, .tools-select:focus, .spec-select:focus{
  box-shadow: none !important;
  border-color: #ccc; /* optional: reset border color */
  outline: none;      /* optional: also removes the dotted outline in some browsers */
}


#think-quick-go-btn{
  text-align: center;
  padding-top: 10px;
}

#myNumber{
  padding-left: 3px;
}


/* 220622 label */
/* .textOnInput {
           position: relative;
           padding-bottom: 15px;
       }
       .textOnInput label {
           position: absolute;
           top: -15px;
           left: 15px;
           z-index: 1;
       }
       .textOnInput label:after {
           content: " ";
           background-color: #fff;
           width: 100%;
           height: 13px;
           position: absolute;
           left: 0;
           bottom: 0;
           z-index: -1;
       }
       label {
           font-size: 16px;
           font-weight: 500;
           display: inline-block;
           margin-bottom: .5rem;
       } */

/* questions and answer formatting*/

.q{
  font-size: 1.2rem;
  padding-top: 3%;
  padding-bottom: 2%;
}

.showA{
  background-color: #dddada;
  padding-top: 1%;
  padding-bottom: 1%;
}

.showA, .showQ{
  padding-left: 10%;
  padding-right: 10%;
  text-align: center;
  font-size: 1.2rem;
}

.toggle-to-show{
}


/* styling for js */
.selected{
  display:none
}

.showQ, .showA{
text-align: center;
}

.lesson-select{
display:none
}

.showA{
display:none
}

.exam-maker-show-10q, .exam-maker-show-10a, .exam-maker-show-20q, .exam-maker-show-20a{
  display:none
}

#think-quick-review-answer{
display: none;
margin-top: 20%;
}



/* formating question and answer section */
#think-quick-show{
  display:none;
  text-align: center;
}
/* questions with timer */
#think-quick-question{
  padding-top: 3%;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center;
  font-size: 2rem;
}

#think-quick-count{
  text-align: center;
  color: #DC3545;
  font-size: 5rem;
}

.questions_container{
height: 80%;
margin-bottom: 30%
}

/* -------------------recall and recap page section ---------------------*/
#esq-section{display:none}
/* #myNumber{display:none}
.recall-section{display:none}
.no-questions-message{
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  padding: 2%;
}


.recall-and-recap-ans-btn:hover{
  background-color: #088F8F;
  border-color: #088F8F;
} */


/* -------------------MCQ page section ---------------------*/
.mcq-questions_container{
/* padding: 2%; */
}
.mcq-q{
  font-size:1.2rem;
  line-height:1.8rem;
}

/* styling for each questions box */
 .mcq-questions_card{
  text-align: center;
}

.mcq-box1{
  border-bottom: 1px solid #777;
    border-right: 1px solid #777;
}
.mcq-box2{
  border-bottom: 1px solid #777;
}
.mcq-box3{
  border-right: 1px solid #777;
}


@media (max-width: 768px) {
.mcq-box1{
    border-right: 0;
  border-bottom: 1px solid #777;
}
.mcq-box2{
  border-bottom: 1px solid #777;
}
.mcq-box3{
      border-right: 0;
  border-bottom: 1px solid #777;
}
}


.mcq-ans-btn:hover{
  background-color: rgb(230, 69, 69);
  border-color: rgb(230, 69, 69);
}

/* -------------------LO section and slides section formating---------------------*/
.lesson-notes, .lesson-slides, .level-up-section, .lesson-esq {display:none}
.lesson-notes, .lesson-slides{margin-bottom:7%}
.lesson-notes h1, .lesson-slides h1, .lesson-esq h1{font-size:2rem; text-align: center; text-transform: uppercase; padding:20px}
.lesson-notes h2{font-size:1.5rem; text-align: center; text-transform: uppercase; padding:5px; padding-top:30px; color:#274472}
.lesson-notes h3{font-size:1.3rem; text-align: center; text-transform: uppercase;padding:5px; padding-top:20px; color:#41729f}
.lesson-notes h4{font-size:1rem; font-weight: bold; color:#41729f}
.lesson-notes p{line-height: 1.5rem;}

.img-for-slides{
height: 80vh; max-width: 80%; width: auto; border: 1px solid #333; border-radius: 8px;
}

@media (max-width: 767px) {
.img-for-slides {
    height: auto !important; width: 90%;
}
}



/* -------------------retrieval practice section ---------------------*/
/* box 2 styling for js */

.selected--box1{
  display:none
}

.showQ--box1, .showA--box1{
text-align: center;
}

.lesson-select--box1{
display:none
}
/*box 2 styling for js */
.selected--box2{
  display:none
}

.showQ--box2, .showA--box2{
text-align: center;
}

.lesson-select--box2{
display:none
}

/*box 3 styling for js */
.selected--box3{
  display:none
}

.showQ--box3, .showA--box3{
text-align: center;
}

.lesson-select--box3{
display:none
}

/*box 4 styling for js */
.selected--box4{
  display:none
}

.showQ--box4, .showA--box4{
text-align: center;
}

.lesson-select--box4{
display:none
}

/* 
.go-center{
  background-color: 	#36454f;
  color: white;
  text-align: center;
  padding:1%;
} */

.btn-light:hover {
    background-color: #D3D3D3;
}

.btn{
	box-shadow: none !important
}

.ans-btn{
margin-top:2%;
margin-bottom: 2%;
}


.toggle-to-show{
margin: 2%;
}

/* styling for the four questions boxes */
.retrieval-practice-questions_container{
padding: 1%;
}

/* styling for each questions box */
.questions_card{
  padding: 3%;
  text-align: center;
}

.box1{
  border-bottom: 2px solid #777;
}
.box2{
  border-bottom: 2px solid #777;
}
.box3{
  border-bottom: 2px solid #777;
}


@media (min-width: 768px) {
.box1{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 2px solid #777;
}
.box2{
  border-top: 0px;
  border-left: 0px;
  border-right:0px;
  border-bottom: 2px solid #777;
}
.box3{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 0px;
}
}

.q{
  font-size: 1.2rem;
}

.ans-text{
  font-size: 1.2rem;
  color: #4f4f4f;
}


/* styling on options section at top*/
.q_select-wrap--box1, .q_select-wrap--box2, .q_select-wrap--box3, .q_select-wrap--box4 {
  padding: 10px;
  position:relative;
  margin: auto;
  text-align: center;
}
.q_select-wrap--box1 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box2 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box3 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box4 label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select{
  background-color: white;
  border: 1px solid #777;
  border-radius: 4px;
  height:50px;
  font-size: 16px;
  color: black;
  padding-left: 3px;
}

/* -------------------level-up section ---------------------*/
#level-up-printContentAns{
  display: none;
}

.logo-to-print-div-lu *{
  height:10px;
  visibility: hidden;
}
/* formating question and answer section */
.btn-container{
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
}

.print-btn:hover{
  background-color: #8e44ad;
  border-color: #8e44ad;
}

.section-to-print{
}

#level-up-printTitle1{
text-transform: capitalize;
  padding-top: 3%;
  font-size: 1.5rem;
  text-align: center;
    /* font-weight: bold; */
    color: #8e44ad;
  /* font-family: 'Amatic SC', sans-serif; */
}

#level-up-printContentAns {
  background-color:  #dddada;
  margin-bottom:2%
}

#level-up-printTitleAns{
  padding-top: 20px;
  margin-top: 5px;
  text-align: center;
  font-size: 1.5rem;
}


.icon{
  padding-top: 2%;
  text-align: center;
  color: #36454f;
  font-size:12px;
}


.q{
  font-size: 1.2rem;
  padding-top: 3%;
  padding-bottom: 2%;
}

.showA{
  background-color: #dddada;
  padding-bottom: 1%;
  padding-top: 2%;
}

.showA, .showQ{
  padding-left: 20%;
  padding-right: 20%;
  text-align: center;
  font-size: 1.2rem;
}

/* exam maker section */
.img-90{
  width:90%; 
  padding-bottom: 20px;
}

/* printing styles */
@media print {
    #level-up-printContentAns {
  page-break-before: always;
  }

  .theme-grey-background, #trial-header, .page-banner-subject, .hide-for-print, .select-wrap, .level-up-padding_container, .btn-container,  footer * {
    position: absolute;
    visibility: hidden;
  }

  .theme-grey-background, .page-banner-subject, .select-wrap, .level-up-padding_container, .btn-container,  footer {
    background-color: white;
  }

.logo-to-print-div-lu *{
  visibility: visible;
}
.logo-to-print-lu{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }

  .section-to-print * {
    visibility: visible;
    color:black;
  }

#printContentAns * {
  visibility: visible;
  color:black;
}

  .section-to-print {
    /* position: absolute; */
    left: 0;
    top: 0;
    padding:2cm;
    padding-top:1.5cm;
  }

#level-up-printTitle1{
font-size: 24px;
}

#level-up-printContentAns .showA {
background-color: white;
  left: 0;
  top: 0;
  padding:5px
}

#level-up-printContentAns{
background-color: white;
  left: 0;
    top: 0;
    padding:2cm;
    padding-top:1.5cm;
}

.showA, .showQ, #level-up-printTitleAns{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6%;
        padding-right: 6%;
        text-align: left;
        font-size: 12px;
  }
  

  .q{
    font-size: 12px;
    padding-top: 1%;
    padding-bottom: 1%;
  }

  .level-up-h1{
    line-height: 1rem;
  }

}

/* -------------------homework generator section ---------------------*/


.showQ--box1-hw, .showA--box1-hw{
text-align: center;
}

.lesson-select--box1-hw{
display:none
}
.selected--box1-hw, .selected--box2-hw, .selected--box3-hw, .selected--box4-hw{display:none}

.hw-print-btn{
  display:none
  }

#printContentAns-hw{
display:none
}

.logo-to-print-div-hw *{
  height:10px;
  visibility:hidden;
}

.showQ--box2-hw, .showA--box2-hw{
text-align: center;
}

.lesson-select--box2-hw{
display:none
}


.showQ--box3-hw, .showA--box3-hw{
text-align: center;
}

.lesson-select--box3-hw{
display:none
}


.showQ--box4-hw, .showA--box4-hw{
text-align: center;
}

.lesson-select--box4-hw{
display:none
}


/* styling on options section at top*/
.select-wrap-hw{
  padding: 10px;
  background-color:#36454f;
  position:relative;
  margin: auto;
  text-align: center;
}
.select-wrap-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: white;
  padding: 8px;
  position: absolute;
  top:6px;
}


/* styling for the four questions boxes */
.questions_container-hw{
/* padding: 1%; */
}

/* styling for each questions box */
.questions_card-hw{
  padding: 3%;
  text-align: center;
}

.box1-hw{
  border-bottom: 2px solid #777;
}
.box2-hw{
  border-bottom: 2px solid #777;
}
.box3-hw{
  border-bottom: 2px solid #777;
}


@media (min-width: 768px) {
.box1-hw{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 2px solid #777;
}
.box2-hw{
  border-top: 0px;
  border-left: 0px;
  border-right:0px;
  border-bottom: 2px solid #777;
}
.box3-hw{
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #777;
  border-bottom: 0px;
}
}

.q{
  font-size: 1.2rem;
}


/* styling on options section at top*/
.q_select-wrap--box1-hw , .q_select-wrap--box2-hw, .q_select-wrap--box3-hw, .q_select-wrap--box4-hw {
  padding: 10px;
  position:relative;
  margin: auto;
  text-align: center;
}
.q_select-wrap--box1-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box2-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box3-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select-wrap--box4-hw label{
  font-size:8px;
  text-transform: uppercase;
  color: black;
  padding: 8px;
  position: absolute;
  top:6px;
}

.q_select{
  background-color: white;
  border: 1px solid #777;
  border-radius: 4px;
  height:50px;
  font-size: 16px;
  color: black;
  padding-left: 3px;
}

.hw-btn-container{
  text-align: center;
  padding-top: 2%;
}

.hw-print-btn:hover{
  background-color: #008080;
  border-color: #008080;
}

#printTitle1-hw, #printTitle2-hw, #printTitle3-hw, #printTitle4-hw {
  /* text-transform: uppercase; */
  padding-top: 1%;
  font-size: 1.3 rem;
  text-align: center;
    /* font-weight: bold; */
    color: #008080;
  /* font-family: 'Amatic SC', sans-serif; */
}

.section-to-print{
}


/* styling for the answer section */


#printTitleAns-hw{
  font-size: 1.5rem;
}

#printContentAns-hw{
background-color: #dddada;
padding-bottom: 5%;
padding-top: 5%;
padding-left: 20%;
padding-right: 20%;
text-align: center;
}

/* .ans-text-hw{
  font-size: 1.2rem;
} */



/* printing styles */
@media print {
  #printContentAns-hw {
    page-break-before: always;
    }

    #printTitleAns-hw
    {page-break-before: always;
    }
  
    .theme-grey-background, .select-wrap, .btn, .page-banner-subject, footer * {
      position: absolute;
      visibility: hidden;
    }
  
    .theme-grey-background, .page-banner-subject, .select-wrap,  footer {
      background-color: white;
    }

  .section-to-print-hw * {
    visibility: visible;
  }

#printContentAns-hw * {
  visibility: visible;
}

.logo-to-print-div-hw *{
  visibility:visible;
}
.logo-to-print-hw{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }


  .section-to-print-hw{
    /* position: absolute; */
    left: 0;
    top: 0;
  }

#printTitle1-hw, #printTitle2-hw, #printTitle3-hw, #printTitle4-hw {
font-size: 16px;
padding-top: 0px;
padding-bottom: 0px;
}

#printTitleAns-hw{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 5px;
  text-align: left;
}

#printContentAns-hw {
  background-color: white;
  border: 1px solid;
  border-color: #777;
  padding-bottom: 5%;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
}

  .showA-hw, .showQ-hw{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6%;
        padding-right: 6%;
        text-align: left;
        font-size: 12px;
  }

  .h1-hw{
    line-height: 1rem;
    font-size: 1.3rem;
  }

  .questions_container-hw{
  padding: 0%;
  /* margin: 0%; */
  }

  /* styling for each questions box */
  .questions_card-hw{
    padding: 2%;
    /* margin: 0%; */
    text-align: center;
  }

}


/* --------------------------------------revision grid styling -------------*/
/* js styling */
.revision-grid-hr{
  display: none;
}

.revision-grid-btn-container{
  display: none;
}

#revision-grid-printContentAns{
  display: none;
}
.logo-to-print-div-rg *{
  height:10px;
  visibility:hidden;
}

/* form check box styling------------------------------------------------------------------------------------ */
.form-check{
  padding-bottom: 2%;
}

.form-check-input {
  box-shadow:none !important;
}

.checkbox-area{
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 20%;
  padding-right: 20%;
}

.revision-grid-p{
  padding-left: 5%;
  padding-right: 0%;
}


/* media query........................................................... */
@media (max-width: 768px) {
  .checkbox-area{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
  }

.revision-grid-p{
    padding-left: 5%;
    padding-right: 10%;
    text-align: justify;
  }
}
/* media query.......................................... */

.form-check-input {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  border: 3px solid #36454f;
}

.revision-grid .form-check-input:checked {
  border: 3px solid #2E8BC0;
  background-color: #2E8BC0;
}

/* formating question and answer section */
.revision-grid-row{
  padding-bottom: 2%;
}

.hr-revision-grid{
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 0%;
  margin-bottom: 1px;
}

#revision-grid-printTitle1, #revision-grid-printTitle2{
  /* text-transform: uppercase; */
  padding-top: 3%;
  font-size: 1.7rem;
  text-align: center;
  /* font-weight: bold; */
  /* font-family: 'Amatic SC', sans-serif; */
  color: #2E8BC0;
}

.revision-grid-print-btn{
  margin-top:5%;
}

.revision-grid-print-btn:hover{
  background-color: #2E8BC0;
  border-color: #2E8BC0;
}

.revision-grid-btn-container{
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
}

#revision-grid-printContentAns{
    background-color: #dddada;
}

#revision-grid-printTitleAns{
  padding-top: 20px;
  margin-top: 5px;

  text-align: center;
  font-size: 1.5rem;
}

.revision-grid-showA{
  background-color: #dddada;
  padding-bottom: 1%;
  padding-top: 1%;
  font-size: 1rem;
  padding-left: 20%;
  padding-right: 20%;
}

.revision-grid-section-to-print{
padding-left: 2%;
padding-right: 2%;
}
/* printing styling---------------------------------------- */
/* printing styles */
@media print {
  .page-break-after {
  page-break-after: always;
}

.theme-grey-background, .select-wrap, .btn, .page-banner-subject, footer * {
  position: absolute;
  visibility: hidden;
}

.theme-grey-background, .page-banner-subject, .select-wrap,  footer {
  background-color: white;
}
.logo-to-print-div-rg *{
  visibility:visible;
}
.logo-to-print-rg{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }
.revision-grid-section-to-print * {
    visibility: visible;
  }

#revision-grid-printContentAns * {
  visibility: visible;
}


  .section-to-print {
    /* position: absolute; */
    left: 0;
    top: 0;
  }

.revision-grid .container-fluid{
border: 1px solid #2E8BC0;
}

.revision-grid-hr{
  color: #2E8BC0;
}



#revision-grid-printTitle1{
font-size: 14px;
padding-top: 0%;
padding-bottom: 0%;
font-weight: bold;
}

#revision-grid-printContentAns{
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 1cm;
  margin-right: 1cm;
  border: 1px solid #777;
  background-color: #fff;
}

#revision-grid-printTitleAns{
font-size: 14px;
padding-top: 0%;
margin-top: 0%;
background-color: #fff;
}

.revision-grid-showA{
  background-color: #fff;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  font-size: 10px;
}

.showQ{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
  font-size: 10px;
}

}


/* ------------------------------------------------test maker section ------------------------------*/

.test-maker .form-check-input:checked {
  border: 3px solid #FF686B;
  background-color: #FF686B;
}


.test-maker-btn-container{
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
}


.test-maker-print-btn:hover{
  background-color: #FF686B;
  border-color: #FF686B;
}


.test-maker-section-to-print{
}

.logo-to-print-div-tm *{
  height: 10px;
  visibility:hidden;
}

#test-maker-printTitle1, #test-maker-printTitle2{
    /* text-transform: uppercase; */
  padding-top: 3%;
  font-size: 1.3rem;
  text-align: center;
  /* font-weight: bold; */
  /* font-family: 'Amatic SC', sans-serif; */
}
#test-maker-printTitle2{
  /* text-transform: uppercase; */
  padding-top: 0%;
  padding-bottom:20px;
  font-size: 1.5;
  color: #FF686B;
}

.test-maker-hr{
  border-top: 1px dashed #FF686B;
  margin-left: 10%;
  margin-right: 10%;
}

#test-maker-printContentAns{
    background-color: #dddada;
    display: none;
}
.test-maker-selected{
  display:none;
}
#test-maker-printTitleAns{
  padding-top: 20px;
  margin-top: 5px;
  text-align: center;
  font-size: 1.5rem;
}

.test-maker-q{
  font-size: 1.2rem;
  padding-top: 1%;
  padding-bottom: 1%;
}

.test-maker-showA{
  background-color: #dddada;
  padding-bottom: 1%;
  padding-top: 1%;
  font-size: 1rem;
}

.test-maker-showA, .test-maker-showQ{
  padding-left: 20%;
  padding-right: 20%;
  text-align: left;
}



/* printing styling------------------------------------------------------------------------------------ */
/* printing styles */
@media print {
.page-break-after {
page-break-after: always;
}

  .theme-grey-background, .select-wrap, .btn, .page-banner-subject, footer * {
    position: absolute;
    visibility: hidden;
  }


  .theme-grey-background, .page-banner-subject, .select-wrap,  footer {
    background-color: white;
  }

.logo-to-print-div-tm *{
  visibility:visible;
}
.logo-to-print-tm{
position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom:1cm;
  text-align: center;
 height:40px; 
 }

.test-maker-section-to-print * {
  visibility: visible;
}

#test-maker-printContentAns * {
visibility: visible;
}


.test-maker-btn-container, .test-maker-print-btn {
    visibility: hidden;
}

#test-maker-printTitle1{
  padding-top:1cm;
}
.test-maker-q{
  font-size: 12px;
  padding-top: 0%;
  padding-bottom: 0%;
}

.test-maker-showA{
  background-color: white;
  padding-bottom: 0%;
  padding-top: 0%;
  font-size: 12px;
}

.test-maker-showA, .test-maker-showQ{
  padding-left: 2cm;
  padding-right: 2cm;
  text-align: left;
}

}

/* ------------------------------------------------exam maker section ------------------------------*/
.img-w-50{
  width:50%;
}

/* styling for lesson to map table */

.lesson{
  width: 20%;
}

.modify-table{
  margin-bottom: 7%;
}

.specification-page{
  padding-left: 5%;
  padding-right: 5%;
}


.print-head-foot{
  display: none
}

@media print {
.print-head-foot{
  display:table-header-group;
  visibility: visible;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: gray;
}

.no-questions-available{
  position: absolute;
}
}

/* tools home page link */
.subject-home-link{
  color: #bebebe;
  font-size:1rem; 
  font-weight:normal
}

.subject-home-link:hover{
  color: #fff;
}



/* footer */
/* -----------------------footer -----------------------*/

footer{
  background-color: #36454f;
  padding-top: 3%;
  padding-bottom: 1%;
  text-align: center;
}

.footer-text-brand{
  color: #fff;
  padding-top: 1%;
}

.footer-text{
  color: #bebebe;
  font-size: 0.9rem;
  margin: 0.5%;
}

.footer-link{
  color: #bebebe;
  font-size: 0.9rem;
   font-weight:normal;
  margin: 0.5%;
}

.footer-link:hover{
  color: #fff;
  font-size: 0.9rem;
    font-weight:normal;
  margin: 0.5%;
}



/* policies */

.policies {
      font-family: Arial, sans-serif;
      line-height: 1.7;
   }
    .policies h1, .policies h2, .policies h3 {
      color: #2c3e50;
    }
    .policies h1 {
      font-size:2.5rem;
      text-align: center;
    }
     .policies h3 {
 font-size:1.5rem;
    }
         .policies h2 {
 font-size:1.3rem;
    }

    .policies blockquote {
      margin: 1rem 0;
      padding: 0.5rem 1rem;
      background: #f8f8f8;
      border-left: 4px solid #999;
      font-style: italic;
    }
    .policies ul {
      padding-left: 1.2rem;
    }