@charset "UTF-8";
/*
Theme Name: 	NP Bootstrap
Description: 	Bootstrap framework base theme for WordPress by Kitten Lane
Author: 		Nikki Phillis
Author URI: 	https://www.nikkiphillis.com.au
Version:        1.0
Tags: 			responsive, bootstrap
*/ 
@import url('bootstrap/css/bootstrap.min.css');
/*-------------------------------
/* https://github.com/necolas/normalize.css */
/*-------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;}
body, button, input, select, textarea {font-family: sans-serif;}
a {outline: 0;}
h1 {font-size: 2em;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote, blockquote p {margin: 0; padding: 0;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
small {font-size: 75%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ul, ol {margin: 0; padding: 0;}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; *margin-left: -7px;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
/*-------------------------------
Icons
-------------------------------*/
	i, ul li:before {
		font-family: 'FontAwesome';
		font-style: normal;
		/*font-size: 1.1em;	
		width: 28px;
		height: 29px;
		line-height: 29px;
		text-align: center;
		margin: 0 4px;
		color: #fff;
		background-color: #9cd4c7;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		display: inline-block;	*/
	}
	
	/*.icon:before {
	  font-family: 'Glyphicons Halflings';
	  font-style: normal;
	  line-height: 1;
	}
	
	.icon-search:before { 
	  content: "\e003"; 
	 }*/
	
	.module i {
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;	
		color: #fff;
		width: 66px;
		height: 66px;
		line-height: 66px;
		text-align: center;
		display: block;
		position: absolute;
		top: 120px;
		left: 50%;
		margin-left: -33px;
		font-size: 1.6em;
	}
	
	.language .fa-lessonbuzz:before {
		content: '\f0e5';
	}
	
	.comprehension .fa-lessonbuzz:before {
		content: '\f085';
	}
	
	.writing .fa-lessonbuzz:before {
		content: '\f040';
	}
	
	.school-literacy .fa-lessonbuzz:before {
		content: '\f040';
	}	
	
	.spelling .fa-lessonbuzz:before {
		content: '\f031';
	}
	
	section ul li:before {
		content: '\f00c';
	}
/*-------------------------------
Animations
-------------------------------*/
	a {
		-webkit-transition: all 200ms ease-out;
    	-moz-transition: all 200ms ease-out;
    	-o-transition: all 200ms ease-out;
    	transition: all 200ms ease-out;	
	}
	
	img, h3 {
		-webkit-transition: opacity 200ms ease-out;
    	-moz-transition: opacity 200ms ease-out;
    	-o-transition: opacity 200ms ease-out;
    	transition: opacity 200ms ease-out;	
	}
