/*
Theme Name: woodleigh
Theme URI: http://woodleigh.school.nz
Description: Woodleigh Primary School | New Plymouth
Author: Frontroom
Author URI: http://frontroom.co/
Version: 1.0
Tags: 

License: 
License URI: 

*/


@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Kalam:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url('bootstrap/css/bootstrap.css'); 

body 	{ 
	background-color:#FFF;
	height:100%;
	font-size: 13px;
	}

.row	{margin-bottom:50px; margin-top:50px;
	}

.navbar-default {z-index:9999999;}
	
div.col-sm-4 {text-align:center; }
.col-sm-12.center {text-align:center; }


.jumbotron h1{font-size: 38px;
	font-color:#fff;}

h1	{font-family: 'Kalam', cursive;
  	font-weight: 700;
  	letter-spacing: 2px;
  	color: #fff;
	text-transform: uppercase;
	margin-bottom:30px;
	display: inline-block;
	text-align:center;}

h2	{font-family: 'Kalam', cursive;
  	font-weight: 400;
  	letter-spacing: 2px;
  	color: #fff;
  	font-size: 17px;
	display:inline-block;
	border-bottom:2px solid #fff;
	text-transform: uppercase;
	margin-bottom:30px;
	text-align:center;}

h3	{font-family: 'Kalam', cursive;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	padding-top:25px;
	letter-spacing:2px;}

h4	{font-family: 'Kalam', cursive;
  	font-weight: 400;
  	letter-spacing: 2px;
  	color: #006D64;
  	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:30px;
	padding-right:20px;
	text-align:right;
	margin-top:20px;
	}

h5	{font-family: 'Kalam', cursive;
  	font-weight: 400;
  	letter-spacing: 2px;
  	color: #006D64;
  	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:30px;
	padding-left:20px;
	text-align:left;
	margin-top:20px;
	}

h6	{font-family: 'Kalam', cursive;
	color:rgb(147, 115, 58);;
	font-size:14px;
	line-height:14px;
	padding-top:25px;
	letter-spacing:2px;}

h7	{font-family: 'Kalam', cursive;
  	font-weight: 400;
  	letter-spacing: 2px;
  	color: #772E2C;
  	font-size: 17px;
	display:inline-block;
	border-bottom:2px solid #772E2C;
	text-transform: uppercase;
	margin-bottom:30px;
	text-align:center;}

hr	{margin-top: 10px;
  	margin-bottom: 10px;
  	border: 0;
  	border-top: 1px solid #C6A155;}

ul   	{-webkit-padding-start: 0px;}

hr.green{border:2px solid #006D64; display:block; margin-bottom:60px;}



p1	{font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	padding-right:5px;}

p2	{font-family: 'Open Sans', sans-serif;
	font-size:11px;
	font-weight:600;
	line-height:11px;
	letter-spacing:2px;
	color: #fff;
	text-transform: uppercase;
	position:relative;
	margin-top:83px;
	float:left;
	text-align:center;}

.col-sm-6 > p2  {float:right; 
	text-align:center;
	position:relative;
	width:100%;}

.col-sm-6 > p6 {float:right; 
	text-align:center;
	position:relative;
	width:100%;}

p3	{padding-top:30px;
	display:inline-block;
	font-size:9px;}

p4	{padding-left:15px;
	font-size:12px;
	}

p5	{padding-left:17px;
	font-size:12px;
	}

p5 a	{color: #93733A;}

p6	{font-family: 'Open Sans', sans-serif;
	font-size:9px;
	padding-top:10px;
	letter-spacing:2px;
	color:#fff;
	position:relative;
}

p7 a	{font-family: 'Open Sans', sans-serif;
	font-size:11px;
	font-weight:600;
	line-height:11px;
	letter-spacing:2px;
	color: #FFF;
	text-transform: uppercase;
	position:relative;
	margin-top:100px;
	float:left;
	text-align:center;}

@font-face {
    font-family: 'cubanoregular';
    src: url('../fonts/cubano-regular.eot');
    src: url('../fonts/cubano-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cubano-regular.woff2') format('woff2'),
         url('../fonts/cubano-regular.woff') format('woff'),
         url('../fonts/cubano-regular.ttf') format('truetype'),
         url('../fonts/cubano-regular.svg#cubanoregular') format('svg');
    font-weight: normal;
    font-style: normal;}

.baseline {margin-top: 50px;
  	margin-bottom: 50px;}


.jumbotron { min-height:100vh;
  	padding-top: 0px;
  	padding-bottom: 0px;
	}

.jumbotron p {
  	margin-bottom: 15px;
  	font-size: 13px;
  	font-weight: 200;
	text-align:left;
	color:#93733A;
	letter-spacing:2px;}

#HANDS .jumbotron p {color:#7C7C7C;}
#BOT .jumbotron p {
  	
	color:#772E2C;
	}

#gallery .col-sm-10 .h2 {text-align:center;}
#enrolment .col-sm-6 .h2 {text-align:center;}


.jumbotron.vertical-center { 
  	margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
	}


.vertical-center {
	margin-top:0px;
	background:none;
  	min-height: 100%;  /* Fallback for vh unit */
        min-height: 100vh; /* These two lines are counted as one :-)       */


  	/* Make it a flex container */
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex; 
  
  	/* Align the bootstrap's container vertically */
    	-webkit-box-align : center;
  	-webkit-align-items : center;
       	-moz-box-align : center;
       	-ms-flex-align : center;
          align-items : center;
  
  	/* In legacy web browsers such as Firefox 9
     	we need to specify the width of the flex container */
  	width: 100%;
  
  	/* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     	hence the bootstrap's container won't be aligned to the center anymore.
  
     	Therefore, we should use the following declarations to get it centered again */
        -webkit-box-pack : center;
        -moz-box-pack : center;
        -ms-flex-pack : center;
  	-webkit-justify-content : center;
        justify-content : center;
	}


.gce-list-event, .gce-tooltip-event {
  	font-size: 13px;
    	line-height: 1.42857143;
	font-weight:400;
  	padding: 0px;
	text-align:center;}

.gce-list-title {display:none;}

div.gce-feed.gce-feed-22 .woods	{font-size:10px; display:inline; position:relative; }

div#gce-1.gce-page-list.gce-page-list-22	{padding:20px;
	background:#7EAA91;
	text-align:left;
	margin-top: 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	color:#597F69;
	letter-spacing:1px;
	}

.simcal-default-calendar-list {padding:20px;
	background:#7EAA91;
	text-align:center;
	margin-top: 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	color:#597F69;
	letter-spacing:1px;
	}

.simcal-day-label	{display:none;}
.simcal-default-calendar-list .simcal-calendar-head {display:none;}
.simcal-calendar-list p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	line-height: 1.42857143;
    	color: #597F69;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 0px;
	text-align:center;
	font-weight:400;}

.wpdm-download-link  
	{ 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	line-height: 1.42857143;
    	color: #597F69;
	}

dl {margin-bottom:0px;padding-top:2px;}

.btn 	{font-family: 'Kalam', cursive;
	color:#597F69;
	font-weight:600;
	font-size:11px;
	text-transform: uppercase;
	float:left;}



/* ------------------------------------------------------------ */

ul.dt-twitter	  {-webkit-padding-start: 20px;}

.dt-twitter	{background:#7EAA91;
		padding: 20px;
		margin-top: 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;}

.dt-twitter-tweetbody { 
	color:#597F69;
	letter-spacing:1px;
	line-height:23px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;}

li.first  {list-style-type: none;}

h2.widgettitle	{display:none;}

div.widget.otw-widget-1.widget-first.widget_wpfb_catlistwidget 
	{background:#fff;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	padding:20px;}


div.widget.otw-widget-2.widget-last.widget_wpfb_catlistwidget ul	{list-style-type: none; margin-bottom:0; position:relative; padding-top:10px; text-align:center; -webkit-padding-start: 0px;}
div.widget.otw-widget-2.widget-last.widget_wpfb_catlistwidget ul li	{display:inline-block; padding-right:15px; position:relative;}
div.widget.otw-widget-2.widget-last.widget_wpfb_catlistwidget ul li:last-child	{padding-right:0px; position:relative;}
div.widget.otw-widget-2.widget-last.widget_wpfb_catlistwidget ul li a	{font-family: 'Kalam', cursive;}

div.otw-sidebar.otw-sidebar-2.otw-sidebar-vertical
	{background:#F27F77;
	padding:20px;
	}

.navbar-nav > li > a	{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color:#CCC;
	font-size:10px;
	display:inline-block;
	margin-top:1px;}

a	{
  	font-weight: 400;
	letter-spacing:2px;
	color:#333333;
	}

a:hover	{text-decoration: none;
	color:#ccc;}

.wood_title	{
	font-family: 'Playfair Display', serif;
        color:#7A8950;
	font-size:14px;
	display:inline-block;
	margin-top:1px;
	}

.woods	{text-align:center;
	padding-bottom:10px;
	padding-top:5px;}

.image	{width:100%;
	height:auto;
	position:relative;}

.login	{
	background: url(http://woodleigh.school.nz/wp-content/uploads/2015/07/login@2X.png);
	width: 29px;
  	height: 29px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 29px 29px;
	display:inline-block;
	margin-left: 20px;
	margin-top:2px;}



 @media only screen and (min-width: 480px) and (max-width: 767px) {
	.vertical-center {margin-top:0px;}			
	h4 {text-align:middle;}
	.login {margin-left:0px;}
	#information {height: auto;}	
	}

@media only screen and (max-width: 767px) {
	.vertical-center {margin-top:0px;}
	.login {margin-left:0px;}
	h4 {text-align:middle;}
	h2.next_event1{padding-top:30px; margin-left:-155px;}
	h2.next_event2{padding-top:30px; margin-left:-115px;}
	#about .col-sm-4	{padding-top:100px;}
	p2{display:none;}}

.kowhai	{text-align:center;
	background: url(http://woodleigh.school.nz/wp-content/uploads/2015/07/title.png);
	width: 86px;
  	height: 110px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 86px 110px;
	display:inline-block;}

footer	{min-height:200px; height:auto; background:#7C7C7C; z-index:10000; position:absolute; width:100%; }


.intro	{margin-top:50px;
	padding-left: 15px;
  	padding-right: 15px;
	margin-bottom:50px;
	text-align:left;	
	}

.intros	{  
	padding-left: 15px;
  	padding-right: 15px;
	margin-bottom:50px;
	margin-top:10px;
	text-align:center;
	}

.triangle	
	{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 75px;
	border-color: transparent transparent transparent #006d64;
	}


.woodleigh img	
	{
	padding-top:10px;
	padding-right:20px;
	border-right: 1px solid #777777; 
	}

.just	{
	margin-top:-50px;
	background: url(http://www.woodleigh.school.nz/wp-content/uploads/2015/07/logo_round@2X.png);
	width: 146px;
  	height: 149px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 146px 149px;
	display:inline-block;
	}

.castle{
	background: url(http://www.woodleigh.school.nz/wp-content/uploads/2015/07/castle.png);
	width: 125px;
  	height: 125px;
	min-height: 125px;
	margin-bottom:10px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 125px 125px;
	left:50%;
	margin-left:-62px;
	position:relative;
	display:block;
	}

.news{
	background: url(http://www.woodleigh.school.nz/wp-content/uploads/2015/07/news.png);
	width: 125px;
  	height: 125px;
	margin-bottom:10px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 125px 125px;
	left:50%;
	margin-left:-62px;
	position:relative;
	}


.cross	{
	background: url(http://www.woodleigh.school.nz/wp-content/uploads/2015/07/cross.png);
	width: 125px;
  	height: 125px;
	min-height:125px;
	display:block;
	margin-bottom:10px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 125px 125px;
	left:50%;
	margin-left:-62px;
	position:relative;
	}

.plane{
	background: url(http://www.woodleigh.school.nz/wp-content/uploads/2015/07/plane.png);
	width: 180px;
  	height: 125px;
	min-height:125px;
	display:block;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 180px 125px;
	left:50%;
	margin-left:-90px;
	position:relative;
	}

.message{
	background: url(http://woodleigh.school.nz/wp-content/uploads/2015/07/message.png);
	width: 350px;
  	height: 109px;
	min-height: 109px;
	margin-bottom:10%;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 350px 109px;
	display:inline-block;}

.reel	{
	background: #55BBC1;
	width: 350px;
  	height: 30px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 350px 125px;
	left:50%;
	margin-left:-175px;
	position:absolute;
	margin-top:-50px;
	display:none;
	}

.car{
	background: url(http://www.woodleigh.school.nz/wp-content/uploads/2015/11/car.png);
	width: 317px;
  	height: 125px;
	min-height: 125px;
	margin-top:60px;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 317px 125px;
	left:50%;
	margin-left:-159px;
	position:relative;
	display:block;
	}

#about 
	{
	padding-top:40px;
	padding-bottom:40px;
    	background-color: #E4BE6C;
    	min-height: 100vh;
	height: auto;
    	width: 100%;
	text-align:center;
	}

#gallery 
	{
	padding-top:40px;
	padding-bottom:40px;
    	background-color: #55BBC1; 
    	height: auto;
	min-height: 100vh;
    	width: 100%;
	position:relative;
	}

#learning 
	{
	padding-bottom:40px;
    	background-color: #FCBA6B; 
    	height: auto;
	min-height: 100vh;
    	width: 100%;
	position:relative;
	text-align: center;
	}

#enrolment 
	{
	padding-top:40px;
	padding-bottom:40px;
    	background-color: #AA98B7; 
    	height: auto;
	min-height: 100vh;
    	width: 100%;
	position:relative;
	text-align:center;
	}

#enrolment p	{color:#614475;}
#enrolment h2	{color:#614475;}
#learning p	{color:#C16F16;}
#learning h2	{color:#C16F16;}

#demo 	{		
	width:349px;
	height:277px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-132px;
	margin-left:-141px;
	display:none;}

#BOT 
	{
	padding-top:40px;
	padding-bottom:40px;
    	background-color: #EF6961;
    	min-height: 100vh;
	height: auto;
    	width: 100%;
	text-align:center;
	}

#HANDS 
	{
	padding-top:40px;
	padding-bottom:40px;
    	background-color: #D1D3D4; 
    	min-height: 100vh;
	height: auto;
    	width: 100%;
	text-align:center;
	}

#browser{background-color:#7EAA91;
	padding:20px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	margin-top:5px;}

#browser1 {background-color:#EF6961;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;}

li#wpfb-cat-1.collapsable span img,
li#wpfb-cat-2.collapsable span img,
li#wpfb-cat-3.collapsable span img,
li#wpfb-cat-4.collapsable span img,
li#wpfb-cat-5.collapsable span img,
li#wpfb-cat-1.hasChildren.expandable span img,
li#wpfb-cat-2.hasChildren.expandable span img,
li#wpfb-cat-3.hasChildren.expandable span img,
li#wpfb-cat-4.hasChildren.expandable span img,
li#wpfb-cat-5.hasChildren.expandable span img	{display:none;}
span img	{display:none;}
.hitarea	{display:none;}

.treeview li, ul.treeview li { background: none; display:inline; 
	margin: 0;
   	padding: 3px 0pt 3px 10px;}

.treeview li, ul.treeview li a 
	{    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	line-height: 1.42857143;
	color:#597F69;
	}

.collapsable, .expandable 
	{font-weight:600;
	}	

.collapsable p	{display:none;}


.moxie-shim moxie-shim-html5 
	{font-weight: 400;
	}



#wpfb-filebrowser-1 {padding-left: 0px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;}

h2.next_event	{text-align:center;
	}

div.thumbnails {display:none;}

#home {
    	
	background-color: #98C4AC; 
	background-size: cover;
    	background-repeat: no-repeat;
   	height: 100vh;
    	width: 100%; 
	text-align:center;
    	overflow: hidden;
	}

#home-school	{margin-top:-32px;
	position:relative;}

#information {padding-top:40px;
	padding-bottom:40px;
    	background-color: #98C4AC; 
    	min-height:100vh;
    	width: 100%;
	position:relative;}



.entry-content .treeview .placeholder {
  display:none;
}
.everyday {
    height: 100vh;
}
.embed-responsive {
    position: absolute;
    left: 0; right: 0;
    top: 50%;
    margin-top: -26.5%;
    /* video height / video width */
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden;
}
.embed-responsive iframe {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}

.back_to_top	
	{float:right;
	right:5px;
	position:absolute;
	bottom:-102px;}

.logie	{top:65px;
	position:absolute;}

.right_links	{margin-top:-50px;
		text-align:right;
		}

hr		{padding-left:-20px;
		padding-right:-20px;}

#zzis_container_144	{position:relative;
	display:inline-block;
    	transform: scale(0.7);
	-webkit-transform:scale(0.7);}

div.jssorb21 {
    display:none;}

.wpdm_icon {display:none;}

span.label.label-default {display:none;}

.ptitle {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 10.5px;
	font-weight: 300;
	letter-spacing:1px;
    	line-height: 1.42857143;
   	display:none;
	}

#BOT .w3eden {margin-top:10px;
	width:70%;
 	background: #D15956;
    	padding: 6px;
    	border-radius: 4px 4px 4px 4px;
    	-moz-border-radius: 4px 4px 4px 4px;
    	-webkit-border-radius: 4px 4px 4px 4px;
	float:right;
	text-align:center;
	color: #772E2C;}

#BOT .w3eden a {color: #772E2C;}

#HANDS .w3eden {
	width:50%;
 	background: #B2B2B2;
    	padding: 6px;
    	border-radius: 4px 4px 4px 4px;
    	-moz-border-radius: 4px 4px 4px 4px;
    	-webkit-border-radius: 4px 4px 4px 4px;
	text-align:center;
	margin-top:30px;
	color:#93733A;
	float:right;
	}



#HANDS.w3eden a 	{color: #7C7C7C;}
#HANDS a		{color: #7C7C7C; font-style:bold;}
.flower			{margin-top:75px;}
.flower img		{position:absolute; margin-right:30px; }
.desc			{width:70%;}

span arrowleft		{left:-120px;}		
.jssora22r		{padding-right:-120px;}

.welcome		{text-align:center;
			margin-top:60px;}