@charset "utf-8";
/* CSS Document */

/*
Theme Name:     Kiskadoo School Responsive 2
Description:    Bespoke News delivery theme for Primary Schools 
Author:         Doug Williams
Author URI:     http://kiskadoo.com
Template:       twentyeleven
Version:        0.1.0
*/


html, body {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	background-color:#f3f9fe;
	color:#00356e;
}

h1,h2,h3,h4,h5,h6,h7 {
	font-family: 'Lora', TimesNewRoman, Times New Roman,Times,Baskerville,Georgia,serif;
	font-weight:bold !important;
	font-style:italic;
}

a {
color:#5ca5ff;
}

hr {
	clear:both;
    border: none;
    height: 4px;
	color:#e1e1e1;
	background-color:#e1e1e1;	
}

.pageBody {
	font-size: 16px;
}

.band {
	margin:0px;
	padding:40px 0px;
	clear:both;
	width:100%;
	}
	
#titleBand .container{
	padding: 0px;
}
	
.pageBody {
	padding-top:10px;
}

.pageMain {
	padding-bottom:30px;
}

#topDarkArea {
	display: none;
	position:fixed;
	top:0px;
	width:100%;
	min-height:85px;
	overflow:hidden;
	background-color: rgba(10, 10, 10, 0.4);
	z-index:3;
}


.homePromo {	
	clear:both;
	width: 100%;
	max-width:1140px;
	overflow:hidden;
	margin:50px auto 0px;
	}
	
	
.homePromo img{	
	z-index:10 !important;
}


.homePromoBand{
	position:relative;
	padding:0px !important;
	margin:55px 0px 0px 0px!important;
	text-align:center;
	color:#fff;
}

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
text-align:center;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
margin:-50px auto 0px;
padding:0px;
width:768px;
height:321px;
}


.navbar-brand, .navbar-brand a{
	color:#00356e !important;
	font-family: 'Lora', TimesNewRoman, Times New Roman,Times,Baskerville,Georgia,serif;
}
	

.navbar-brand img {
	height:auto;
	position: relative;
	z-index:1200 !important;
}

	
	
.public ul.nav {
	margin-left: 0px;
	}
	

#navbar {
	text-align:right;
	background-color: rgba(255, 255, 255, 0.9);
}

.navbar {
	margin-bottom:0px;
	}

.darken {
	background-color: rgba(255, 255, 255, 0.9) !IMPORTANT;
}

.navBundle {
	position:relative;
	z-index:50;
}

.navbar-default .navbar-nav > li > a {
	font-weight:400 !IMPORTANT;
	color:#00356e;
}

.navbar-default {
	background-color:transparent;
	border: none;
	z-index:1000;
	border-radius:0px;
}

.navbar-linearLinks {
  background-color:#00356e;
  margin-bottom:0px !important;
  padding-left:0px;
  border-radius:0px;
  min-height: 10px !important;
  max-height:46px !important;
  border-top:#00356e 4px solid ;
  border-bottom:#00356e 4px solid ;
 }
 
 .navbar-linearLinks ul{
	 margin-left:360px;
 }
 
.linksBand {  
	padding-top:0px;
	padding-bottom:0px;
	position:absolute;
  	top:0px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;    
    transition: all 0.2s ease-out;
	/*z-index:9000; */
}
 
.linksBand.activeSub {
	  top:48px;
}


.navbar-linearLinks .navbar-nav > li > a, .chooseText
{
	color:#fff;
	padding:4px 10px;
	font-weight:400;
	line-height: 24px;
	margin-right:0px;
}

.chooseText {
	padding:4px 5px;
    color: #fff !important;
    background-color:#00356e;
	text-transform:uppercase;
	text-align:center;
	  transition: all 1s;
	  -moz-transition: all 1s; /* Firefox 4 */
	  -webkit-transition: all 1s; /* Safari and Chrome */
	  -o-transition: all 1s; /* Opera */
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
  color: #fff;
  background-color:#4ec3dd!important;
}

.navbar-linearLinks .navbar-nav > li > a:hover, .navbar-linearLinks .navbar-nav > li > a:focus
{
  color:#00356e;
  background-color:#4ec3dd;
}


.navbar-adminBarSpacer {
	top: 46px !important;
}


.page-template-public-page .navbar-adminBarSpacer,
.page-template-home-page .navbar-adminBarSpacer,
.page-template-aboutMenu .navbar-adminBarSpacer {
	top: 46px !important;
}

.public .current_page {
  color: #00356e !important;
  background-color:#f5e64f;
}

.page-template-public-page .current_page {
  color: #fff !important;
  background-color:#B8E6E1;
}


/* BLOG PAGE STYLING */

.blogNav #access{
	background-color:#F4C746;
}

.blogNav .areaTitle{
	font-family: 'Love Ya Like A Sister', cursive;
	font-size: 40px;
}


.linearFixed {
	position:fixed;
	top:0px;
	z-index: 500;
	right: 0px;
  	left: 0px;
}

.kiskadoo_breadcrumb {
	margin-top:0px;
	padding-bottom:0px;
}

.single .kiskadoo_breadcrumb.nav-parked,
.archive .kiskadoo_breadcrumb.nav-parked,
.blog .kiskadoo_breadcrumb.nav-parked,
body.page .kiskadoo_breadcrumb.nav-parked  {
	margin-top:180px !important;
}


.trail-items li::after {
 content: ">" !IMPORTANT;
}



.navbar-collapse {
  border-top: none;
}

.navbar-toggle {
	background-color:#F7F7F7;
	right:3px;
	top:3px;
	}
	
.navbar-footLinks {
	display:none;
}
	
.navbar-footLinks {
	background-color:#00356e;
	text-align:left;
	margin-bottom:0px;
}

.navbar-footLinks h4{
	margin-left:5px;
	color:#EBEBEB;
}

.navbar-footLinks .container {
	padding:0px;
}

.navbar-footLinks #navbar{
	text-align:left;
}

.navbar-footLinks .navbar-nav{
	margin:0px;
	padding:0px;
}

.navbar-footLinks a{
	color:#EBEBEB;
}

.navbar-footLinks a:hover{
	color:#5b5b5b;
}

div#breadcrumb {
	color:#999;
	font-size: 12px;
	}
	
div#breadcrumb a{
	color:#999;
	text-decoration:none;
	}
	
div#breadcrumb a:hover{
	color:#999;
	text-decoration:underline;
	}

.btn {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	border: none;
	font-size:1.2em;
	padding:0.5em 0.8em;
	margin:5px 5px 5px 0px;
	border-radius:0px;
	font-weight:400!important;
	white-space:normal;
}

.btn-lg {
	border: none;
	font-size:1.5em;
	padding:0.5em 0.8em;
	margin:5px 5px 5px 0px;
	border-radius:0px;
	font-weight:400!important;
}

.btn-ex-lg {
	border: none;
	font-size:1.8em;
	padding:0.8em 0.5em;
	margin:15px 0px 15px 0px;
	border-radius:0px;
	font-weight:400!important;
}
	