/*-------------------------------
General Page Layout
-------------------------------*/
	body {
		font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif;
		color: #38362d;	
		font-size: 14px;
	}
	
	#header {
		margin: 0 auto;
		text-align: center;
		/*border-bottom: 2px dashed #e9e9e8;*/
		height: 196px;
		margin-bottom: 40px;
		padding-top: 76px;
	}
	
	.logo {
		background: url(assets/images/logo_tagline.png) center center no-repeat;
		background-size: 305px 96px;
		width: 305px;
		height: 96px;
		/*background-size: 191px 149px;
		width: 191px;
		height: 149px;*/
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		/*margin: 0 auto 15px auto;*/
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	.content .row {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.content.pattern .row {
		padding-top: 35px;
		padding-bottom: 25px;
	}
	
	.page-id-339 .content .row {
	  padding-top: 40px;
	  padding-bottom: 60px;
	}
	
	section {
		/*margin: 60px 0 0 0;
		padding: 60px 0;*/
		background-color: #f9f8f4;
		overflow: auto;
	}
	
	section.pattern {		
		background-color: #f3f1eb;
		background-image: url(assets/images/pattern-bg.png);
		background-image: url(assets/images/pattern-bg.png), -moz-linear-gradient(-45deg, #f3f1eb 0%, #e3e1d5 100%);
		background-image: url(assets/images/pattern-bg.png), -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f3f1eb), color-stop(100%,#e3e1d5));
		background-image: url(assets/images/pattern-bg.png), -webkit-linear-gradient(-45deg, #f3f1eb 0%,#e3e1d5 100%);
		background-image: url(assets/images/pattern-bg.png), -o-linear-gradient(-45deg, #f3f1eb 0%,#e3e1d5 100%);
		background-image: url(assets/images/pattern-bg.png),-ms-linear-gradient(-45deg, #f3f1eb 0%,#e3e1d5 100%);
		background-image: url(assets/images/pattern-bg.png),  linear-gradient(135deg, #f3f1eb 0%,#e3e1d5 100%);
	}
	
	section.no-bg {
		background-color: #fff;	
	}
	
	section.modules {
		padding-bottom: 85px;
	}
	
	section#feature-text {
		background: #6db0b9	url(assets/images/pattern-bg-lighter.png);
		color: #fff;
	}
	
	/* modules */
	.modules {
		/*overflow: auto;*/
	}
	
	.module {
		background: #fff;
		-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.1);
		min-height: 314px;
		margin: 15px 0;
		position: relative;
		display: block !important;
		color: #38362d;
		text-decoration: none !important;
	}
	
	.page-template-template-kindy .module {min-height: 418px; padding-bottom: 35px;}
	.page-template-template-literacy .module {min-height: 408px;}
	.page-template-template-school .module {min-height: 480px;}
	
	.module .hover {
		display: block;
		position: relative;
		background-color: #ececec;
		zoom: 1;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.module:hover .hover {
		background-color: #000;
		filter: alpha(opacity=90);
		opacity: 0.9;
	}
	
	.module img {
		width: 100%;
		max-width: 100%;
		height: auto;
		-webkit-backface-visibility: hidden;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.module:hover img {
		filter: alpha(opacity=35);
		opacity: 0.35;
	}
	
	.module h3 {
		font-family: 'Muli', Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size: 1.143em;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		zoom: 1;
		filter: alpha(opacity=0);
		opacity: 0;
	}
	
	.module:hover h3 {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.module h3 span {
		display: block;
		border: 3px solid #fff;
		padding: 10px;
		margin: 18px;
	}
	
	.module h4 {
		padding: 32px 18px 0 18px;
		letter-spacing: -1px;
		color: #38362d;
		border-top: 8px solid;
	}
	
	.module p {
		font-size: 0.857em;
		font-weight: 300;
		padding: 0 18px 4px 18px;
		color: #38362d;
	}
	
	.module:hover h4,
	.module:hover p {
		color: #fff !important;	
	}
	
	.module .level,
	.module .component {
		color: #fff;
		font-size: 10px;
		line-height: normal;
		/*font-weight: bold;*/
		padding: 1px 5px 2px 5px;
		margin-right: 4px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;	
		float: left;
	}
	
	.module .read-more {
		font-size: 10px;
		line-height: normal;
		color: #777;
	}
	
	.module:hover .read-more {
		font-weight: normal;
		color: #fff !important;
	}
	
	.module .level {
		float: right;
	}
	
	.module .component {
		background-color: #aaa;
	}
	
	.module .module-meta {
		padding-bottom: 6px;
		width: 100%;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
  /* LEVEL COLOURS */	
	/* kindy */
	.kindy i,
	.kindy .level {
		background-color: #efbe63;	
	}
	
	.kindy:hover .level {
		background-color: #ddb66d;	
	}
	
	.module.kindy:hover {
		background-color: #f8cc7a;
		color: #fff;
	}
	
	.kindy:hover .read-more {
		color: #efbe63;	
	}
	
	.kindy h4 {
		border-color: #efbe63;	
	}
	
	/* schools */
	.schools i,
	.schools .level {
		background-color: #6db9ac;	
	}
	
	.schools:hover .level {
		background-color: #6db9ac;	
	}
	
	.module.schools:hover {
		background-color: #83CEC1;
		color: #fff;
	}
	
	.schools:hover .read-more {
		color: #6db9ac;	
	}
	
	.schools h4 {
		border-color: #6db9ac;	
	}
		
	/* blue */
	.blue i,
	.blue .level {
		background-color: #598ca6;	
	}
	
	.blue:hover .level {
		background-color: #567b8e;	
	}
	
	.module.blue:hover {
		background-color: #6f9fb8;
		color: #fff;
	}
	
	.blue:hover .read-more {
		color: #598ca6;
	}
	
	.module.blue h4 {
		border-color: #598ca6;	
	}
	
	/* red */
	.red i,
	.red .level {
		background-color: #c94665;	
	}
	
	.red:hover .level {
		background-color: #8b3a4d;	
	}
	
	.module.red:hover {
		background-color: #d45674;
		color: #fff;
	}
	
	.red:hover .read-more {
		color: #b14a63;
	}
	
	.module.red h4 {
		border-color: #c94665;	
	}
	
	/* yellow */
	.yellow i,
	.yellow .level {
		background-color: #f0cc55;	
	}
	
	.yellow:hover .level {
		background-color: #b49b48;	
	}
	
	.module.yellow:hover {
		background-color: #dfbd4f;
		color: #fff;
	}
	
	.yellow:hover .read-more {
		color: #f0cc55;
	}
	
	.module.yellow h4 {
		border-color: #f0cc55;	
	}
	
	/* green */
	.green i,
	.green .level {
		background-color: #59a67b;	
	}
	
	.green:hover .level {
		background-color: #5c9274;	
	}
	
	.module.green:hover {
		background-color: #76b693;
		color: #fff;
	}
	
	.green:hover .read-more {
		color: #59a67b;	
	}
	
	.module.green h4 {
		border-color: #59a67b;		
	}
	
	/* purple */
	.purple i,
	.purple .level {
		background-color: #9969a3;	
	}
	
	.purple:hover .level {
		background-color: #7f6285;	
	}
	
	.module.purple:hover {
		background-color: #ad83b6;
		color: #fff;
	}
	
	.purple:hover .read-more {
		color: #9969a3;
	}
	
	.module.purple h4 {
		border-color: #9969a3;	
	}
	
	/* orange */
	.orange i,
	.orange .level {
		background-color: #f3865b;	
	}
	
	.orange:hover .level {
		background-color: #d07855;	
	}
	
	.module.orange:hover {
		background-color: #fea480;
		color: #fff;
	}
	
	.orange:hover .read-more {
		color: #f3865b;	
	}
	
	.module.orange h4 {
		border-color: #f3865b;
	}
	
	/* hex */
	.hex-item {
	  width: 164px;
	  margin: auto;
	  /*margin-top: -10px;*/
	}
	
	.hex {
	  width: 164px;
	  height: 200px;
	  overflow: hidden;
	  visibility: hidden;
	  transform: rotate(120deg);
	  cursor: pointer;
	}
	
	.hex-in1 {
	  overflow: hidden;
	  width: 100%;
	  height: 100%;
	  transform: rotate(-60deg);
	}
	
	.hex-in2 {
	  width: 100%;
	  height: 100%;
	  visibility: visible;
	  transform: rotate(-60deg);  
	  background: #faf6f3;
	}
	
	.hex-in2:hover {
	  background: #faf7f4;
	}
	
	.hex i {
		line-height: 200px;
		font-size: 5em;
		color: #efbe62;
	}
	
	.item2 .hex i {color: #b8cc8f;}
	.item3 .hex i {color: #6db9ac;}
	.item4 .hex i {color: #6db0b9;}
	.item5 .hex i {color: #8a959e;}
	
	.filter {
		margin: 0 15px 20px 15px;
		padding-bottom: 30px;
		border-bottom: 1px solid #e1e0dc;
	}
	
	.filter li {
		font-family: Muli, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		display: inline-block;
		list-style: none;
		margin: 0 8px 0 0;
		padding: 0;
		line-height: 38px;
		color: #666563;
	}
	
	.filter li:before {
		content: normal;
	}
	.filter li a {
		border: 1px solid #d1d0cb;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		height: 38px;
		width: 38px;
		display: block;
		text-align: center;
		color: #666563;
	}
	
	.filter li a:hover,
	.filter li.current a {
		border-color: #efbe63;
		background-color: #efbe63;
		color: #fff;
	}
	
	.module.hidethis {display: none !important;}
	
/*-------------------------------
Header
-------------------------------*/
	.page-id-339 .page-banner {
		display: none;	
	}
	
/*-------------------------------
Main Menu
-------------------------------*/
	/* navigation */
	/*.navbar-inverse {
		background-color: #38362d;
	}
	
	.navbar-default {
		background-color: #ceccc8;
		border-color: #c3c1bd;	
	}*/
	
	
	  
/*-------------------------------
Main Content
-------------------------------*/
	
/*-------------------------------
Featured Image
-------------------------------*/
	
/*-------------------------------
Footer
-------------------------------*/
	footer {
		background-color: #858583;
		color: #605f5c;
		font-family: Muli, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 12px;	
		text-align: center;
		padding: 15px 0 25px 0;
		border-top: 1px solid #7c7c7c;
	}
	footer .text {
		display: inline-block;
		vertical-align: top;	
		padding-top: 14px;
	}
	footer .bee {
		display: inline-block;
		width: 56px;
		height: 57px;
		background: url(assets/images/footer-bee.png);
		margin: 0 8px;
	}
	footer-sidebar {
background-color: #858583;
		color: #605f5c;
		font-family: Muli, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 12px;	
		text-align: center;
		padding: 15px 0 25px 0;
		border-top: 1px solid #7c7c7c;
	}
/*-------------------------------
Content Styles
-------------------------------*/
	h1, h2, h3, h4, h5, h6 {}
	
	h1 {}
	h2 {font-size: 2.143em; padding: 0.667em 0;}
	h3 {font-size: 1.714em; padding-top: 0.8em;}
	h4 {font-size: 1.333em; padding-top: 0.667em; font-weight: 500;}
	h5 {font-size: 1em;}
	h6 {font-size: 1em;}
	
	/* typography */
	header h1 {
		text-align: center;
		margin: 0 auto;
		padding: 0.8em 0 0.5em 0;
		font-size: 3.571em;
		font-weight: 400;
		letter-spacing: -1px;
	}
	
	.home header h1 {
		font-size: 3.4em;
		line-height: 1.3em;	
	}
	
	.page-id-339 header h1 {
		padding: 0;	
	}
	
	.content header h1 {
		padding-top: 0;	
	}
	
	.module h4 {
		font-family: 'Muli', Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 1.286em;	
	}
	
	.lead {
		font-weight: 300;
		font-size: 1.333em;
	}
	.lbapp { 
		text-align: justify;
	}
	.home .pattern .lead {
		font-weight: normal;
		font-size: 1.5em;	
	}
	
	small, .small {
		font-size: 12px;
	}
	
	mark {background: none; color: #38362D;}
	
	blockquote {	}
	
	a, a:link, a:visited {color: #333; outline: 0 !important; border: 0; text-decoration: none;}
	a:hover, a:active {color: #000; text-decoration: none;}
	
	p {}
	.center-block, .text-center {text-align: center !important;}
	
	/*#content ul {margin: 0; padding: 0;}
	#content ol {margin-left: 12px; padding-left: 12px;}*/
	ul li i, section ul li:before {color: #d7d5cd; margin-right: 5px;}
	
	section ul li {
		list-style: none;
		padding-left: 20px;
		padding-bottom: 0.857em;	
		position: relative;
	}
	
	section ul li:before {
		position: absolute;	
		top: 0;
		left: 0;
		font-size: 14px;
	}
	
	.clear {clear: both;}
	.accent-color {}
	.light-color {}
	
	.circle {
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
	}
	
	.entry table {
		border: 1px #E1E1E1 solid;
		font-size: 1.15em;
		background: #F9F9F9;
		border-collapse: collapse;
		margin: 0 0 20px 0;
	}
	
	.entry table th {
		padding: 10px;
		background: #FF9900;
		color: #fff;
		text-align: center;
		font-weight: normal;
		font-size: 1.1em;
		border-right: 1px #E1E1E1 solid; 
	}
	
	.entry table tr {
	
		}
	
	.entry table td {
		padding: 5px;
		border-bottom: 1px #E1E1E1 solid;
		border-right: 1px #E1E1E1 solid; 
	}
	
	.entry table caption {
		margin: 0 0 10px 0;
		font-size: .8em;
		font-style: italic;
	}
	
	.entry iframe {margin-bottom: 15px;}
	
	.well {
		min-height: 20px;
		background-color: #fff;
		padding: 8px;
		/*margin-bottom: 20px;*/
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.15);
		-moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.15);
		box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.15);
	}
	
	.well>div {
		border: 1px dashed #eee;
		padding: 30px 52px 26px 52px;
		position: relative;
	}
	
	.home .well>div {
		min-height: 502px;
		padding: 30px 52px 60px 52px;
	}
	
	.home .well p {
		text-align: justify;
	}
	
	.well p.well-btns {
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0 9.77% 45px 9.77%;
		width: 80.46%;
		/*kl-ll--*/text-align: center;
	}
	
	.circle-item i {
    		color: #fff;
    		display: block;
    		font-size: 59px;
    		line-height: 160px;
    		text-align: center;
		cursor: pointer;
	}
	.circle-item {
    		background: #D7D5CD;
    		height: 100%;
    		width: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		margin: 15px 0;
	}
	.social li {
    		display: inline-block;
    		/*height: 28px;*/
    		margin: 0 2px;
    		width: 28px;
	}
	.social .circle i {
		background-color: #A9A8A5;
    		color: #fff;
   		font-size: 14px;
    		height: 100%;
    		line-height: 29px;
    		width: 100%;
		border-radius: 100%;
	}
	.social .circle i:hover{
		background-color:#4a4946;
	}
	.social li > i {
    		display: none;
	}
/*-------------------------------
Buttons
-------------------------------*/	
	.btn, .btn-default, .gform_button, #commentform input#submit {
		background-color: #efbe63;
		color: #fff;
		font-family: 'Muli', Helvetica Neue, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: center;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.btn:hover, .gform_button:hover, #commentform input#submit:hover {
		background-color: #fff !important;
		border-color: #fff !important;
		color: #efbe63;
	}
	
	.call-to-action .btn {
		border: 1px dashed #f4d39c;
   		box-shadow: 0 0 0 4px #efbe63;
		color: #fff;
		display: block;
 		padding: 30px 0;
		margin: 30px 0 25px 0;
	}
	
	.call-to-action .btn:hover {
		color: #efbe63;
	}
	.call-to-action .btn.teachers-btn {
		background-color: #6db9ac;
		border: 1px dashed #91c8be;
   		box-shadow: 0 0 0 4px #6db9ac;
	}
	
	.call-to-action .teachers-btn.btn:hover {
		color: #6db9ac;
	}
	
	.call-to-action .btn.learning-btn {
		background-color: #6dafb9;
		border: 1px dashed #91c1c8;
   		box-shadow: 0 0 0 4px #6dafb9;
	}
	
	.call-to-action .learning-btn.btn:hover {
		color: #6dafb9;
	}
	
	.well .btn {
		line-height: 45px;
		padding: 0 22px;
		color: #fff;
		letter-spacing: normal;
	}
	
	.well .btn, .gform_button {
		line-height: 41px;
		padding: 0 18px;
		color: #fff;
		letter-spacing: normal;
		border: 2px solid #efbe63;
	}
	
	.well .btn.btn-more {
		margin-right: 8px;
		/*kl-ll--*/padding: 1px 18px;
	}
	
	.well .btn.btn-download {
		background-color: #38362d;
		border: 2px solid #38362d;
	}
	/*kl-ll--*/.well .btn.btn-download-new {
		background-color: #050708;
		border: none;
		padding:0;
	}
	.well .btn:hover, .gform_button:hover {
		background-color: #fff;
		border: 2px solid #efbe63 !important;
		color: #efbe63;
	}
	
	.well .btn.btn-download:hover {
		background-color: #fff;
		border: 2px solid #38362d !important;
		color: #38362d;
	}
	/*kl-ll--*/.well .btn.btn-download-new:hover {
    		background-color: #050708!important;
    		border: medium none !important;
    		color: #38362d;
	}
	/*kl-ll--*/.well .btn.btn-download-new img {
    		margin: 0 auto;
	}
	
/*-------------------------------
Images
-------------------------------*/
	img {
		max-width: 100%;
		height: auto;
		-ms-interpolation-mode: bicubic;
		image-rendering: optimizeQuality;
		_width: 100%;
	}
	
	img.aligncenter, .aligncenter img {
		display: block;
		clear: both;
		margin: 0 auto 20px auto;
		text-align: center;
		}
	
	img.alignright, .alignright img {
		margin: 5px 0 20px 20px;
		}
	
	img.alignleft, .alignleft img {
		margin: 5px 20px 20px 0;
		}
	
	.wp-caption img {
		margin-bottom: 0;
		}
	
	.alignright {float: right;}
	.alignleft {float: left;}
	
	dd.wp-caption-dd, p.wp-caption-text, .wp-caption {
		background: #F2F1ED;
		padding: 5px 10px;
		margin: 0 10px 20px 0;
		font-size: .87em;
		line-height: 130%;
	}
	
	body.single p.wp-caption-text {margin-bottom: 0;}
/*-------------------------------
Panels
-------------------------------*/
	.panel-group {
		border-top: 1px solid #efede4;
		margin-bottom: 30px;
	}
	
	.panel-group .panel {
		padding: 10px 0;
		border-bottom: 1px solid #efede4 !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0 !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.panel-title:before {
		content: "+";
		color: #e3990d;	
		padding-right: 3px;
	}
	
	.panel-title {
		font-size: 1em;
	}
	
	.panel-body {
		padding: 4px 14px 2px 14px;
		color: #7e7c71;
	}
	
/*-------------------------------
Forms
-------------------------------*/
	.gform_wrapper {
		padding: 0 15px;
		margin: 0 auto !important;
		max-width: 600px !important;
	}
	
	.gfield {
		margin-bottom: 10px;
	}
	
	.gform_wrapper .top_label .gfield_label {
		margin: 0.625em 0 0.1em 0 !important;
		font-weight: normal !important;
	}
	
	input[type="text"], input[type="email"] {
		line-height: 35px;	
	}
	
	input[type="text"], input[type="email"], textarea {
		border: 1px solid #f9f8f4 !important;	
		width: 99.2% !important;
		background-color: #f9f8f4;
	}
	
	.gform_button {
		border: 2px solid;
	}
	
	
/*-------------------------------
Shortcodes
-------------------------------*/
	.divider {
		height: 2px;
		background: url(images/heading-bg.gif) center center no-repeat;
		margin-bottom: 20px;
		padding-bottom: 18px;
	}
	
	.one-half { width:44.5%; position:relative; margin-right:5%; float:left; text-align: left;}
	.last-col { margin-right:0 !important; width: 48% !important; clear:right; text-align: left; float: right;}
	.clearbothcols {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
/*-------------------------------
Blog
-------------------------------*/
	h3.post-title {
    	font-size: 2.571em;
    	padding-top: 0;
		padding-bottom: 0.2em;
		width: 90%;
	}
	
	.page-template-template-blog h3.post-title,
	.blog h3.post-title,
	.single-post h3.post-title {
		padding-bottom: 20px;
	}
	
	.page-template-template-blog p.post-comments,
	.blog p.post-comments,
	.single-post p.post-comments {
		padding-bottom: 12px;
		border-bottom: 1px solid #eee;
		color: #888;
		margin-top: 0;
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	
	.page-template-template-blog p.post-comments a,
	.blog p.post-comments a,
	.single-post p.post-comments a  {
		color: #999;
	}
	
	.blog-widget > li {
    	list-style-type: none;
	}
	.blog-widget ul li {
    	border-bottom: 1px solid #ddd;
    	display: block;
    	font-size: 0.9em;
    	margin-bottom: 0.7em;
    	padding-bottom: 0.5em;
    	padding-left: 0;
	}
	.blog-widget ul li::before {
    	display: none;
	}
	.blog-widget li > ul {
    	padding-top: 8px;
	}
	
	.page-template-template-blog .press img,
	.blog .press img,
	.single-post .press img {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	img.wp-post-image {
		margin-bottom: 20px;
	}
	
/*-------------------------------
FlexSlider
-------------------------------*/
	/*
	 * jQuery FlexSlider v2.0
	 * https://www.woothemes.com/flexslider/
	 *
	 * Copyright 2012 WooThemes
	 * Free to use under the GPLv2 license.
	 * https://www.gnu.org/licenses/gpl-2.0.html
	 *
	 * Contributing author: Tyler Smith (@mbmufffin)
	 */
	 
	/* Browser Resets */
	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
	
	/* FlexSlider Necessary Styles
	*********************************/ 
	.flexslider {}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}
	
	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .slides {display: block;} 
	* html .slides {height: 1%;}
	
	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}
	
	
	/* FlexSlider Default Theme
	*********************************/
	.flexslider {/*margin: 0 0 46px 0;*/ margin: 0 0 3.333% 0; /*padding-top: 4.347%;*/ padding-top: 60px; position: relative; zoom: 1;}
	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1; /* BS-TG change ->  margin-top: -160px;*/ }
	.flexslider ul, .flexslider li {margin: 0; padding: 0; overflow: hidden;}
	.flexslider .slides li:before {content: normal;}
	.carousel li {margin-right: 5px}
	/*.flexslider .slides img {margin-top: -9.4%;}*/
	
	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a {width: 37px; height: 75px; margin: 0; display: block; background: url(images/slider-btns.png) no-repeat 0 0; position: absolute; bottom: 40px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: -37px; }
	.flex-direction-nav .flex-prev {left: -37px;}
	.flexslider:hover .flex-next {opacity: 0.8; right: 0;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 0;}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
	.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
	
	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -75px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-nav li:before {content: normal;}
	.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.flex-control-paging li a:hover { background: #f9c031; /*background: rgba(0,0,0,0.7); */}
	.flex-control-paging li a.flex-active { background: #f9c031; /*background: rgba(0,0,0,0.9);*/ cursor: default; }
	
	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
	
	/* Home Animation */
	.home .flexslider.hidden-xs ul.slides {position: relative !important; padding-bottom: 54% !important;}
	.home .flexslider.hidden-xs ul.slides li {position: absolute !important; top: 0; left: 0 !important;}
	
	@media screen and (max-width: 860px) {
	  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
	  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
	}
/*-------------------------------
FlexSlider Home Page
-------------------------------*/
	.home .page-banner {
		background-size: contain;	
	}
	
	.home .ipad-content, .home.ipad-content {
		width: 38%;
		margin: 0 auto;	
	}
	
	.home .flexslider {
		padding: 15.5% 0 16.5% 0;
		margin-bottom: 0;
	}
	
	.home .slides {
	
	}
	
	.home .flexslider .slides img {
		width: 100%; 
	}
	
	.home .flex-control-nav { 
		bottom: 9%; 
	}
/*-------------------------------
New Demo Page
-------------------------------*/
	.demo-video-holder {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.demo-video-holder iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.demoslider-bg {
    		background: rgba(0, 0, 0, 0) url("https://lessonbuzz.com.au/wp-content/themes/np-bootstrapwp/assets/images/home-banner.jpg") no-repeat scroll 0 0 / contain ;
	}
	.demo-text {
    		padding: 60px 20px;
	}
	.demo-image {
    		margin: 0 auto;
    		max-width: 550px;
	}
	.home.ipad-content .flexslider .img-holder {
    		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
	}
	.home.ipad-content .flexslider img {
    		position: relative;
    		z-index: -2;
	}
/*-------------------------------
FlexSlider Demo Page
-------------------------------*/
	.demoslider .flexslider .slides {
    		max-width: 598px;
	}
	.demoslider {
    		background: url("https://wpdevkit.com/proj/lessonbuzz/wp-content/uploads/2015/03/ipad-s3.png") no-repeat scroll center 0 / 100% rgba(0, 0, 0, 0);
    		margin: 0 auto;
    		max-width: 794px;
    		padding-bottom: 70px;
	}
	.demoslider .flexslider {
    		margin: 0 auto;
    		max-width: 597px;
    		padding-top: 33px;
	}
	.demoslider .flexslider .slides img {
    		margin: 0;
	}
	
	@media only screen and (max-width: 240px) {
		.demoslider .flexslider {
    			padding-top: 10px!important;
    			width: 190px!important;
		}	
	}
	@media only screen and (min-width:300px) and (max-width:320px){
		.demoslider .flexslider {
    			padding-top: 13px!important;
    			/*width: 228px!important;*/
    			width: 240px!important;
		}
		.module i {
    			top: 139px!important;
		}	
	}
	/*---- s5 */
	@media only screen and (min-width:360px) and (max-width:374px){
		.demoslider .flexslider {
    			/*padding-top: 16px!important;*/
			padding-top: 14px!important;
    			/*width: 293px!important;*/
			width:258px!important;
		}	
	}
	/*---- iphone 6 */
	@media only screen and (min-width:375px) and (max-width:413px){
		.demoslider .flexslider {
    			/*padding-top: 20px;*/
			padding-top: 14px;
    			/*width: 371px;*/
			width:270px;	
			}	
	}
	/*---- iphone 6plus */
	@media only screen and (min-width:414px) and (max-width:480px){
		.demoslider .flexslider {
			padding-top: 17px;
			width:300px;
		}	
	}
	/*---- iphone 5 landscape*/
	@media only screen and (min-width:560px) and (max-width:568px){
		.demoslider .flexslider {
			/*max-width: 413px;*/
    			padding-top: 23px;
			max-width: 423px;
		}
	}
	/*---- 7inch tablet*/
	@media only screen and (min-width:600px) and (max-width:630px){
		.demoslider .flexslider {
    			padding-top: 23px;
			max-width: 445px;
		}
	}	
	/*---- iphone 6 landscape*/
	@media only screen and (min-width:640px) and (max-width:667px){
		.demoslider .flexslider {
    			padding-top: 28px!important;
    			width: 489px!important;
		}	
	}
	/*---- iphone 6plus landscape*/
	@media only screen and (min-width:668px) and (max-width:736px){
		.demoslider .flexslider {
			padding-top: 29px;
			width:543px;
		}	
	}
	/*---- ipad*/
	@media only screen and (min-width:768px) and (max-width:1023px){
		.demoslider .flexslider {
    			padding-top: 31px;
    			width: 565px;
		}	
	}
/*-------------------------------
About Us Video
-------------------------------*/
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 
	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* PRESS */
	.content .row.press {
		margin-bottom: 50px;
		padding-top: 10px;
		padding-bottom: 60px;
		border-bottom: 1px solid #eee;
		overflow: hidden;
	}
	
	.press:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}
	
	.press .date {
		text-transform: uppercase;
		/*font-size: 1.2em;*/
		margin: 0 auto 25px auto;
		background-color: #efbe63;
		border-radius: 50%;
		padding: 28px 16px;
		text-align: center;
		color: #fff;
		font-size: 13px;
		width: 90px;
		height: 90px;
	}
	
	.press img {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	}
	
	.sidebar {
		margin-bottom: 60px;
	}
	
	.sidebar h5, .sidebar h3, .widget h3 {
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #efbe63;
		font-size: 16px;
	}
	#sticky-posts-2.widget, .widget.widget_recent_entries {
    		list-style: outside none none;
	}
	.sidebar li {
		list-style: none;
	}
	.upw-posts footer {
    		display: none!important;
	}
	.upw-posts article {
    		border-bottom: 1px solid #ddd;
    		display: block;
    		font-size: 10px;
    		margin-bottom: 0!important;
    		padding-bottom: 0!important;
	}
/*-------------------------------
Comments
-------------------------------*/
	#comments {
    		padding-bottom: 60px;
	}
	.comments-area li::before {
    		content: "";
	}
	.comments-area li {
    		border-bottom: 1px solid #eee;
    		margin-top: 10px !important;
    		padding: 10px;
	}
	#commentform input#submit {
    		border: 2px solid #efbe63;
    		letter-spacing: 0;
    		line-height: 41px;
    		padding: 0 18px;
	}
	#commentform input#submit:hover{
    		border: 2px solid #efbe63!important;
	}
	h3.comments-title {
    		padding-bottom: 5px;
	}
	
/*-------------------------------
Media Queries
-------------------------------*/
	/* Screen ----------- */
		@media (min-width: 768px) {
			.navbar .nav {
				text-align: center;
				width: 100%;
				margin: 0;
			}	
			.navbar .nav > li {
				text-align: center;
				float: none;
				display: inline-block;
			}
			
			.navbar .nav li a {
				font-family: 'Muli', Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 1.071em;	
				text-align: left;
			}
			
			.navbar-inverse .navbar-nav>li>a {
				color: #efeee7;
			}
			
			.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
				color: #fff;
				background-color: #38362d;
			}
			
			.dropdown-menu {
			  padding: 5px 0;
			  margin: 0;
			  -webkit-border-top-left-radius: 0;
			  -moz-border-top-left-radius: 0;
			  border-top-left-radius: 0;
			  -webkit-border-top-right-radius: 0;
			  -moz-border-top-right-radius: 0;
			  border-top-right-radius: 0;
			}
			
			.dropdown-menu>.active>a {
				color: #333;
				background: none;
			}
			
			.dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
				color: #333;
				background-color: #f5f5f5;
			}
			
			.navbar .nav li li a,
			.dropdown-menu>li>a {
				font-size: 1em;
				padding: 5px 18px 5px 10px;
			}
			
			.navbar .nav > li > .dropdown-menu:after {
				display: none;	
			}
		}
		
		@media 
		only screen and (min-width:800px) and (max-width: 1199px) {
			.well.well-lg .btn {
    				margin: 5px 0;
    				width: 100%;
			}
		}
		@media 
		only screen and (max-width: 1199px) {	
			.page-template-template-kindy .module {min-height: 450px;}
			.page-template-template-literacy .module {min-height: 440px;}
			
			.module i {
				top: 135px;
			}
			
			.module p {
				padding: 0 18px 18px 18px;
			}
			
			.home header h1 br:last-child {
				display: none;
			}
			h1 {3.1em}
			h2 {font-size: 1.875em; padding: 0.500em 0;}
			.home header h1 {font-size: 2.7em;line-height: 1.3em;}
			header h1 {font-size: 3.1em;}
			.content .row { padding-bottom: 35px; padding-top: 35px;}
			section.modules { padding-bottom: 50px;}
			hr { margin-bottom: 5px;margin-top: 5px;}
		}
		
		@media 
		only screen and (max-width: 991px) {
			
			h1 {2.3em}
			h2 {font-size: 1.563em; padding: 0.400em 0;}
			.home header h1 {font-size: 2.2em;line-height: 1.2em;}
			header h1 {font-size: 2.8em; padding-bottom: 10px;line-height: 1.1em;}
			.home header h1 {font-size: 2.5em;line-height: 1.2em;}	
			.content.pattern .row {padding-top: 25px;padding-bottom: 20px;}
			.home .pattern .lead {font-size: 1.4em;}
			.content .row { padding-bottom: 20px; padding-top: 20px;}
			section.modules { padding-bottom: 40px;}
			
			.page-template-template-kindy .module {min-height: 480px;}
			.page-template-template-literacy .module {min-height: 470px;}
			
			.module i {
				top: 170px;
			}
			
			.home .flexslider {
				margin-bottom: 20px;
			}
			
			.home .flex-control-nav { 
				bottom: 7.5%; 
			}
			
			.home .well>div {
				padding-bottom: 120px;	
			}
			
			.well p.well-btns {
				margin: 0 7.38% 30px 7.38%;
				width: 85.24%;
			}
	
		}
	
	/* iPad ----------- */
		@media 
		only screen and (max-width: 992px),
		only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		
		}
		
		@media 
		only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
		
		}
		
		@media 
		only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
			
		}
	
	/* iPhone ----------- */
		@media 
		only screen and (max-width: 767px),
		only screen and (min-device-width: 320px)  and (max-device-width: 480px), 
		only screen and (min-device-width: 320px)  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
			
			.home .page-banner {
				background: none !important;	
				margin-left: -15px;
				margin-right: -15px;
			}
			
			.home .ipad-content, .home.ipad-content {
				width: 100%;	
			}
			
			.home .flexslider {
				padding: 0;
				margin-bottom: 35px;
			}
			
			.home .flex-control-nav { 
				bottom: -30px; 
			}
			
			.well .btn {
				display: block;
    			margin: 5px 0 !important;
    			padding: 0 8px;
				width: 100%;
			}
			.well > div {
    			padding: 30px 5px 26px;
			}
			.home .well > div {
    			padding: 30px 12px 120px 12px;
			}	
			.well p.well-btns {
				margin: 0 1.7% 14px 1.7%;
				width: 96.6%;
			}
			
			.page-template-template-kindy .module,
			.page-template-template-literacy .module {
				height: auto; 
				min-height: 50px; 
				padding-bottom: 32px;
			}
			
			footer .bee {
				display: none;
			}
			
			footer .text {
				display: block;
			}
			
		}
		
		@media 
		only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (orientation: portrait), 
		only screen and (min-device-width: 320px)  and (max-device-width: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
		}
	
	/* Retina ----------- */
		@media
		only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx) { 
			/*header h1 {background-image: url('images/logo@2x.png'); background-size: 80%; background-position: center center; background-repeat: no-repeat;}*/
		}