/*

	CUSTOM CSS OVERRIDE : used only for view representation (not edit) - MDO 5/8/2014

	Theme Name: Metro Pro Theme
	Theme URI: http://my.studiopress.com/themes/metro/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 2.0.1
 
	Template: genesis
	Template Version: 2.0.0
 
	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* WP page-template background rules removed — not applicable in standalone app */

body {
	/*background-color: #333;*/
	/* color: #222;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300; */
	line-height: 1.3;
	/*font-family: 'Times', serif;*/
	
}


/*
.entry-content ol > li {
    list-style-type: lower-roman;
    font-weight: bold;
} */


/*.entry-content ol > li{
    counter-increment: myIndex;
}*/

/*ol li:before{
    content:"("counter(myIndex, lower-roman)") ";
    font-weight: bold;
}*/


/*ol { counter-reset: item }
ol li { display: block }
ol li:before {
	content: counter(item, lower-roman) ". ";
	counter-increment: item;
	font-weight: bold;
        margin-right: 5px;
	color: red;
}*/

.su-pullquote {
	font-size: 12px;
	background-color: #f4f4f4;
}f

.su-pullquote.su-pullquote-align-right {
	border-left: 5px solid #aaa;
}

/* span.mr-question {
        font-weight: 300;
}

span.mr-marks {
	font-size: 12px;
        font-weight: bold;
	font-style: italic;
}*/


/* CSS Table settings for questions editing after question/worksheet search */
#mr-table {display: table;}
.mr-row {display: table-row;}
.mr-cell {display: table-cell; padding: 10px;}


.worksheetli {
/*   list-style-position: inside; */
	margin-left: 40px;
}

.worksheetli,
.worksheetli .entry-title {
	font-weight: 700;
	font-size: 20px;
}

.worksheetli .entry {
	margin-left: -40px;
}


/*
.entry,
.page.page-template-page_blog-php .entry {
	background: url(images/lines.png) bottom repeat-x;
	background-size: 8px 8px;
	margin-bottom: 48px;
	padding-bottom: 32px;
}
*/

.worksheetli .entry:before {
	/*display:inline;*/
	margin-left: 40px;
}

.worksheetli header,
.worksheetli h1 {
	display:inline-block; /* needed for IE11 */
}