.btn-default {
	background-color:#f5e64f !IMPORTANT;
	color:#00356e !IMPORTANT;
	}

.btn-default:hover{
	background-color:#f9f3b4 !IMPORTANT;
	color:#00356e !IMPORTANT;
	}
	
.btn-parents{
	background-color:#6f077b !IMPORTANT;
	color:#fff !IMPORTANT;
	text-align:center;
	}

	
.btn-blog{
	background-color:#f4c746 !IMPORTANT;
	color:#fff !IMPORTANT;
	text-align:center;
	}
	
.btn-home{
	background-color:#00356e !IMPORTANT;
	color:#fff !IMPORTANT;
	text-align:center;
	}

.btn-white {
	background-color:#fff;
	color:#00356e;
	}

.btn-blue {
	background-color:#68ddf7;
	color:#fff;
	}

.btn-blue:hover {
	background-color:#4ec3dd;
	color:#fff;
	}

.btn-brown {
	background-color:#00356e;
	color:#fff;
	}

.btn-brown:hover, .btn-white:hover {
	background-color:#362f24;
	color:#fff;
	}
	
.btn-grey {
	background-color:#909090 !important;
	color:#fff !important;
}

.btn-sm {
	padding: 5px 10px;
  font-size: 1em;
  line-height: 1.5;
  font-weight:400 !important;
}

.btn-exsm{
	padding: 3px 6px;
  font-size: 0.8em;
  line-height: 1.1;
  font-weight:400 !important;
}

.btn-grey:hover {
	background-color:#393939;
	color:#fff !important;
	text-decoration:none;
}


.classMenu .classFootNav .btn-default {
	background-color:#00AEEF !important;
}

.classMenu .classFootNav .btn-default:hover {
	background-color:#6FB614 !important;
}



.footer .btn-grey {
	font-weight:400 !important;
}

.footer .btn-grey:hover {
  background-color: #00aeef !important;
}

.footer .largerText {
	font-weight:400;
}
  

.btn-lightGrey {
	background-color:#dbdbdb;
	color:#6b6b6b;
}

.btn-lightGrey:hover {
	background-color:#f9f9f9;
	color:#5d5d5d !important;
	text-decoration:none;
}

.btn-lightBlue {
	background-color:#F7F4ED;
	color:#58503f !important;
}

.btn-lightBlue:hover {
	background-color:#fff;
	color:#4c3b2e !important;
	text-decoration:none;
}

.btn-white {
	background-color:#FFF;
	color:#00356E !important;
}

.btn-white:hover {
	background-color:#F5E64F;
	text-decoration:none;
}

.btn-terracotta {
	background-color:#b0344e;
	color:#fff !important;
}

.btn-terracotta:hover {
	background-color:#730015;
	color:#fff !important;
	text-decoration:none;
}

.btn-red {
	background-color:#ea48eb;
	color:#fff !important;
}

.btn-red:hover {
	background-color:#c922ca;
	color:#fff !important;
	text-decoration:none;
}

.btn-purple {
	background-color:#6f077b;
	color:#fff !important;
}

.btn-purple:hover {
	background-color:#4d0256;
	color:#fff !important;
	text-decoration:none;
}

.btn-green {
	background-color:#8FCA3E;
	color:#fff !important;
}

.btn-green:hover {
	background-color:#7cb036;
	color:#fff !important;
	text-decoration:none;
}

.btn-ghost {
	background-color:transparent;
	color:#00356E;
	border:#00356E 2px solid;
	}
	
	

.kiskaColor9 .btn-ghost {
	background-color:transparent;
	color:#666;
	border:#ccc 2px solid;
	}

.btn-ghost:hover {
	background-color:#fff;
	color:#00356E !important;
	}


.btn-lightGhost {
	background-color:transparent;
	color:#999 !important;
	border:#999 1px solid !important;
	}

.btn-lightGhost:hover {
	background-color:#000;
	color:#fff !important;
	border:#fff 1px solid !important;
	}


.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

img.yellowTitleBand {
	margin:5px auto;
	border:#f6fa9c 8px solid;
}

.footer, .footer a, .lowerFooter, .lowerFooter a {
	color:#fff;
}

.footer a:hover, .footer a:active,.footer a:visited,
.lowerFooter a:hover, .lowerFooter a:active, .lowerFooter a:visited {
	color:#fff;
}

.awards {
	padding:5px 20px;
	margin-top:20px;
}

	
.awards img{
	margin-right:6%;
	margin-left:20px;
	}


.lowerFooter {
	padding:4px;
	margin-top:0px;
}


.narrow {
	max-width: 260px;
	margin:10px auto;
	}

.centre {
	text-align:center;
	}

	
.followBox {
	padding:10px;
	width:100%;
	float:left;
	color:#fff;
	background-color:transparent;
	margin-top:15px;
	text-align:left;
	border:#fff solid 2px;
}

.followBoxContainer{
	width:250px;
	margin:0px auto;
}

.followBox h3{
	margin:10px 0px 0px 0px;
	font-weight:400;
}

.followBox img{
	margin:5px 15px;
	float:left;
}

.BGtransBlack {
	background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.BGwhite {
	background-color:#fff;
	}

.kiskaColor1{ /* yellow */
	background-color:#f5e64f;
	color:#00356e;
}

.kiskaColor2{ /* light blue */
	background-color:#6f077b;
	color:#fff;
}

.kiskaColor3 { /* cyan blue */
	background-color:#68ddf7;
	color:#fff;
}

.kiskaColor4{ /* violet */
	background-color:#c7d5fc;
	color:#00356e;
}

.kiskaColor5{ /* very light blue */
	background-color:#f3f9fe;
	color:#00356e;
}


.kiskaColor6 { /*dark cream/beige */
	background-color:#cec8b2;
	color:#fff;
}

.kiskaColor6 a{ 
	color:#fff;
}


.kiskaColor7 { /* very dark blue */
	background-color:#00356e;
	color:#fff;
	}

.kiskaColor8{ /* nice mid blue */
	background-color:#3c87c1;
	color:#fff;
	}
	
.kiskaColor9 { /*pinky red */
	background-color:#b0344e;
	color:#fff;
}

	
/* Sidebar styles */

.sideBar p {
	font-size:12px;
}

.sideBar .BGterracotta,.sideBar .BGterracotta a {
	color:#fff;
}


.sidebarContainer {
	text-align:center;
	padding:5px 15px;
	width:100%;
}

.sidebarContainer p, .sidebarContainer h3, .sidebarContainer img {
	margin:5px auto;
}

.sidebarContainer h3 {
	margin:15px auto;
}

.sidebarContainer .btn {
	min-width:90%;
}


.homeRow1 {
	margin-bottom:40px;
	vertical-align: middle;
}

.pictureBox{
	background-color: #00aeef;
	color:#fff;
}

.pictureBox:hover, .pictureBox:active {
	background-color: #4f7d2f;
	color:#fff;
}

.pictureBox h3{
	height:70px;
	margin-bottom:0px;
	vertical-align: middle;
	padding-top:20px;
}

.pictureBox img{
	margin:0px auto;
}

.pictureBox p{
	padding:5%;
}

.forestBox {
	text-align:center;
	color:#fff;
}

.forestBox a{
	color:#fff;
}

.forestBox img{
	margin:0px auto;
}

.parentsBox {
	background-color:#bf63b3;
	color:#fff;
	padding:30px 20px;
	margin-bottom:20px;
	margin-top:10px;
}



.greenBox, .orangeBox, .darkGreenBox {
	color:#fff;
	padding:15px 10px 30px 10px;
}

.greenBox {
	background-color:#90c541;
}

.greenBox:hover {
	background-color:#7aae2d;
}

.darkGreenBox {
	background-color:#73a441;
}
.darkGreenBox:hover {
	background-color:#5e8d2e;
}

.orangeBox {
	background-color:#ff7217;
}

.orangeBox:hover {
	background-color:#f76100;
}



.greenBox h2, .orangeBox h2, .darkGreenBox h2{
	font-weight:400;
}

.greenBox p, .orangeBox p, .darkGreenBox p{
	font-size:20px;
}

.greenBox a{
	color:#F7F4ED;
}

/*styling for box menu pages */

.menuBox{
	padding:10px;
}

.menuBox img {
	max-width:96% !important;
	margin:10px 2% !important;
}

.infoMenuBox {
	padding:10px;
	text-align:center;
	overflow:hidden;
}

.infoMenuBox .btn {
	width:100% !important;
	white-space: normal;
}

/*styling for office menu items */

.officeMenu .media {
	padding:10px;
	margin-bottom:10px;
}

.officeMenu .media-left{
	width: 100%;
	display: block;
	height: auto;
	position: relative;
}

svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}




	
/* hover effects */

