/* This is to remove the blue banner that says this post has 2 replies, 1 voice and was last updated by whoever */
div.bbp-template-notice.info {
    display:none;
}
/* This to increase the size of the fonts in the replies and topics*/
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
    font-size: 16px;
}

/* This to remove the author avatar, role and ip address*/
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
span.bbp-author-ip {
  display:none;}

/*This is to increase the size of the font of your topic/reply author. The first one is also to reduce free space on the left of the author name. The second one is also to make the text red in color and reduce the space on the left. */
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  font-size: 16px;
  margin:0px;
  }

#bbpress-forums div.bbp-reply-author {
  font-size: 16px;
  color: #d65050;
  text-align: left;
  }

/* THis is to remove the header/footer of the topic/reply */
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-reply-content,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author {
  display:none ;
}

/* This to increase the size of the fonts in the reply link*/
span.bbp-admin-links a {
  font-size: 14px; }

/* this is to allow the text to take greater width on the screen, especially for mobile devices and also reduce empty space*/

#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
  float:none;

}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  display:inline ;
text-align:left ;
}

#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
  margin-left: 0px ;
padding: 0px; }

/* this is to remove the website field when someone not registered wants to post in the forums*/

.bbp-reply-form #bbp_anonymous_website,
.bbp-topic-form #bbp_anonymous_website,
label[for="bbp_anonymous_website"] {
	display: none !important;
}

/* this is also to remove unnecessary padding */
#bbpress-forums .hentry {
  padding:0px ;
}

/* for some reason the default threading does not work, therefore need to manually insert this css code, but it still doesnt work*/

#bbpress-forums ul.bbp-threaded-replies {
  margin-left: 50px;
}

/* this is to increase the font size of the front page to make it more visible on mobile devices*/

.text-slider .maintitle {
  font-size: 60px;
}

/* this is to style the search box on the front page*/

input.search-field { 
  width: 300px;
}

/* this is to reduce the width of the email box for the feedback form such that it fits within the width of the main website*/

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  width: 100%;
}

/* this is to increase the font size of the wp-showhide plugin */
.sh-link A {
  font-size:30px;
  padding: 100px 0px 100px 0px;
}

/* this is to cause the third level menu to open towards the left rather than the right because there's not enough space on the right */

/*#menu-item-4120 .sub-menu li {display: inline; } */

@media screen and (min-width: 1010px) {
  .menu-item , .menu-item .sub-menu{
      left: -50% !important;
  } 
}
/* OCR and AQA selection box for search box on the front page slider */

#wpdreams_asp_settings_1 {
  margin: auto;
    width: 60%;
}

#mCSBap_3_container {
  color:black;
  background-color: white;
}

#mCSBap_3_container br {
    display: none;
}

/*The additional menu for module based system - ie link to all sibling pages*/

.page_item {
	list-style:none;
}

.current_page_item a {
	color:black;
  	font-weight:bold;
}

.not-shown {
	display:none;
}

/* This is to hide the text revision notes when there is an image for it since copy and paste didn't bring over the display none property*/

.page-template-page_special2 > #page > #content > .container > .row > #primary >#main > article > .entry-content > .sh-content > div:first-of-type {
	display:none;
}

/*This is to show the menu of all child pages on the top for mobile devices and on the side-bar for desktop */

@media screen and (min-width: 981px) {
  #main > nav { display:none;
  }
}
.content-area .hentry {
	padding-top: 5px;
}


@media screen and (max-width: 980px) {
	#customside1 > nav { display:none;
  }
} 


/*This is to show the front page menu on the left on desktop and bottom for mobile*/

@media screen and (min-width: 601px) {
  #customside3 { display:none;
  }
}

@media screen and (max-width: 600px) {
	#customside2  { display:none;
  }
}

/* Help button to show that what user can search for on front page  */

#k1-link-14, #k1-content-14 {
  	padding-left:20%;
	text-align: left;
  	color:white;
  	font-size: 15px;
}
#k1-content-14 {
	background-color: black;
}
#k1-toggle-14 {
	background-color: #ffe6ff;
}

#k1-link-14 A {
	color:black;
  	font-size: 15px;
}

#k1-link-14 {
	color:black;
  	background-color: white;
}

/* video not playing properly button on each page */
#invisibleslashes {
	color:white;
}

.testtest123-link A {
	font-size:15px;
	color:black;  	
}

/* change the background color of the main title on the front page slider*/

.maintitle, .subtitle {
	background-color:rgba(0,0,0,0.8);
}

/* menu bar */
#menubar ul, #menubar li{
  float:right;
}
#menubar {
	float:left;
}

h1.title-post {
	clear:both;
}

#menubar > li > ul > li > ul > li > a {
	pointer-events: none; !important
}

#menubar {
    font-size:80%;
}

ul.children {
	-webkit-padding-start: 5px;
}

#menubar a {
	color:black;
}

#menubar a:hover {
	color:red;
}

#primary .parent-link {
	display:none;
}

#primary ul {
	clear:both;
}

/* appearance of buttons on the front page slider show hide */

#k1-content-14 {
    background-color: rgba(255,255,255,0);
}

#button1, #button2, #button3, #button4 {
	text-transform: lowercase;
  	padding: 10px;
}

