/*

Theme Name: PASS
Theme URI: http://pass.school.nz
Author: Votre Arme
Author URI: http://votrearme.co.nz
Description: Custom theme for PASS Website.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pass
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 PASS is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

*/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */





@font-face {

    font-family: 'entyporegular';

    src: url('fonts/Entypo-webfont.eot');

    src: url('fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Entypo-webfont.woff') format('woff'),

         url('fonts/Entypo-webfont.ttf') format('truetype'),

         url('fonts/Entypo-webfont.svg#entyporegular') format('svg');

    font-weight: normal;

    font-style: normal;



}









html,

button,

input,

select,

textarea {

    color: #222;

}



html {

    font-size: 1em;

    line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

video {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */





body {

    margin:0;

}



#header-block {

    margin:0 auto;

    width:100%;

    max-width:1000px;

    height:190px;

    

}



#logo {

    position: absolute;

    margin-left:10px;

    z-index: 20;

    

    width:380px;

    height:360px;

    

    background: url("img/pass-logo.png") no-repeat;

}



.div-link a {

    display: block;

    width:100%;

    height:100%;

    text-decoration: none;

}



.div-link a:hover {

    text-decoration: none;

}



#call-to-action {

   

    

    float:left;

    margin-left:410px;

    width:290px;

    

    

    height:100%;

}







#for-students {

    margin-top:20px;

    position:relative;

    background: url("img/for-students.png") no-repeat;

    height:100px;

    z-index:2;

    

}



#for-students:hover {

    background: url("img/for-students-over.png") no-repeat;

}



#for-parents {

     position:relative;

     margin-left:50px;

    background: url("img/for-parents.png") no-repeat;

    height:100px;

    margin-top:-40px;

    z-index:1;



}



#for-parents:hover {

    background: url("img/for-parents-over.png") no-repeat;

}











#social {

    float:right;

    width:290px;

    text-align: center;

 

}





.social-icons {

    margin-top:30px;

    margin-left:25px;

    margin-bottom:10px;

    float:left;

    width:60px;

    height:60px;

    

}





#fb {

    background: url("img/social/fb.png");

    opacity: 0.8;

}



#fb:hover {

   opacity: 1;

}



#tw {

    margin-top:60px;

    background: url("img/social/tw.png");

    opacity: 0.8;

}



#tw:hover {

   opacity: 1;

}



#yt {

    background: url("img/social/yt.png");

    opacity: 0.8;

}



#yt:hover {

   opacity: 1;

}





#phone-hero {

    float:right;

    margin-right:15px;

    font-family: 'Roboto Slab', serif;

    font-weight: 700;

    color: #611c36;

    font-size:40px;

    

}



#phone-hero a {

	text-decoration: none;

}









#slider-block {

    margin:0 auto;

    width:100%;

    max-width:1000px;

    height:340px;

    

}





#menu-block {

    width:100%;

    height:50px;

    

    text-align: center;

    background: url("img/menu-bg-strip.jpg") repeat-x;



}







/* MENU */

#menutoggle {

    display:none;

}



#menu-block ul {



    text-align: center;

    display: inline;

    margin: 0;

    list-style: none;

    

    position: relative;

    z-index: 1000;

  

}

#menu-block ul li {

    font-family: 'Roboto Slab', serif;

    font-weight: 500;

    font-size:20px;

    text-transform: capitalize;

   

    display: inline-block;

    margin-left:10px;

    margin-right: 0px;

    position: relative;

    padding: 7px 10px;

    

    

    color:#222;

    cursor: pointer;

   

}

#menu-block ul:first-child {

    margin-left:-50px;

}

#menu-block ul li a {

    text-decoration: none;

    color:#fff;

    padding-bottom: 20px;

}

#menu-block ul li a:hover {

    color:#0ebddc;

}