.hvr_lighter:hover{
	background-color: rgba(255, 255, 255, 0.1);
}

/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Glow Light*/
.hvr-glow-lte {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow-lte:hover, .hvr-glow-lte:focus, .hvr-glow-lte:active {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

.col-sm-4 {
	padding-top:5px;
	padding-bottom:15px;
	margin-bottom:10px;
}

.largePicturePromo {
	position:relative;
}

.largePicturePromo h1 {
	position:absolute;
	top:0px;
	left:5%;
	text-shadow: -1px 1px 0px rgba(0, 0, 0, 1);
}

#adventureText {
	position:absolute;
	bottom:2%;
	right:5%;
	max-width:80%;
	padding:2%;
}

.boxLink, .boxLink:hover, .boxLink:active {
	text-decoration:none;
}


.blueBox {
	padding-top:15px;
	padding-bottom:15px;
	background-color:#00356e;
	color:#fff;
}

.blueBox:hover {
	background-color:#06294e;
}

.blueBox a {
	color:#F7F4ED;
}

.greenBox {
	background-color:#6fb614;
}

.blueBox h2 {
	line-height:72px;
	max-width: 260px;
	margin:0px auto;
	font-weight:400!IMPORTANT;
}


/*styling link types  */

.pdfLink, .docLink {
	display: inline-block;
	  padding-top: 6px;
	  padding-right: 12px;
 	 padding-bottom: 6px;
 	 padding-left: 12px;
 	 margin-bottom: 0px;
 	 font-size: 14px;
  	font-weight: normal;
  	line-height: 1.42857;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
	border:#ccc 1px solid;
	background-color:#fff;
	margin-bottom:10px;
	color: #666;
	}

	
.pdfLink:hover, .docLink:hover, .pageBody .externalLink:hover {
		text-decoration:none;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
}


.pageBody .externalLink {
	
	display: inline-block;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-bottom: 0px;
	font-size: 14px;
  	font-weight: normal;
  	line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border:#ccc 1px solid;
	background-color:#CBE8F8;
	margin-bottom:10px;
	margin-top:10px;
	color:#0066FF !important;
}

table {
	background:#fff;
}

td, th
{
  padding:10px;
  border:#ccc 1px solid;
  vertical-align:top;
}

.footMenuContainer {
	clear:both;
}

/*PARENTS AREA */

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* =Menu
-------------------------------------------------------------- */

.parentsNav{
	margin-top:49px;
	padding-top:0px;
	padding-bottom:0px;
	color:#00356e;
}

.parentsNav .areaTitle{
	color:#00356e;
}

.blogNav {
	margin-top:49px;
	padding-top:0px;
	padding-bottom:0px;
}

#access {
	background-color: #6F077B;
	clear: both;
	display: block;
	float: left;
	margin: 0px auto;
	width: 100%;
}
#access ul {
	font-size: 16px;
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color:#fff;
	display: block;
	line-height: 3.333em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #3789ff;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access li:visited > a,
#access ul ul :visited > a,
#access li:active > a,
#access ul ul :active > a,
#access a:focus {
	background: #00356e;
	color:#fff;
}

#access ul li:hover > ul {
	display: block;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background-color:#75CEFF !important;
	color:#fff !important;
}

.archive .navbar,
.single .navbar,
.blog .navbar,
body.page .navbar {
	border:none;
}

.nav-next {
	float:right;
}

.nav-previous {
	float:left;
}

#nav-above, #nav-below {
	min-height:35px;
	margin-bottom:20px;
}

/*Nav END*/

/* Styling for specific category posts */

article {
	clear:both;
}



div.postContainer, div.singlePostContainer, .no-results, .error404, .not-found {
	background-color:#fff;
	padding:30px;
	overflow: hidden;
	position:relative;
	}


.category-ks1fs-spellings div.postContainer, .category-ks1fs-spellings div.singlePostContainer,
.category-ks2-spellings div.postContainer, .category-ks2-spellings div.singlePostContainer,
#spellings_widget,
#class-spellings {
	background-color:#FBFDE1;
}


.btn-spellings {
	background-color:#FBFDE1;
	border:#ECF0C9 2px solid;
	color:#6C6C6C !important;
	margin-top:0px;
}

.btn-spellings:hover {
	background-color:#fefff8;
}


.timeAgo.spellings {
	background-color:#ECF0C9;
	font-size:65%;
	margin-top:-10px;
	color:#999;
}

.dateLinks.sp {
	background-color:#ECF0C9;
}
	

#spellings_widget,
#class-spellings {
	border-color: #dee4a5; /*darker as sidebar surround is same color as border otherwise */
}

.category-ks1fs-homework div.postContainer, .category-ks1fs-homework div.singlePostContainer,
.category-ks2-homework div.postContainer, .category-ks2-homework div.singlePostContainer,
#homework_widget,
#class-homework {
	background-color:#F1F5F2;
}

.btn-homework {
	background-color:#F1F5F2;
	border:#DADADA 2px solid;
	color:#6C6C6C !important;
	margin-top:0px;
}

.btn-homework:hover {
	background-color:#fcfdfc;
}

