@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/boilerplate/opensans400.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/boilerplate/opensans400italic.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/boilerplate/opensans600.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/boilerplate/opensans700.woff2) format('woff2');
}

body {
	margin:0;
	background-color:#fff;

	color:#111;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 400; /* normal */

	background-image:url('/boilerplate/blueback1.jpg');
	background-repeat: no-repeat;
	background-position:center top;
}

/* dont load background on less than ipad */
@media screen and (max-width:767px) { body {background-image:none; }}


.wrapper {
	min-width:310px;
	max-width:740px; /*min for leaderboard*/

	font-size: 14px;
	line-height: 22px;

	margin:0 auto;
	padding:60px 5px 20px;

background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 725.067 725.067' style='enable-background:new 0 0 725.067 725.067;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F5F5F5;stroke:%23F5F5F5;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M475.168,302.348c-10.472-6.685-12.746-8.455-14.643-11.946c-1.42-2.613-1.958-4.956-2.312-6.551 c-1.513-6.813-0.218-12.463,0.771-16.57c3.236-13.446,4.854-20.169,6.559-24.622c2.335-6.099,8.43-20.992,20.8-39.731 c12.294-18.624,24.715-31.85,32.754-39.691c5.927-5.781,11.426-10.321,12.008-10.8c5.734-4.717,10.96-8.43,15.17-11.22 c5.283-3.17,9.938-5.709,13.669-7.651c1.257-0.654,7.951-4.094,16.955-6.552c2.645-0.722,4.34-1.051,6.166-0.385 c3.685,1.344,5.48,5.782,6.551,10.019c4.612,18.247-0.771,45.471-0.771,45.471c-2.073,10.484-4.442,22.246-9.634,37.764 c-2.896,8.657-6.67,19.776-13.872,33.525c-6.519,12.444-12.605,20.852-19.267,30.057c-2.274,3.142-7.526,10.277-15.414,18.497 c-9.06,9.441-14.128,12.529-19.653,13.487c-4.693,0.814-9.416,0.037-9.634,0c-3.419-0.586-5.95-1.674-8.863-3.083 C486.623,309.52,482.119,306.785,475.168,302.348z'/%3E%3Cpath class='st0' d='M395.92,308.128c2.38-20.375,8.358-45.684,22.494-70.055c11.054-19.058,20.586-26.318,26.83-30.135 c9.926-6.067,19.529-8.312,25.818-9.248c-7.012,10.073-16.811,26.891-21.965,49.71c-3.717,16.457-3.835,30.802-3.083,41.232 c-4.451-1.034-13.927-2.589-25.048,0.771C406.565,294.754,398.546,304.589,395.92,308.128z'/%3E%3Cpath class='st0' d='M511.139,328.937c9.628-4.518,22.96-12.119,36.223-24.662c16.366-15.479,25.526-31.767,30.442-42.388 c3.079,6.265,6.874,16.275,6.52,28.537c-0.14,4.86-1.203,19.472-22.705,47.761c-9.108,11.983-23.357,28.36-44.315,44.7 c1.986-4.532,6.063-15.504,4.004-29.523C519.537,341.3,514.091,332.89,511.139,328.937z'/%3E%3Cpath class='st0' d='M406.325,426.429c2.184-22.222,4.367-44.443,6.551-66.665c0.251-1.646,2.966-17.596,18.111-25.433 c13.787-7.134,27.025-1.931,28.901-1.156c2.473,1.377,13.148,7.679,16.57,20.423c3.607,13.436-2.314,28.574-15.029,37.764 C443.061,403.051,424.693,414.74,406.325,426.429z'/%3E%3Cpath class='st0' d='M219.978,231.762'/%3E%3Cpath class='st0' d='M231.426,261.398c-21.94,78.654,13.025,162.536,83.728,201.9c72.195,40.195,164.021,24.156,218.857-38.684 c-4.574,9.445-35.05,69.74-107.574,90.616c-72.578,20.892-130.484-14.039-139.369-19.607c-13.288-8.33-52.419-35.269-71.009-87.437 C189.807,334.52,225.949,270.703,231.426,261.398z'/%3E%3Cpath class='st0' d='M149.288,233.843c-32.588,113.565,15.638,234.76,114.993,293.046c105.22,61.728,243.291,38.532,324.842-56.702 c-6.352,13.921-48.344,101.972-152.087,134.6c-106.618,33.532-193.544-18.18-206.139-25.966 c-14.881-9.162-87.52-56.021-111.696-151.985C93.886,326.351,140.755,247.633,149.288,233.843z'/%3E%3Cpath class='st0' d='M696.577,227.985c10.46,31.923,16.12,66.019,16.12,101.438c0,179.778-145.739,325.517-325.517,325.517 S61.664,509.201,61.664,329.423S207.403,3.906,387.181,3.906c2.872,0,5.735,0.038,8.589,0.112C384.825,3.017,373.74,2.5,362.534,2.5 C163.693,2.5,2.5,163.693,2.5,362.534s161.193,360.034,360.034,360.034s360.034-161.193,360.034-360.034 C722.567,314.965,713.336,269.553,696.577,227.985z'/%3E%3C/svg%3E") #fff no-repeat fixed center / 725px;

}