#menu-block ul li ul {

    padding: 0;

    position: absolute;

    top: 50px;

    left: -20px;

    width: 223px;

    

    

    background: url("img/mob-menu-bg.jpg") repeat;

       

  

    display: none;

    opacity: 0;

    visibility: hidden;

    -webkit-transiton: opacity 0.2s;

    -moz-transition: opacity 0.2s;

    -ms-transition: opacity 0.2s;

    -o-transition: opacity 0.2s;

    -transition: opacity 0.2s;

}

#menu-block ul li ul li {

	

	

    

    margin-left: 0px;

    font-size:18px;

    line-height:18px;

   

    display: block; 



}

#menu-block ul li ul li a {

    margin-left:-10px;

    padding:10px;



    display:block;

    width:100%;

    height:100%;

}



#menu-block ul li ul li:hover {

	color:#0ebddc;

}

#menu-block ul li:hover ul {

    display: block;

    opacity: 1;

    visibility: visible;

}







#menu-block ul li.current-menu-item > a, #menu-block ul li.current-menu-parent > a,  #menu-block ul li ul li.current-menu-item > a  {

	color:#0ebddc;

}









/*----*/









#content-strip {

    width:100%;

    background: url("img/necklace-wm.jpg") no-repeat;

    background-position: bottom center;

    

    padding-bottom:15px;

    

    position: relative;

	z-index:0;

}



#content-block {

	

    margin:25px auto;

    width:100%;

    max-width:940px;

    padding:0px 30px;

    

    



    

    

}



#content-block img {

	padding:5px;

}



#home-grid {

	position: relative;

	z-index:0;

    margin:25px auto;

    width:100%;

    max-width:940px;

    



}



.item {  width: 290px; height:200px;}



.item.w2 { height:430px; }



.item a {

	display: block;

	width:100%;

	height:100%;



}



#footer-strip {

    width:100%;

    background-color: #701f3e;

    



}



#footer-block {

    margin: 0 auto;

    width:100%;

    max-width:1000px;

    padding-bottom:10px;

    

    

    background: url("img/vaka-wm.png") no-repeat;

    background-position: bottom 50px right 0px;

}



#footer-left {

    float:left;

    margin-left:30px;

    width:290px;

    height:100%;

    



}



#footer-block input {



    border:1px solid #701f3e;

    background: #fff;

    

    font-family: 'Lato', sans-serif;

    font-size:13px;

    letter-spacing: 0.7px;

    

    padding:5px;

    width:100%;

}





#footer-block input[type=submit] {

	

	float:right;

	width:115px;

	padding: 5px;

	padding-left:33px;

	padding-right:10px;

        margin: 2px -11px 10px 0px;

  

	border-radius: 5px;

	font-family: 'Roboto Slab', serif;

	font-size: 14px;

	text-transform: capitalize;

        font-weight: 700;

	color: #fff;

	text-decoration: none;

        

         background-color: #b93365;

	border-bottom: 2px solid #701f3e;



	

	background-image: url('img/pass-icon1-white.png');

	background-repeat: no-repeat;

	background-position: 7px 5px;

	background-size: 19px 19px;

}



#footer-left #contact-left {

	width:48%;

	float:left;

	

}



#footer-left #contact-right {

	width:48%;

	float:right;

}







#footer-middle {

    float:left;

    margin-left:30px;

    width:340px;

    height:100%;

    



}



#footer-middle #map {

	

	width:100%;

	height:220px;



	

}



#footer-right {

    float:left;

    margin-left:30px;

    width:280px;

    height:100%;



}



#footer-end-strip {

    width:100%;

    background-color: #3f1221;

    



}



#footer-end-block {

    margin: 0 auto;

    width:100%;

    max-width: 1000px;





}



.footer-copy {

	float:left; padding-left:20px;



}



.footer-by {

	float:right;

}





/* NEWS PAGE */

article {

	margin-bottom:10px;

}

.news-thumb {

	float:left;

	width:22%;

	max-width:210px;

	margin-top:15px;

	margin-right:10px;

}