.timeAgo.homework {
	background-color:#DADADA;
	font-size:65%;
	margin-top:-10px;
	color:#999;
}

.dateLinks.hw {
	background-color:#DADADA;
}

.classroomLinks .btn-default {
	background-color: #CBE8F8 !IMPORTANT;
}

.classroomLinks .btn-default:hover {
	background-color: #fef6a6!IMPORTANT;
}

.classroomLinks .current_page {
	background-color: #f5e64f !IMPORTANT;
}

/* END Styling for specific category posts */


.page-header{
	margin-top:0px !IMPORTANT;
	border-bottom:0px !IMPORTANT;
}

/*post top meta and author image */
span.reverse {
	background-color:#ccc;
	color:#fff;
	padding:2px;
}

.entry-header .entry-meta{
	padding:0px;
	margin:0px;
	line-height:20px;
	position:relative;
}

.entry-title, .entry-header .entry-meta
{
  padding-right: 15px;
}

.postContainer {
	overflow:hidden;
}

.entry-meta
{
  color: #666666;
  clear: both;
  font-size: 12px;
  line-height: 18px;
}

.entry-meta a{
	font-weight:400;
}


.avatar {
	padding:3px;
	-webkit-box-shadow:  2px 2px 2px 1px rgba(1, 1, 1, .2);
    box-shadow:  2px 2px 2px 1px rgba(1, 1, 1, .2);
	float:left;
	margin:0px 10px 10px 0px!IMPORTANT;
	background-color:#fff;
}


.entry-meta{
	color:#A6A9AA;
}

.entry-meta a{
	color:#6bafe9;
}

.areaTitle {
	margin-left:0px;
	color:#fff !IMPORTANT;
}

.entry-title {
	clear:both;
}


div.entry-content {
	margin-top:0px;
	padding-top:0px;
}

.hentry, .no-results {
	padding-bottom:0px;
	margin-bottom:1.625em;

}

.edit-link {
	position:absolute;
	top:0px;
	right:0px;
}

.single .edit-link, .page .edit-link {
	right:15px;
}

.entry-title a {
	color:#137a9a;
}

.entry-title a:hover {
	text-decoration:none;
	color:#000;
}


div.page {
	background-color:#fff;
	color:#636363;
}


.page-template-resources-page div.page {
	background-color:#F3F9FE;
}

/*widgets */

#search-2,
#search-3,
#search-4 {
	background:none;
	padding:0px;
	text-align:right;
}

#search-2 input,
#search-3 input,
#search-4 input{
	max-width:70%;
}

#search-2 .submit,
#search-3 .submit,
#search-4 .submit{
	border:none;
	display: inline-block;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: #6fb614;
  color: #f7f8e5;
  max-width:25%;
}

#search-2 .submit:hover,
#search-3 .submit:hover,
#search-4 .submit:hover {
  background-color: #213606;
  color: #f7f8e5;
}

.widget a{
	display:block;
	font-weight:400;
}

.widget ul {
	padding-left:0px!IMPORTANT;
}

.widget li {
	list-style-type: none;
	background: #FDFDFD;
	padding:5px 5px;
	overflow:hidden;
	margin-bottom:0px;
}

.widget li a:hover{
	text-decoration:none;
	color:#000 !IMPORTANT;
}

.widget li:nth-child(odd) {
	background: #FFF; 
	border:#eaeaea 1px solid;
	}
	
.widget h5 {
	font-size:18px;
}

aside.widget {
	background: #FDFDFD;
	overflow:hidden;
	margin:15px 6%;
	width:88%;
	color:#636363;
}

h3.widget-title {
	font-size:20px;
}

aside p {
	font-size:14px;
}

.textwidget a {
}

#text-2 {
	background-color:#00356e;
	color:#fff;
}

.widget .smlLinkText a{
	background-color:#A6A9AA;
	padding:2px 10px;
	font-size:12px;
	color:#fff;
}

.widget .smlLinkText a:hover{
	background-color:#333;
	text-decoration:none;
}

#subs_widget-2 {
	background-color:#68ddf7;
	color:#fff;
    font-size: 12px;
}

#dpe_fp_widget-2 {
	background-color:#b0344e;
	color:#666;
}

/* give a little more room at the bottom of picture widget li */
#dpe_fp_widget-4 li{
	margin-bottom:10px;
}

aside#text-6 {
	background-color:#8FCA3E;
	color:#fff;
}

#recent-posts-2, #office-links {
	background-color:#A6A9AA;
	color:#666;
}

#recent-posts-2 h3, #dpe_fp_widget-2 h3, #office-links h3{
	color:#fff;
}

#recent-posts-2 h5, #dpe_fp_widget-2 h5{
	color:#333;
}

#archives-3 {
}

#office-links, #class-news, #class-spellings, #class-homework {
	font-size:12px;
}

.halfList {
	width:49%;
	margin-left:1%;
	float:left;
}

#author-info
{
  background-color: #C3C3C3;
  color: #ffffff;
  margin: 2.2em 7%;
  padding: 20px 7%;
}

.archive #author-info
{
  margin: 0px 50px 20px 50px;
  padding: 2.2em;
}

#author-description
{
  margin:0px 0px 0px 100px;
}

#author-description h2 {
margin-top:0px;
}

/*blog widgets */


/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */


/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper {
    padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
  padding-bottom: 120%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Calendar styling */

.ai1ec-weekday {
	background:none !important;
}

.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month
{
  background-color: #EE2722 !important;
  border-radius: 0px !important;
}
	/*color club calendar icons differently */
	.post-795 .ai1ec-agenda-widget-view .ai1ec-month,
	.post-795 .ai1ec-agenda-view .ai1ec-month,
	#ai1ec_agenda_widget-9 .ai1ec-month{
  background-color: #8FCA3E !important;
	}
	
#ai1ec_agenda_widget-8,
#ai1ec_agenda_widget-5 {
	border: 10px solid #d2202f;
	margin-bottom:10px;
}

#ai1ec_agenda_widget-8 .noticeBoardHeader{
	color:#fff;
	background-color:#d2202f;
	margin:-20px -20px 0px -20px;
	padding:20px 20px 10px 20px;
}
	

#ai1ec_agenda_widget-9 {
	border: 10px solid #8FCA3E;
	margin-bottom:10px;
}

#ai1ec_agenda_widget-9 .noticeBoardHeader{
	color:#fff;
	background-color:#8FCA3E;
	margin:-20px -20px 0px -20px;
	padding:20px 20px 10px 20px;
}


.ai1ec-agenda-widget-view .ai1ec-date-title,
.ai1ec-agenda-view .ai1ec-date-title,
.ai1ec-agenda-view .ai1ec-event,
.ai1ec-agenda-widget-view .ai1ec-day,
.ai1ec-agenda-view .ai1ec-day
{
  background-color: #fff !important;
  border-radius: 0px !important;
}

.ai1ec-allday-badge, .ai1ec-calendar-toolbar {
	display:none !important;
}