.wrapper li {
	margin-bottom:0.5em;
}

.wrapper a { color:#111; }
.wrapper a:hover { text-decoration:none; }


h1, h2, h3 {
	font-weight: 700; /* bold */
	text-transform:uppercase;
}

h1 {	color:#257dbe;
	text-align:center;

	font-size:32px;
	line-height:40px;
}

h2 {	color:#c20a22;

	font-size:26px;
	line-height:32px;
}

h3 {	color:#42ba0c;
	font-size:21px;
}

.resources-h2 {text-align:center;}
.resources-h3 {
	margin-top:2em;	
	
	text-align:left;
	font-size:18px;
	text-transform:none;
}


hr {	border-top: 2px dotted #73c5e1;
	color: transparent;
	margin:2em 0 1em;
	clear:both;
}

.imargin {
	margin-bottom:2em;
}

.imgscale{
	padding:5px;

	border-radius:2px;
	background:#73c5e1;
}

.imgscale, .imgscale-borderless {margin:auto;}

.imgscale img, .imgscale-borderless img, .tableimg {
	width:100%;
	height:auto;
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */

	height: 0;
	max-width:740px; 
	margin:0 auto 0;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fun, .questions, .did-you-know, .warning, .workbooks {
	margin:3em 0 2em;
	padding:1em 2em;
	border-radius:2px;
	color:#fff;
}
.warning {margin:1.5em 0 2em;}

.questions {background: #5bb12f;} /*green*/
.fun {background: #eb65a0;} /*pink*/
.did-you-know {background: #9b539c;} /*purple*/
.warning, .workbooks {background: #fdc700;} /*orange*/
.questions h2, .fun h2, .did-you-know h2, .warning h2, .workbooks h2 {color:#fff;}


.navbar {
	width: 984px;
	position:absolute;
	top:0;

	left:50%;
	margin-left:-492px;

	height:41px;

	display:block;
	text-align:center;
}

.navhome, .navnumber, .navalgebra, 
.navmeasure, .navgeo, .navdata, .navprob
{
	background:#73c5e1;

	display:inline-block;

	width:122px;
	height:29px;
	padding-top:11px;

	text-align:center;
	vertical-align:middle;

	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;

	color:#fff;
	text-decoration:none;

	font-weight:600;
	font-size: 14px;
	line-height: 18px;
}


.navhome {
	width:245px;

	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}

.navprob {
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

.navhome:hover, .navnumber:hover, .navalgebra:hover, 
.navmeasure:hover, .navgeo:hover, .navdata:hover, 
.navprob:hover, #selected {background:#257dbe;}


.toprect, .midrect, .bottomrect {
	text-align:center;

}

.bottomrect {
	margin-top:2.5em;
	padding-bottom:0;
}

/* pagination */
#page {width:100%; margin:1em 0; }
#page td img {  max-width: 80px; height: auto;} 
#page-random {text-align:center;}
#page-right {text-align:right;}

/* quiz divs */
#quiz {
	border: 1px solid #999;
	margin: auto;
}

#quiz-questions {width:100%}
#quiz-questions td {padding-bottom:1em}


.maths-accelerator-top, .maths-accelerator-mid, .maths-accelerator-bottom {width:728px; height:90px;}
@media screen and (max-width:738px) {.maths-accelerator-top, .maths-accelerator-mid, .maths-accelerator-bottom {width:468px; height:60px;}}
@media screen and (max-width:478px) {.maths-accelerator-top, .maths-accelerator-mid, .maths-accelerator-bottom {width:320px; height:50px;}}


/* skyscraper */
.maths-accelerator-sky {position:absolute; width:160px; height:600px; top:60px; left:50%; margin-left:-540px; background-color:#fff; }
@media screen and (min-width:1100px) { .wrapper {min-height:600px; }}


#footer-outer {
	background:#73c5e1;

	min-width:300px;
	max-width: 984px;

	border-top:1px solid #ececec;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	margin: 0 auto;
}

#footer-inner {
	min-width:300px;
	max-width:600px;

	margin:0 auto;
	padding:20px 0;
	color:#fff;

	font-size: 14px;
	line-height: 20px;
}

#footer-inner a { color:#fff; text-decoration:none;}
#footer-inner a:hover { background-color:#257dbe;}

#footer-inner .highlight, #footer-inner .highlight a {background-color:#257dbe; display:inline;}

.footer-left, .footer-right {
	padding-left:5px;
	width:290px;
	display:inline-block;
}

.footer-right {
	padding-top:1.5em;
}

.footer-left p, .footer-right p {
	margin:0.5em 0; /* larger tap targets */
}

.footer-left .chapter, .footer-right .chapter {
	font-weight: 600; /* semi-bold */
}

.footer-left .indent, .footer-right .indent {padding-left:1em;}

@media screen and (max-width:1000px) {
	.wrapper {padding-top:100px;}
	.navbar {
		width:492px;
		margin-left:-246px;
		height:82px;
	}
	.navhome {border-bottom-left-radius:0;}
	.navprob {border-top-right-radius:0;}

	.navalgebra {border-top-right-radius:2px;}
	.navmeasure {border-bottom-left-radius:2px;}
}


@media screen and (max-width:510px) {
	.wrapper {padding-top:180px;}
	.navbar {
		width:246px;
		margin-left:-123px;
		height:164px;
	}
	.navhome {border-bottom-left-radius:0;}
	.navprob {border-top-right-radius:0;}

	.navhome {border-top-right-radius:2px;}
	.navdata {border-bottom-left-radius:2px;}

	.questions, .fun, .did-you-know, .warning, .workbooks {
		margin:1.5em 0 1em;
		padding:.25em .5em;
	}
}


@media print {

.navbar, #footer-outer, .toprect, .midrect, .bottomrect, .maths-accelerator-top, .maths-accelerator-mid, .maths-accelerator-bottom, .maths-accelerator-sky {display:none;}

body, h1, h2, h3 {color:#000;}
hr {border-top: 2px dotted #000;}
.fun, .questions, .did-you-know, .warning, .workbooks {color:#000; border:1px solid #000;}
.fun h2, .questions h2, .did-you-know h2 {color:#000;}

.wrapper, .imgscale, .imgscale-borderless, .tableimg {padding:0; border:0;}

.wrapper:after {
	content:"Printed from xceleratemath.com";
	font-size:20px;
}

} /*@media print*/