/* videotiming for each node */
.single .entry-header, .page .entry-header {
    margin-bottom: 0px;
}

/* To make the words form dissappear inside the speccontent class for ocr */

#speccontent > div {
  display: none;
}



/*http://learnah.org/wp-content/uploads/cfdb7_uploads/1522374287-learnahfronpagebg2.jpg http://learnah.org/wp-content/uploads/cfdb7_uploads/1520205627-NotQuestion.jpg
http://learnah.org/wp-content/uploads/cfdb7_uploads/1522411899-Screen-Shot-2018-03-30-at-1.png
http://learnah.org/wp-content/uploads/cfdb7_uploads/1523231029-Screen-Shot-2018-04-09-at-12.png
http://learnah.org/wp-content/uploads/cfdb7_uploads/1523234765-Screen-Shot-2018-04-09-at-1.png*/

#picturesearch, #searchbarandall, #iprefertosearch {
	text-align:center;
}
#iprefertosearch {
	background-color: #ffe6ff;
}

#searchbarandall > div {
	margin: auto !important;
}

#k1-link-14 {
	margin:auto;
}

/* change text size of a level chemistry and new spec on front page */

#alevelchemistry {
	font-size: 200%;
  	padding: 20px;
}

#alevelchemistry, #newspec {
	text-align:center;
}

#newspec {
	padding:5px;
}

.radio-988 {
	margin:5px !important; 
  	display:block;
}

.mCustScr {
	margin:auto;
}

.frontpageimage {
  	display:block;
    margin-left: auto;
    margin-right: auto;
}

/* change format of results3 page to just slider without learning materials or specification */

.insert-page > div:not(.rev_slider_wrapper) {
	display:none;
}

/* menu bar */
.menubar ul, .menubar li{
  float:right;
}
.menubar {
	float:left;
}

h1.title-post {
	clear:both;
}

.menubar > li > ul > li > ul > li > a {
	pointer-events: none; !important
}

.menubar {
    font-size:80%;
}

ul.children {
	-webkit-padding-start: 5px;
}

.menubar a {
	color:black;
}

.menubar a:hover {
	color:red;
}
/*change cursor style in results3 */

.onecardwrapper {
    cursor: hand;
}
.onecardwrapper:hover { 
    background-color: white;
}

/*
.onecard:hover, #onecard0:hover {
	background-color: #ffdab3 !important;
}
*/
#onecard0 {
	/*background-color:#ffff99 !important;*/
}

.menubar {
	pointer-events: none;
}

.onecard h2 {
	font-size: 22px;
  	margin: 8px;
}

.onecard ul {
	margin:0px;
}

/* change color of slim status */
/*
.slim-status {
	color:white;
}

mark {
	background-color: yellow;
}

.slim, .slim-area, .slim-status {
	background-color: white !important;
  	height:50px !important;
}

#wpcf7-f7009-o1 > form > p {
	margin: 0px;
}

*/
/* change background of slim image edit from text */
/*http://learnah.org/wp-content/uploads/cfdb7_uploads/1523235287-Screen-Shot-2018-04-09-at-1.png */

.slim-status {
  background: #ffffff url(//learnah.org/wp-content/uploads/cfdb7_uploads/1532451318-Screen-Shot-2018-07-24-at-5.png) no-repeat top center; 
  color: white;
  min-height:199px;
} 

.sh-hide > a >#howtouse-toggle-14 {
	font-size: 15px;
  	color:white;
  	background-color: grey;
  	border-radius:90%;
  	transform: scale(2,0.6);
  	display:inline-block;
}

.sh-show > a > #howtouse-toggle-14 {
	font-size: 15px;
	color:black;
  	border-color:lightgrey;
}

.wpcf7-radio > .first {
	margin:0;
}

/* side bar for question pages */

.sidebarmaintitle {
	font-size:130%;
  	text-align:left;
  	color: black;
}

.onesmallcard {
	border-style: solid;
    border-color: white;
}

#customside4 > nav > div > a {
	color: black;
}

#customside4 > nav > div > a > b {
	text-decoration: underline solid orange;
  
}

/* sidebar shift to bottom on mobile */

@media screen and (max-width: 980px) {
	#customside4 > nav > div:first-of-type { 
    	font-size:150%;
  }
}

/* disbale mobile hamburger menu so that the desktop one shows instead */
/*
now only hides the entire menu - try to just insert the menu insider by calling the menu in the template folder?
@media only screen and (max-width: 1024px) {
.site-header {
    display: none !important;
}
}
*/

@media only screen and (max-width:1024px){
  
   
  .btn-menu{
    display: none !important; 
  }
  
  #mainnav{
    display: block !important;
  }
  
  
}


@media only screen and (max-width:767px){
  
  #mainnav{
    float: none !important;
  }
  
  #mainnav .menu{
    display: table;
    margin-left: auto;
    margin-right: auto;    
  }
  
}  

header .col-xs-12 {
	width:50%;
}

#sidebar-footer {
	padding:10px;
}


/* this is to show advice to turn screen in landscape when on the learn tab of results3 */


@media screen and (min-width: 1010px) {
  #changetolandscape {
    display:none;
  }
}