.worksheetli article {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.worksheetli .entry-content {
	font-weight: 300;
	font-size: 16px;
}

.worked-solutions-body {
	border-right: 60px grey solid;
	padding-top: 16px;
}

/* This section below removes the "worked solutions" gap for the first worked solution so it doesn't have space below the length of the vertical worked solutions image */
.worked-solutions-body > ol article:after,
.worked-solutions-body > ol article > .entry-content:after {
	clear: left;
}

/* table definitions for use within a post for alignment, where no borders are required */
.mr-table-basic {
	width: auto;
	line-height: normal;
	margin-bottom: auto;
}

.mr-table-basic tbody {
	border-bottom: none;
}

.mr-table-basic td {
	border: none;
}

/* All preambles are hidden by default; See the print media section in this file for other settings */
.tag-worksheet-preamble {
	display: none;
}


/* This specifies the page settings when printed, but must be specified OUTSIDE of the @media print block
Note: As at 2023-12-06 on osx: this works on firefox, but not on safari, and a margin tag inside @page works on neither. */
/* @page {
		size: 3.5in 5in;
} */


@media print {
	.site-container {
		margin: 2px auto;
		padding: 2px;
	}

	.site-inner {
		padding-top: 2px;
		margin: 2px;
	}
	
	footer,
	.site-header,
	.nav-primary,
	.no-print,
	.pagination {
		display: none !important;
	}
	
	/* overridden metro-pro theme css for printing to allow page-break-before to work, otherwise it does not work see http://stackoverflow.com/questions/4884380/css-page-break-not-working-in-all-browsers */
	.content {
		float:none;
	}
	
	.worked-solutions {
		page-break-before: always;
	}

	/* Added 2015-10-28 by MJD for SmarterMaths: Specifies that the "Questions" heading be at the top of the second page before all the questions, and not at the bottom of the analaysis preamble if there is a preamble */
	/* 	Added 2016-04-21 by MJD for SmarterMaths added worksheet-preamble component type for SmarterMaths v2 */
	.tag-worksheet-preamble, .worksheet-preamble {
		page-break-after: always;	
	}	
	
	.worksheetli {
  		page-break-inside: avoid;
		break-inside: avoid;
  	}
  	
  	.item.worksheetli.isFirst {
	  	page-break-inside: auto;
  	}

}

/* Metro Pro Red Override
--------------------------------------------- */

.metro-pro-red .entry-title a:hover,
.metro-pro-red .genesis-nav-menu > .right > a:hover,
.metro-pro-red .site-footer a:hover,
.metro-pro-red a,
.metro-pro-red h2 a:hover {
	color: #9e0025;
}

.metro-pro-red .archive-pagination li a:hover,
.metro-pro-red .archive-pagination li.active a,
.metro-pro-red .button:hover,
.metro-pro-red .btn:hover,
.metro-pro-red .content .entry-comments-link a,
.metro-pro-red .enews-widget input:hover[type="submit"],
.metro-pro-red .genesis-nav-menu .current-menu-item > a,
.metro-pro-red .genesis-nav-menu a:hover,
.metro-pro-red .sidebar .enews-widget input[type="submit"],
.metro-pro-red .site-title a,
.metro-pro-red a.social-buttons:hover,
.metro-pro-red button:hover,
.metro-pro-red input:hover[type="button"],
.metro-pro-red input:hover[type="reset"],
.metro-pro-red input:hover[type="submit"] {
	background-color: #9e0025;
}


input[type="button"][disabled=disabled],
input[type="button"]:disabled,
input[type="submit"][disabled=disabled],
input[type="submit"]:disabled{
	background-color: lightgrey;
	color: grey;
}


input:hover[type="button"][disabled=disabled],
input:hover[type="button"]:disabled,
input:hover[type="submit"][disabled=disabled],
input:hover[type="submit"]:disabled{
	background-color: lightgrey;
	color: grey;
}

/*
input:hover[type="button"][disabled=disabled]:after,
input:hover[type="button"]:disabled:after
{
	content: 'LOADING MATHS';
}
*/

/* jstree custom stylings (used on build a worksheet page) 
	The default color is for topics and subtopics
*/
.jstree-themeicon {
	color: #ABA111;
}

[data-jstree='{"type":"_g2malgebra"}'] > a > .jstree-themeicon,
[data-jstree='{"type":"_g2mdata"}'] > a > .jstree-themeicon,
[data-jstree='{"type":"_g2mfinancial"}'] > a > .jstree-themeicon,
[data-jstree='{"type":"_g2mmeasurement"}'] > a > .jstree-themeicon,
[data-jstree='{"type":"_g2mprobability"}'] > a > .jstree-themeicon,
[data-jstree='{"type":"strand"}'] > a > .jstree-themeicon {
	color: #009E18;
}

[data-jstree='{"type":"_g2mfocus"}'] > a > .jstree-themeicon {
	color: #9e0025;
}

[data-jstree='{"type":"_curated"}'] > a > .jstree-themeicon {
	color: #EA1749;
}

.ws-tlvl-0 {
	padding-left: 0px;
	font-size: 18px;
	font-weight: 700;
}
.ws-tlvl-1 {
	padding-left: 20px;
	font-size: 16px;
}

.ws-tlvl-1 + .ws-tlvl-2 {
	padding-left: 40px;
}

.ws-tlvl-2, 
.ws-tlvl-3 {
/* 	padding-left: 60px; */
	padding-left: 3px;
	font-size: 14px;
	display: inline;
}

/*
.ws-tlvl-2::before,
.ws-tlvl-3::before {
    content: "- ";
} 
*/


.ws-tlvl-2:not(:last-child)::after,
.ws-tlvl-3:not(:last-child)::after {
    content: "/";
} 

h2 {
	font-weight: 300;
	font-size: 18px;
}

#mr-worksheet-header {
	background-color: #D3DFE9;
	-webkit-print-color-adjust: exact;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid;
	/*border-radius:15px;*/
	/*line-height: 1.1;*/
}

#mr-worksheet-header p {
	margin-bottom: 4px;
}

#mr-worksheet-header address {
	font-size: 14px;
}


.worksheet-h1 {
	font-weight: 700;
	font-size: 24px;
	text-decoration: underline;
	margin: 0 0 16px;
}

.worksheet-desc {
	font-size: 16px;
}

.worksheet-header-title {
	font-size: 16px;
	font-weight: 700;
}

@media only screen {
	.underline-editable {
		/*border-bottom: 1px dotted #ba0000;*/
		/*background-color: #fffdcb;*/
		color: #9e0025;		
	}
}

.worksheet-h2 {
	font-weight: 700;
	font-size: 22px;
	text-decoration: underline;
	margin: 0 0 16px;
}

#worksheet-generation-topic-tree {
	font-size: 19px;
}

.worksheet-copyright {
	page-break-inside: avoid;
	font-size: 12px;
	text-align: center;
	border-top: 1px dashed;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid;	
}

/* Sales page css for use with beaverbuilder pages*/
.sp-h3 {
	font-size: 30px;
	color: #358eb9;
	font-weight: 300; 
}

.sp-big-p, .sp-little-p {
	color: rgb(126, 126, 126);
}

.sp-big-p {
	font-size: 20px;
}

.sp-little-p {
	font-size: 18px;		
}

.entry-content p.rapdata-item, p.rapdata-item {
	font-size: 16px;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 2px;
	font-style: italic;
}

div.rapdata-div .rapdata-item:last-child {
 	margin-bottom: 16px;
}

.hover_dark_bg a:hover {
	color: #ff003d;
}




/* Remove bullet points on the beaverbuilder pricing tables (probably coming from my current theme) Added 2015-10-07 by MJD for SmarterMaths */
ul.fl-pricing-table-features > li {
	list-style-type: none;
}

.fl-pricing-table .fl-pricing-table-features li {
    font-size: 20px;
}