.single-ai1ec_event div.singlePostContainer, .search-results .ai1ec_event .postContainer{
	background: url(images/tinyCalIcon.png) no-repeat 10px 10px;
	border:#d3d3d3 16px solid !important;
	}
	
.ai1ec-agenda-view .ai1ec-date.ai1ec-today, .ai1ec-agenda-widget-view .ai1ec-date.ai1ec-today
{
  background-color: rgba(255, 255, 0, 0.5);
}

.search-results{
}
	
/*wordpress styles */



/* wordpress classes for images */

.pageBody img, .wp-caption {
	height: auto;
	max-width: 98%;
	vertical-align: middle;
	margin:10px 1%;
	}
	
.alignnone {
	max-width: 100% !important;
	height:auto;
	margin:10px 0px !important;
}

.alignright {
	float:right;
	margin-right:0px !important;
}

.alignleft {
	float:left;
	margin-left:0px !important;
	margin-right:10px;
}
		
.alignright, .alignleft {
	max-width:50% !important;
	height:auto;
	}

.aligncenter{
  display: block;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* notice board styling */

.page-template-noticeBoard article.type-page {
	display:none;
}

.page-template-noticeBoard aside.widget {
	width: 100%;
	padding:15px;
	margin:0px;
}

.newsSummeryBox .postContainer {
	padding:5px !important;
	padding-bottom:8px !important;
	margin-bottom:0px !important;
	color:#6c6c6c;
}

.newsSummeryBox article {
	margin-bottom:0px !important;
}

.newsSummeryBox {
	padding:10px !important;
	margin-bottom:10px;
}
.newsSummeryBox .newsStripe {
	background-color:#F7F4ED;
	margin:0px;
	padding:10px;
	color:#6c6c6c;
	}
	
.newsSummeryBox  .btn-exsm {
	float: right;
}

.newsSummeryBox .newsStripe:nth-child(odd) {
	background-color:#FFF;
}

.newsStripe .timeAgo {
	font-size:80%;
}

.newsSummeryBox .tag-letters-home {
	background-size: auto 20px !important;
	}

.page-template-noticeBoard .officeMenu .media-left
{
  width: 50px;
  height: 50px;
  float: left;
  margin:-23px 0px 10px 0px!important;
  padding:0px 15px 0px 0px!important;
}

.page-template-noticeBoard .officeMenu .media-object {
  width: 55px;
  height: 55px;
}



/*class news box formatting */	

.classNewsBox, .stickyBox {
	padding:10px;
	margin-bottom:20px;
}

.classNewsBox .entry-title,
.stickyBox .entry-title{
	padding-right:15px;
}

.classNewsBox .postContainer,
.stickyBox .postContainer {
	padding:5px !important;
	padding-bottom:8px !important;
	margin-bottom:0px !important;
	font-size: 80%;
	color:#6c6c6c;
}


.stickyBox .postContainer {
	font-size: 100%;
}

.classNewsBox article,
.stickyBox article {
	margin-bottom:0px !important;
}

.classNewsBox .btn span {
	font-size:12px;
}

.classNewsBox .btn{
	margin-bottom:10px;
}

.btn-gotoclass {
	margin-top:0px;
}

.dateLinks {
	text-align:center;
	color:#6c6c6c;
	padding-bottom:5px;
}





/*making embedded videos responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sideIcon img{
}

#primary {
	margin-top:0px;
}

.footer {
	padding-top:0px;
	background-color:#3c87c1;
	padding-bottom:10px;
	border-top:25px solid #f5e64f;
}


.wp-caption {
	font-size:0.8em;
	font-style:italic;
	text-align:center;
	color:#555;
	}

blockquote
{
  padding: 30px 30px;
  margin:20px;
  font-size: 1.2em;
  border:none;
  background:#fff;
  font-style:italic;
}

/* Parents' Evening pages */

div.parentsEvening {
	border-radius:0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(202, 202, 200, 1);
	-moz-box-shadow:    0px 0px 0px 0px rgba(202, 202, 200, 1);
	box-shadow:         0px 0px 0px 0px rgba(202, 202, 200, 1);
	border: 6px #E3E6EB dotted;
	border-top: 40px #A6A9AA solid;
	border-bottom: 40px #A6A9AA solid;
	background-color:#fefefe;
}

/* Class Menu Page */

div.classMenu #menu-class-menu a{
	text-decoration:none;
}

div.classMenu #menu-class-menu li{
	list-style-type:none;	
	clear:both;
	margin:20px 0px;
}

div.classMenu #menu-class-menu li li{	
	margin:30px 0px;
}

div.classMenu #menu-class-menu li li a:hover{	
	background-color:#00356e;
}
	
div.classMenu #menu-class-menu .sub-menu li a{
	color:#fff;
	background-color:#3789ff;
	padding:10px;
}

.newsletter {
	background-color:#fff;
}

.newsletter .postContainer{
	border-bottom: 1px solid #ccc;
}

.newsletter article.page .postContainer{
	background-color:#F4F4F4;
}

.pendingNewsletter article.page .postContainer{
	background-color:#E8DDE8;
}

.messageContainer {
	text-align:center;
	margin-bottom:20px;
}

.sentDate {
	float:right;
	font-style:italic;
	color:#999;
	margin-right:15px;
	font-size:10px;
}

.parentsGuide {
	background-color:#fff;
	border:#00356e 16px solid;
	padding:30px 15px;
}

.parentsGuide header{
	color:#fff;
	background:#00356e url(images/office_menu/icon_guide.svg) right 10px no-repeat ;
	margin:-40px -15px 20px;
	padding-top:40px;
	padding-bottom:20px;
}

/*hide first item in parent guide menu list as it's the parent and shouldn't be shown put ,span. around title in wp menu nav label */ 
.menu-parent-guide-container li span{
	display:none;
	
}

.menu-parent-guide-container ul li {
	list-style:none;
	margin-left:0px !important;
}

.menu-parent-guide-container ul,
.menu-parent-guide-container ul ul,
.menu-parent-guide-container ul ul li,
.menu-parent-guide-container ul li{
	margin-left:0px !important;
	padding-left:0px !important;
	text-indent:0px !important;
}

.menu-parent-guide-container .btn{
	white-space: normal !important;
	background-color: transparent !important;
	color: #fff !important;
}

.menu-parent-guide-container ul ul .btn {
	background-color:#F5E64F !important;
	color: #00356E !important;
}

.menu-parent-guide-container ul ul .btn:hover {
	background-color:#F9F3B4 !important;
}

.classFootNav .btn {
	font-size:14px;
}


/* stickly posts */

.sticky .postContainer {
	border: 10px solid #F4C746;
}

/*styling clubs page */

.page-id-795 div.page {
	background-color:#ffffed;
}
	
/*blog styles */

.single-cat-blog #content
{
  margin-top: 0px;
  margin-right: 34%;
  margin-bottom: 0px;
  margin-left: 0%;
  width: 66%;
}

body.category-blog #content {
	background:#F7F4ED url(images/100wc_pen.png) no-repeat top right;
}

