body, html {
	margin: 0;
	padding: 0;
	background-color:#FFFADA;
}
@media (min-width: 1920px) {
	.container {
		width: 80%;
	}
}
.wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 10px;
	padding: 0px;
}

.limerick {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 20px;
	padding: 0px;
}
@media only screen and (max-width: 600px) {
.limerick {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.box {
	padding: 10px;
	text-align: center;
	font-size:22px;
}

.bg-dark {
  background-color: #222222; /*background-color !important label removed from bootstrap css to enable this color*/
}
.navbar-english {
  background-color: #02598F; /* Red color scheme for section 1 */
}

.navbar-maths {
  background-color: #3498db; /* Blue color scheme for section 2 */
}

.navbar-hindi {
  background-color: #2ecc71; /* Green color scheme for section 3 */
}
.navbar-reasoning {
  background-color: #2ecc71; /* Green color scheme for section 3 */
}


/*menu items on gk-page or side menu*/
.list-group-item{
	background-color: #FFFFFF;
	color:black;
}
/*banner on landing pages*/
.banner{
	width:90%; 
	background-color:#FEA751; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:18px;
	font-weight:bold;	
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	margin:auto;
}	

/*blocks on the main page*/
.gk-blue ul li, .gk-yellow ul li, .gk-green ul li, .gk-pink ul li{font-size:18px}

.gk-green{
	width:100%; 
	background-color:#99ff99; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:18px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gk-yellow{
	width:100%; 
	background-color:#ffffcc; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:18px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gk-pink{
	width:100%; 
	background-color:#ffcccc; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:18px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.gk-blue{
	width:100%; 
	background-color:#99ccff; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:18px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.gk-orange{
	width:100%; 
	background-color:#FEA751; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:18px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
/*text align center in different colors*/
.textalignRed{
	text-align:center;
	color:red;
	font-weight:bold;
}
.textalignBlue{
	text-align:center;
	color:blue;
	font-weight:bold;
}
.textalignBlack{
	text-align:center;
	color:black;
	font-weight:bold;
}
.textalignGreen{
	text-align:center;
	color:green;
	font-weight:bold;
}
.textalignWhite{
	text-align:center;
	color:white;
	font-weight:bold;
}
.textalignYellow{
	text-align:center;
	color:yellow;
	font-weight:bold;
}

/*for true-false quiz in gk pages*/
.Q-wrapper {
  width: 100%;
  margin: 0 auto;
  /*height: 100%;*/
  padding-top: 0px;
  min-height: 100vh;
}

#quiz {
  background-color: #34495E;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}
#quiz1 {
  background-color:#264F2C;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz1 > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}
#quiz2 {
  background-color:#660000;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz2 > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}
#quiz3 {
  background-color:#4B1F5A;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz3 > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}

.questions {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  border: 1px solid #FFFFFF;
  padding: 15px 15px 15px 15px;
  margin-left:20px;
  margin-right:20px;
}

#abbrquiz {
  background-color:#999933;
  padding: 15px 10px 10px 10px;
  padding-bottom: 30px;
  width: 100%;
  border-radius: 2%;
  color: #000;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.abbr {
  font-size: 14px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 20px;
  text-align:justify;
 }

.answers div {
  padding: 10px 0 0 0;
  font-size: 16px;
}

.answers div:hover {
  cursor: pointer;
  color: #FBCB43;
}
#restart:hover {
  cursor: pointer;
  color: #FBCB43;
}

.answers {
  padding: 0px 0 10px 0px;
}

.answers div {
  width: 50%;
  margin: 0 auto;
  padding-bottom: 15px;
  border-top: 1px solid grey;
}

.answers div:first-child {
  border: none;
}

.checker {
  display: inline-block;
  width: 40%;
  margin: 0 auto;
}
/*remove the background image tag and allow background color as per original*/
.correct, .false {
  background-color: #109D59;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding-left: 1px;
  float: left;
  margin-left: 2px;
  margin-top: 2px;
}

.false {
 background-color: #DC4437;
}

/*footer*/
.copyright {
	background-color:#222222;
 	padding: 0px 0px 0px 0px;
	text-align:center;
	color:#afac97;
	padding-bottom:20px; 
	padding-top:20px;
	font-size: 14px;
} 
.copyright a{
	color:#afac97;
} 
footer {
    margin: 0px 0;
/*	background-image:url(../images/footer.jpg);*/
	padding-top:0px;
	margin-top: 0px;
}
.search-box{
	font-size: 1rem;
    font-weight: 200;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}