.news-snippet {

	float:left;

	width:76%;

	max-width:700px;

}





/* FAQ PAGE */



#faq-block h4 {

	cursor: pointer;

}



#faq-block .faq-answer {

	border-left:2px solid #701f3e;

	margin-left:15px;

	padding-left:15px;

}



/* GALLERY */





.gallery {

	overflow: hidden;

	margin-bottom: 28px;

}

 

.gallery-item {

	float: left;

	margin: 0;

	padding: 0 4px;

	text-align: center;

	width: 100%;

	margin-bottom:30px;

	

}



#content-block .gallery-item img {

	padding:10px;

}



.gallery-item img {

	

	border:1px solid #aaa;

	

	

	-webkit-box-shadow: 2px 2px 15px 0px rgba(17,17,17,0.15);

	-moz-box-shadow: 2px 2px 15px 0px rgba(17,17,17,0.15);

	box-shadow: 2px 2px 15px 0px rgba(17,17,17,0.15);

}

 

.gallery-columns-2 .gallery-item {

	width: 50%;

}

 

.gallery-columns-3 .gallery-item {

	width: 30%;

}

 

.gallery-columns-4 .gallery-item {

	width: 24%;

}

 

.gallery-columns-5 .gallery-item {

	width: 20%;

}

 

.gallery-columns-6 .gallery-item {

	width: 16.6666%;

}

 

.gallery-columns-7 .gallery-item {

	width: 14.2857%;

}

 

.gallery-columns-8 .gallery-item {

	width: 12.5%;

}

 

.gallery-columns-9 .gallery-item {

	width: 11.1111%;

}

 

.gallery-columns-2 .gallery-item:nth-child(2n+1),

.gallery-columns-3 .gallery-item:nth-child(3n+1),

.gallery-columns-4 .gallery-item:nth-child(4n+1),

.gallery-columns-5 .gallery-item:nth-child(5n+1),

.gallery-columns-6 .gallery-item:nth-child(6n+1),

.gallery-columns-7 .gallery-item:nth-child(7n+1),

.gallery-columns-8 .gallery-item:nth-child(8n+1),

.gallery-columns-9 .gallery-item:nth-child(9n+1) {

	clear: left;

}

 

.gallery .gallery-item img {

	

	height: auto;

}









/* CONTACT FORM */



#main-contact-form {

	background: rgba(178, 228, 228, 0.8);

	border:1px solid #ccc;

	padding:20px;

	color:#111;

	font-size:14px;

	

	width:40%;

}



.req {

	color:#ff0000;

}





#main-contact-form  input {



    border:1px solid #701f3e;

    background: #fff;

    

    font-family: 'Lato', sans-serif;

    font-size:13px;

    letter-spacing: 0.7px;

    

    padding:5px;

    width:95%;

}



#main-contact-form  textarea {



    border:1px solid #8a4609;

    background: #fff;

    

    font-family: 'Lato', sans-serif;

    font-size:13px;

    line-height: 14px;

    letter-spacing: 0.2px;

    

    padding:5px;

    height:72px;

    width:95%;

    

    

    resize: none;

}





#main-contact-form  input[type=submit] {



    

	

	float:right;

	width:100px;

	padding: 5px;

	padding-left:40px;

	padding-right:10px;

        margin: 0px 10px 10px 0px;

  

	border-radius: 5px;

	font-family: 'Roboto Slab', serif;

	font-size: 18px;

        font-weight: 700;

	color: #fff;

	text-decoration: none;

        

         background-color: #b93365;

	border-bottom: 2px solid #701f3e;



	

	background-image: url('img/pass-icon1-white.png');

	background-repeat: no-repeat;

	background-position: 5px 4px;

}







#content-block .wpcf7

{

    background-color: none;

    border: 0px solid #0f0;

    font-family: 'Lato', sans-serif;

    font-size:14px;

    color:#111;

}