article.category-blog, article.category-blog:last-child, body.single article.category-blog {
	position:relative;
	border:#008EEF 8px solid;
	padding: 3px 20px 10px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom:30px;
	background-color:#fff;
}

article.category-blog .entry-content {
}

article.category-blog .edit-link
{
  top:50px;
}

body.single article.category-blog .entry-title {
	padding-top:0px;
}

article.category-blog #author-info {
	display:none;
}

.entry-header .comments-link a
{
  background-color: transparent;
  background-image: url("images/comment-bubble.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  line-height: 35px;
  overflow: hidden;
  padding:0px;
  position: absolute;
  top: 10px;
  right: 5px;
  text-align: center;
  text-decoration-line: none;
  text-decoration-style: solid;
  width: 43px;
  height: 36px;
}

.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active
{
  background-color: #1982d1;
  color: rgba(255, 255, 255, 0.8);
}

.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active
{
  background-color: #1982d1;
  color: rgba(255, 255, 255, 0.8);
}

#nav-single
{
  top: 5px;
  right:10px;
}

.single-post  #content nav {
	display:none;
}

#comments-title {
	font-size:20px;
}

.comment-meta {
	font-size:12px;
}

.comment-meta .fn {
	font-size:22px;
	font-weight:bold;
}

.comment {
	position:relative;
}

.comment .edit-link {
	top:-20px;
	right:-20px;
}

.comment-edit-link {
	font-size:10px;
}

.commentlist .avatar
{
  border-radius: 3px;
  left: -120px;
  padding:0px;
  position: absolute;
  top: -20px;
}

.commentlist
{
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin: 0px auto;
  width: 68.9%;
}

.commentlist > li.comment
{
  background-color: #f6f6f6;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border: 1px solid #dddddd;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-radius: 3px;
  margin: 0px 0px 1.625em 0px;
  padding: 1.625em;
  position: relative;
  clear:both;
  margin-bottom:15px;
}


.entry-header .comments-link a
{
  background-color:transparent;
  background-image: url("images/comment-bubble.png");
  line-height: 32px;
}

.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active
{
	background-color:transparent;
  background-image: url("images/comment-bubble-ro.png");
  color:#2D3E82;
}

#respond
{
  background-color: #dddddd;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 1.625em;
  margin-left: auto;
  padding:1.625em;
  position: relative;
  width: 85%;
}

#respond input[type="text"], #respond textarea {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border: #eeeeee 4px solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 3px rgba(204, 204, 204, 0.95) inset;
  position: relative;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-indent: 0px;
}

#respond textarea
{
  resize: vertical;
  width: 95%;
}

#respond input[type="text"]:focus, #respond textarea:focus
{
  text-indent: 0px;
  z-index: 1;
}



/*remove author meta from single event pages */

.single-ai1ec_event #author-info {
	display:none;
}

/* styling posts tagged 'letters home' */

.tag-letters-home .avatar, .tag-letters-home .entry-title, .tag-letters-home footer.entry-meta {
	display:none;
}

.tag-letters-home div.postContainer {
	background: #e9f5fc url(images/office_menu/icon_lettershome.svg) 20px 20px no-repeat;
	background-size:auto 90px ;
}

.tag-letters-home .entry-header, .tag-letters-home div.entry-content  {
	margin-left:100px !important;
}

.newsSummeryBox .tag-letters-home div.postContainer {
	background-position: 10px 10px;
	background-size:auto 40px ;
}

.newsSummeryBox .tag-letters-home .entry-header, .newsSummeryBox .tag-letters-home div.entry-content  {
	margin-left:65px !important;
}



/* make google map responsive on find us page require container div */
.google-maps {
    position: relative;
    padding-bottom: 90%; // (450 ÷ 500 = 0.9 = 90%)
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe {
	z-index: 1;
}

/* If using blue imp slideshow plugin, need to hide it on home page and public pages */
.publicPage .blueimp-gallery, .publicHome .blueimp-gallery{
	display:none;
}

/* =error404
----------------------------------------------- */

.error404{
	padding: 0px !IMPORTANT;
}

article.error404 {
  padding:15px  !IMPORTANT;
}


/* responsive media queries */

/* phone portrait */
@media (max-width: 320px) {

.navbar-brand img {
	width:44px;
}
		
.navbar-linearLinks {
	display:none !important;
}
	
ul.nav {
	margin-right: 10px;
	margin-left: 10px;
}
	
.greyBox h3 {
	font-size:20px;
}

.notTiny {
	display:none;
	}

.smallerText {
	display:block;
	font-size:0.6em;
	line-height:1em;
	margin-top:.5em;
	}
	
.tinyResize {
	width: 50%;
	height:auto;
	}
	
.footer .btn-brown{
	font-size:0.9em;
}

.menuBox img{
	max-width:50% !important;
	margin:10px 2% !important;
}

.menuBox p{
	max-width:50% !important;
	float:left;
}

blockquote {
  padding:10px;
  margin:10px 0px;;
  font-size: 1em;	
}
}
	
/*phone landscape only */
@media (min-width: 321px)
and (max-width: 767px) {
	
.navbar-brand img {
	width:44px;
}

.menuBox img{
	max-width:25% !important;
	margin:10px 2% !important;
}

.menuBox p{
	max-width:75% !important;
	float:left;
}


}
	
/*phone landscape and smaller */	
@media (max-width: 767px) {
	
	

.navbar-header,
#navbar {
	background-color:#f5e64f;
	color:#00356e;
}

#navbar a{
	color:#00356e;
}

.page-template-public-page .navbar-header,
.page-template-public-page #navbar,
.page-template-home-page .navbar-header,
.page-template-home-page #navbar,
.page-template-aboutMenu .navbar-header, 
.page-template-aboutMenu #navbar {
	background-color:#00356e;
}

.page-template-public-page #navbar a,
.page-template-public-page .navbar-brand,
.page-template-public-page .navbar-brand a,
.page-template-home-page #navbar a,
.page-template-home-page .navbar-brand,
.page-template-home-page .navbar-brand a,
.page-template-aboutMenu #navbar a,
.page-template-aboutMenu .navbar-brand,
.page-template-aboutMenu .navbar-brand a {
	color:#fff;
}


.page-template-blog-page .navbar-header,
.page-template-blog-page #navbar,
.page-template-blog-home .navbar-header,
.page-template-blog-home #navbar  {
	background-color:#F4C746;
}

.navbar-brand {
	margin:-10px 0px 0px 10px;
	color:#00356e;
}
.navbar-brand img {
	margin-right:10px;
}

.navbar-default .navbar-nav > li > a{
	color:#636363;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
  color: #fff !important;
  background-color:#68ddf7!important;
}
	
.smallLogo .navbar-brand img {
	width:44px; !important;
	top:0px !important;
}

.btn-parents,
.btn-blog,
.btn-home{
	border: 1px solid #fff;
	}


.navbar-footLinks.activeSub {
	display:block !important;
}


#titleBand {
	padding:0px;
}

.BGgrass{
	background-size:400% 100%;
	padding-bottom:100px!IMPORTANT;
}

.homeRow1 {
	padding-top:0px;
}

.homePromoBand, .homePromo {
	margin-top:0px !important;
}

	
.smallerText {
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	margin-top:.5em;
}

.largerText {
	font-size:1.2em;
	font-weight:400;
}

	
.publicPage h1:first-of-type {
	display:block !important;
	background-color:#00356e !important;
	color:#fff;
	padding:15px;
	margin:40px -15px 10px -15px;
}

.largePicturePromo h1 {
	font-size:24px;
}


.entry-title, .entry-header .entry-meta
{
  padding-right: 20px;
}

ul.sub-menu {
	display:none !important;
}

.areaTitle {
	font-size:30px;
}

.navbar-footLinks {
	display:none;
}


#menu-menu-1 > li,
#menu-mobile > li,
#menu-mobile-blog > li,
#menu-mobile-menu > li{
	list-style-type:none;
}

	
#menu-menu-1 > li > a,
#menu-mobile > li > a,
#menu-mobile-blog > li > a,
#menu-mobile-menu > li > a{
	position: relative;
 	display: block;
	padding: 10px 15px;
	}
	
#menu-menu-1 > li > a:hover,
#menu-mobile > li > a:hover,
#menu-mobile-blog > li > a:hover,
#menu-mobile-menu > li > a:hover{
	background-color:#00356e;
	text-decoration:none;
	}
	
#menu-menu-1 > li > a:hover,
#menu-mobile > li > a:hover,
#menu-mobile-blog > li > a:hover,
#menu-mobile-menu > li > a:hover,
#menu-menu-1 > li > a:focus,
#menu-mobile > li > a:focus,
#menu-mobile-blog > li > a:focus,
#menu-mobile-menu > li > a:focus
{
  text-decoration-line: none;
  text-decoration-style: solid;
  background-color: #eeeeee;
}
	

.navbar-nav
{
  margin:0px 0px 30px 0px !important;
  padding:0px 15px !important;
}

div.postContainer, div.singlePostContainer, .no-results, .error404, .not-found, .archive #author-info {
  padding: 5px;
	}
	
#author-description {
	margin-left:50px;
}

.avatar {
  padding: 0px;
  box-shadow:none;
  height:40px;
  width:40px;
	}
	
h1.entry-title{
	font-size:22px !important;
	margin-top:10px;
	}
	

.sep {
	display:none; /*removes 'posted on' from meta head */
	}
	
#wpadminbar {
	position:fixed !important;
	}
	
.entry-content .sub-menu {
	display:inherit !important;
	}
	
#respond {
  width: 100%;
}

.commentlist > li.comment {
padding:0.5em;
}

.commentlist .avatar {
  left: -50px;
  top: -10px;
}

.commentlist {
  width: 100%;
}

.comment .edit-link {
	top:-5px;
	right:-5px;
 }
 
 blockquote
{
  font-size: 1em;
	}
	
/*override bootstrap hiding list children */

.menu-parent-guide-container .sub-menu,
.menu-office-container .sub-menu {
	display:block !important;
	}
	
	
/*tagged letters home */	
.tag-letters-home div.postContainer {
	background-position:5px 5px;
}


	
.dateLinks {
	margin-left:15px !important;
	margin-right:15px !important;
	}

}

/* larger than phone */
@media (min-width: 768px) {
	

.homePromo {
	min-height:380px;
}

.homeRow2 {
	background:url('images/bg_home2.png') no-repeat top center;
	padding-top:100px;
}

.homeRow3 {
	background:#70AFC0 url('images/bg_home3.png') no-repeat top center;
	padding-top:170px;
}

.homeRow4 {
	background:url('images/bg_home4.png') no-repeat top center;
	padding-top:150px;
}

.kiskadoo_breadcrumb {
	margin-top:0px;
}

.publicPage .kiskadoo_breadcrumb {
	margin-top:100px;
}
	
.forestBox {
	padding-top:60px;
}

.pbLeft {
  border-top-left-radius: 10px;
  border-top-right-radius: 70px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 40px;
}

.pbRight {
  border-top-left-radius: 70px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 10px;
}

.flagText {
	position:absolute;
	top:0px;
	right:20px;
	z-index: 150;
}

.flagText h1{
	font-size:60px;
}

.homeRow1 {
	padding-top:0px;
}

.navbar {
	padding-top:5px;
}

.navbar-brand img {
	width:120px !IMPORTANT;
	margin-left:0px;
	transition: all 1s;
	  -moz-transition: all 1s; /* Firefox 4 */
	  -webkit-transition: all 1s; /* Safari and Chrome */
	  -o-transition: all 1s; /* Opera */
}

.smallLogo .navbar-brand img{
	top:0px !important;
	width:100px !important;
	margin-left:0px;
}

.navbar-header {
	width :120px;
}

#branding {
	margin-left:100px;
}

#branding h1{
	margin-left:10px;
}


.navbar-default .navbar-nav > li > a {
	font-size: 0.9em;
	padding-left: 5px;
	padding-right: 5px;
}
	
.navbar-linearLinks .navbar-nav > li > a {
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 0px;
}

.navbar-linearLinks ul {
	padding-left:0px;
}

.navbar-linearLinks ul {
	margin-left:110px !important;
}
	
	
.navbar-brand img {
	margin-top:-10px;
}

.navbar-linearLinks .navbar-nav > li > a, .chooseText {
	font-size: 0.8em;
	}
	
#titleBand {
	max-height:150px;
	padding:0px;
	background: url(images/BG_header.png) repeat-x;
	background-size:48px 100% ;
	}


.smallerText {
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	margin-top:.5em;
	}

.parentsBox {
	background:#bf63b3 url(images/BG_parents_lock.png) no-repeat 90% 20px;
}
	
.pictureBox h3 {
	font-size: 24px;
	height: 60px;
}
	
#navbar {
	background-color:#f5e64f;
}
	
.navbar-default {
	background-color:#f5e64f;
	}

.btn-parents, .btn-blog, .btn-home{
	margin-left:0px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	}


.btn-parents:hover {
	background-color:#75ceff!IMPORTANT;
	color:#fff!IMPORTANT;
}
	

	
.navbar-toggle {
	background-color:transparent;
	}
	
.largerText {
	font-size:1.4em;
	font-weight:400;
	}

.mediumLargeText {
	font-size:1.2em;
	}		
	
.blueBox {
	margin:10px 0px;
}

	
	