#content-block .wpcf7-validation-errors {

	

    border:0;

    float:left;

    margin:0;

    

    margin-top:-30px;

    

    

    

    color:#ff0000;

    

}



#content-block .wpcf7-not-valid-tip

 {

	display: block;

	color:#ff0000;

	font-size:12px;

 }



#content-block .wpcf7-mail-sent-ok {

    border: 0;

}

#content-block .wpcf7-response-output {

    border:0;

    float:left;

    margin:0;

    

    margin-top:-55px;

    margin-left:10px;

    

    width:25%;

    

}







/* CONTACT FORM */





.mc-field-group {

	 font-family: 'Lato', sans-serif;

    font-size:14px;

    color:#111;

    margin-top:20px;

}





/* MAIN FONT STYLES */



/* With Icon*/

h1 {

    

    font-family: 'Roboto Slab', serif;

    font-weight: 700;

    color: #0dbddc;

    font-size:24px;

    

    background: url("img/pass-icon1.png") no-repeat;

    background-position: 0px 4px;

    padding-left:35px;

    

    letter-spacing: 1px;

    margin:10px 0px 5px 0px;

}



 h1  a {

	color: #0dbddc;

	

 }



/* Without Icon*/

h2 {

    

    font-family: 'Roboto Slab', serif;

    font-weight: 700;

    color: #611c36;

    font-size:22px;

    

    letter-spacing: 1px;

    margin:10px 0px 5px 0px;

}



h3 {

    

    font-family: 'Roboto Slab', serif;

    font-weight: 700;

    color: #0dbddc;

    font-size:18px;

    

    letter-spacing: 1px;

    margin:10px 0px 5px 0px;

}



h4 {

    

    font-family: 'Roboto Slab', serif;

    font-weight: 700;

    color: #611c36;

    font-size:18px;

    

    letter-spacing: 1px;

    margin:10px 0px 5px 0px;

}



h5, h6 {



   font-family: 'Roboto Slab', serif;

    color:#0dbddc;

    letter-spacing: 1px;

}







p {

    font-family: 'Lato', sans-serif;

    font-size:16px;

    color:#11111;

    letter-spacing: 0.2px;

    margin-top:0px;

}



p.intro {

    font-size:18px;

    font-weight:500;

    color:#611c36;

}



blockquote, blockquote p {

	border-left:2px solid #611c36;

        color:#611c36;

	padding-left:10px;

        font-family: 'Lato', sans-serif;

        font-size:24px;

	font-weight:700;

}

 blockquote p {

	border:0;

 }



.wp-caption-text {

	font-family: 'Lato', sans-serif;

	font-size:12px;

	font-style: italic;

	padding:5px;

}



ul, ol {

	 font-family: 'Roboto Slab', serif;

         font-weight: 700;

         font-size:18px;

        color:#611c36;

        letter-spacing: 0.5px;

        margin-top:0px;

}





a {

    color:#8f2950;

    text-decoration: none;



}

a:hover {

    text-decoration: underline;

}



.alignright {

	float:right;

}







#footer-block  h3 {

    color:#fff;

    font-size:16px;

    font-weight: 600;

}



#footer-block p {

    font-size:13px;

    color:#fff;

    font-weight: 300;

    line-height: 15px;

}



#footer-end-block p {

    color:#eee;

    font-size:12px;

    margin: 0;

    padding: 5px;

    opacity: 0.8;

    

}



#footer-end-strip a {

	color:#0dbddc;

}





/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



/* Smaller than 480 (mobile) */

@media screen and (max-width: 640px) {

    

    

#header-block {

    height:auto;

}



#logo {



    position: relative;

    margin:10px auto 0px auto;

    width:100%;

    height:280px;

    

    background: url("img/pass-logo-x2.png") no-repeat;

    background-position:top center; 

    background-size: 300px 280px;

    

 

}





#call-to-action {

   float:none;

    margin-left:0px;

   

    margin:0px auto;

}







#for-students {

    margin-top:0px;

    

    

}