.footNav
{
	display:none;
}
	
	
.aligncenter{
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.entry-title, .entry-header .entry-meta
{
  padding-right: 40px;
}

.navbar-adminBarSpacer {
	top: 32px !important;
}

.page-template-public-page .navbar-adminBarSpacer,
.page-template-home-page .navbar-adminBarSpacer,
.page-template-aboutMenu .navbar-adminBarSpacer {
	top: 0px !important;
}

.darken {
	background-color: rgba(10, 10, 10, 0) !IMPORTANT; /* a quick way of getting rid of dark navheader transparency in rare cases) */
}

.footer {
	padding-top:40px;
}

footer.entry-meta {
	margin-top:40px !important;
	}

div.postContainer, div.singlePostContainer, .no-results, .error404, .not-found{
	padding-bottom:10px;
	}
	

.parentsNav.linearFixed, .blogNav.linearFixed {
	top:0px !important;
	}
	
.sideBar, .ParentSideBar {
	background-color:#c7d5fc;
	clear:both;
}

.ParentSideBar {
}

.kiskadooBlog .sideBar, .kiskadooBlog .ParentSideBar {
	background-color:#F4C746;
}



.page .ParentSideBar, .single .ParentSideBar {
	margin-top:0px;
}

.exploreTitle {
	margin-left:15px;
}

.ParentSideBar {
	margin:70px 15px 15px 15px;
}

.admin-bar .linearFixed {
	top:33px !important;
}

div.page {
	padding:25px 15px;
}

/* make the newsflow page look like a category page (it has to be a page inorder to strip out blog posts */
.page-template-newsflow div.page {
	padding:0px;
}

.page-template-newsflow .ParentSideBar {
  margin-top: 70px !important;
}

#access a {
  padding: 0px 0.6em;
  font-size:14px;
	}
	
.thinBand {
	margin:0px !important;
	padding:0px !important;
	background:url(images/bg_thinBand.png) repeat-x !important;
	background-size: 100% 100% !important;
}

.statBox h2, .staffBox h2, .polBox h2 {
	font-size:24px;
}

.followBoxContainer{
	width:100%;
	}

.followBox h3 {
	font-size:18px;
	}
	
	
.homePromoBand {
	background:#F7F4ED url(images/bg/home_school_background.jpg) no-repeat;
	min-height:346px;
	max-height:346px;
	background-position:top center;
	}
}


@media (min-width: 992px) {
	

.followBoxContainer{
	width:250px;
	}
	
.followBox h3 {
	font-size:24px;
	}


.kiskadoo_breadcrumb {
	margin-top:0px;
}

.publicPage .kiskadoo_breadcrumb {
	margin-top:160px;
}

.navbar-header {
	width :210px;
}
	
.navbar-brand img{
	width :180px !important;
}

#branding {
	margin-left:185px;
}

#branding h1{
	margin-left:15px;
}

.navbar-linearLinks ul {
	padding-left:200px;
}
	
.smallLogo .navbar-brand img{
	top:0px !important;
	width:100px !important;
	margin-left:40px;
}
	
#titleBand {
	max-height:200px;
}

.yellowTitleBand {
	margin-top:40px;
}

img.yellowTitleBand {
	margin:5px auto;
	margin-top:-100px;
	border:#f6fa9c 8px solid;
}
	
	
.navbar-linearLinks ul {
	margin-left: 0px !IMPORTANT;
}

#access .linearFixed ul {
	margin-left:10px !important;
}
	
.navbar-default .navbar-nav > li > a{
	font-size: 1.2em;
}


.flagText {
	right:30px;
}

.flagText h1{
	font-size:85px;
}

.BGgrass{
	background-size:180% 70%;
	padding-bottom:100px!IMPORTANT;
}

.BGgrass .btn{
	margin:160px 0px 0px 50%;
}

.forestBox {
	padding-top:70px;
}

.pictureBox h3 {
	font-size: 32px;
	height: 70px;
}
	
.awards img{
	margin-right:10%;
	margin-left:30px;
	}
	

.navbar-linearLinks .navbar-nav > li > a, .chooseText {
	font-size: 0.9em;
	}

.chooseText {
	display:inline !important;
	width:138px;
	font-size: 0.9em;
	}

.largePicturePromo h1 {
	font-size:44px;
}

.ParentSideBar {
	margin:0px;
}
	
.sideBar, .ParentSideBar {
	padding-top:20px;
	padding-bottom:40px;
	margin-top:0px;
	clear:none !important;
}
	
 .sideIcon{
 }
 
 .entry-title, .entry-header .entry-meta
{
  padding-right: 76px;
}

#access ul {
	font-size: 18px;
	margin: 0 0 0 0px;
}

#access a {
	padding: 0 0.8em;
  	font-size:16px;
	}

.areaTitle {
	margin-left:0px;
	}

footer.entry-meta{
	margin:0px;
	}

.blueBox {
	margin-bottom:15px;
	}
	
	
.statBox h2, .staffBox h2, .polBox h2 {
	font-size:30px;
}

	
}

@media (min-width: 1200px) {
	


.kiskadoo_breadcrumb {
	margin-top:0px;
}

.publicPage .kiskadoo_breadcrumb {
	margin-top:160px;
}
	

	
.linksBand.activeSub {
	  top:50px;
}
	
.navbar-header {
	width :210px;
}

.navbar-brand img {
	width:210px;
	}
	
.hfeed .navbar-brand img {
	width:200px;
	}
.hfeed .navbar-header {
	width :210px;
}

.flagText {
	position:relative;
	width: 100%;
	max-width:1140px;
	margin:-350px auto 0px!important;
}

.BGgrass{
	background-size:150% 90%;
	padding-bottom:150px!IMPORTANT;
}

.BGgrass .btn{
	margin:130px 0px 0px 50%;
}


.navbar-linearLinks ul {
	padding-left:200px;
}
	
.smallLogo .navbar-brand img{
	top:0px !important;
	width:100px !important;
	margin-left:70px;
}
	
	
#titleBand {
	max-height:250px;
}

#access a {
  	font-size:18px;
	}

	
.navbar-default .navbar-nav > li > a{
	font-size: 1.5em;
	padding-left:10px;
	padding-right:10px;
	}
	
.homeRow1
{
  padding-top: 0px;
}

.largePicturePromo h1 {
	font-size:60px;
}
	
.awards img{
	margin-right:10%;
	margin-left:40px;
	}


.pageBody .col-lg-9 {
	padding-right:40px;
}
	
.aligncenter{
	margin-top:40px !important;
	margin-bottom:40px !important;
	}

.sideBar .aligncenter{
	margin-top:20px !important;
	margin-bottom:20px !important;
	}
	
.single .edit-link, .page .edit-link {
	right:40px;
	}
	
}

/* styles for printing the newsletter */
@media print {
	.pageBody:before{
  content:url('images/logo_bw.png');
  margin:0px;
  margin-left:20px;
  padding:0px;
}
   
   #head, .footer, .lowerFooter, .edit-link, .messageContainer, .printHide {
display: none;
}

   .entry-content p {
	   font-size:12px;
   }

   .entry-content img {
	   display:none;
   }
   
   a {
	   color:#000 !important;
   }
   
   .externalLink {
	   border:none !important;
	   color:#000 !important;
   }

  a[href]:after {
    content: none !important;
  }
  
  .clubsTable, .eventsTable {
	 max-width:50% !important;
  }

}