#social {

    float:none;

    

   

    text-align: center;

    



     

     

     width:auto;

     height:65px;

     

 

}





.social-icons {

	float:none;

     display: inline-block;

     margin:0 10px;

     

    

}

#tw {

    margin:0;

    margin-bottom:5px

}







#phone-hero {



    

    float:left;

    width:100%;

    margin:0;

    text-align: center;

    

}











#slider-block {

    margin:0 auto;

    width:100%;

    max-width:1000px;

    height:auto;

    

}



/*TEMP*/

#slider-block img {

    width:100%;

}





#menu-block {

    width:100%;

    height:50px;

    

    text-align: center;

    background: url("img/menu-bg-strip.jpg") repeat-x;



}







/* MENU */



#menu-block {

    background: none;

}



#menutoggle {

    display:block;

    width:80%;

    margin:10px auto 0px auto;

    padding:10px;

    

    

    font-family: 'Roboto Slab', serif;

    font-size:24px;

    font-weight: 700;

    text-align: left;

    



    color:#641c37;

    background-color: #fff;

    border:0;

    cursor: pointer;

    

    border:5px solid #641c37;

    

}



#menu-block .menuicon {

    font-family: 'entyporegular';

    font-size:46px;

    color:#641c37;



    

}



#menu-block div {

	width:72%;

	 margin:0px auto;

	 

	 

}







#menu-block ul {



    width:100%;

    position: relative;

    

    background: url("img/mob-menu-bg.jpg") repeat;

    

    display: none;

    

    z-index: 10;

}



#menu-block ul:first-child {

    margin-left:-20px;

}



#menu-block ul li {

   

    display: block;

    

    color:#222;

    cursor: pointer;

    





    margin-left:-40px;

    text-align: center;

    

    font-size: 20px;

}











#menu-block ul li ul {

      display: block;

      visibility: visible;

      opacity: 1;

      position: relative;

      margin-top:5px;

      margin-left:20px;

       width:100%;

      top:0;

      

 

      

       

      

      

}



#menu-block ul li ul li {

    font-size:14px;

    line-height:10px;

	padding:0;

    

    border-bottom:0;

    display: block;



   

    

}



#menu-block ul li ul li:hover {

    border-bottom:0;

    }





/*----*/









#content-strip {



    background: url("img/necklace-wm-mob.jpg") no-repeat;

    background-position: bottom center;

    

    padding-bottom:15px;

}



#content-block {

    width:95%;

    padding:0;

}



#content-block img {

	padding:5px;

}









#home-grid {

margin:0;

width:95%;

}



.item {  width: 100%; height:200px;}

.item.w2 { height:430px; }





#footer-block {

   

    

    background: url("img/vaka-wm.png") no-repeat;

    background-position: bottom center;

    padding-bottom:240px;



}



#footer-block input[type=submit] {

	

	margin-right:5px;

	margin-top:2px;



}



#footer-middle #map {

	

	width:90%;

	height:200px;

	margin: 0 auto;



	

}



#footer-left {



    

     float:none;

     width:100%;

     margin:0;

    



}





#footer-left #contact-left, #footer-left #contact-right, #footer-left #contact-span {

	width:90%;

	margin: 0 auto;

	float:none;

}





#footer-middle {



    loat:none;

     width:100%;

     margin:0;



}



#footer-right {



    

    loat:none;

     width:100%;

      margin:0;



}



#footer-end-block {

	text-align: center;

}



.footer-copy {

float:none;

}



.footer-by {

	float:none;

}











/* FONTS */



#content-block p {

	margin:0 10px;

}





#footer-block  h3 {

    

    padding:10px 20px 0px 20px;

}



#footer-block p {



     padding:10px 20px 0px 20px;

}



#footer-end-block p {

    color:#eee;

    font-size:12px;

    margin: 0;

    padding: 5px;

    opacity: 0.8;

    

    

    

}

    

    

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}