.left {
    text-align: left !important;
}

.schools.mobile .testimonials-box .testimonial .headshotLarge img {height: auto;}

.dNonMobile .schools #hero .innerContainer {
    color: #fff;
}

/* -------- BEGIN mobile header -------------- */
#hero {
    position: relative;
    z-index: 200;
}
.mobile-hero-head {color: #f4f3f0;font-size: 2.5em;line-height: 32px;}

.dMobile .schools #hero,
.dMobile .schools #hero {height: auto;background: none;padding-bottom: 0;}

.dMobile .schools #hero .innerContainer {position: relative; top: auto; left: auto; padding: 0;width: 100%;}
.dMobile .schools #hero .schools-top-copy-container .innerContainer .copy{
    padding-top: 0; background: url(../img/schools-mobile-bottom.jpg);
    padding-top: 15%;
    padding-bottom: 15%;
    width: 100%;
    max-width: none;
}
.dMobile .schools #hero .schools-top-copy-container .innerContainer .copy p {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    max-width: 350px;

}

/* =========== Set default p font size ========= */

.schools .boxes p,
.schools #lessonPlans,
.schools #lessonPlans .header p,
.schools #generalResources p,
.schools .page-content .sprite a,
#questions .topic .question p
 {
    font-size: 14px;
}


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

.mobile-hero-possy {position: relative;}
body .mobile-hero { width: 100%; height: auto; display: block;}

.mobile-hero-head-contain {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -46px;
    width: 100%;
    text-align: center;
}

.mobile-hero-head {
    color: #f4f3f0;
    font-size: 2em;
    line-height: 32px;
}

.dMobile .schools #hero .innerContainer .copy,
.dMobile .schools #hero .innerContainer .copy {}
/* -------- END mobile header -------------- */


/* -- helper classses -- */
.dNonMobile .hidden-desktop {display: none;}
.dMobile .hidden-desktop {display: block;}

.dNonMobile .visible-desktop {display: block;}
.dMobile .visible-desktop {display: none;}

/* -- mobile hidden by default -- */
.dNonMobile .visible-mobile, .visible-mobile {display: none;}


.dMobile .visible-mobile {display: block;}


.schools #hero .container
{
    max-width:1800px;
}

.dNonMobile .schools #hero .scaleImg
{
    display:block;
}
.schools #hero
{
    max-width:1800px;
}

.dNonMobile .schools #hero .container
{
    padding-top:0;
}

.schools .box
{
    width:300px;
}

.schools.videos .box {min-height: 470px;}


.content .contactUsLink {
    color: #592247;
    font-size: 16px;
}

.schools #hero .innerContainer .copy {
    max-width: 570px;
    display:block;
    margin:0 auto;
    padding-top: 102px;
    color:#fff;
}

.schools #hero .container {
    width: 100%;
    overflow: hidden;
}

.school-mobile-header-copy {display: none;}

.dNonMobile .schools #hero
{
    height:343px;
}

.schools #hero .innerContainer {
    text-align:center;
}

/* Testimonials */
.headshotLarge {
    width:180px;
    height:180px;
    float:left;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    background:url('../img/headshot_large.jpg') no-repeat center 0 ;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}

.t-attrib
{
    font-size: 14px;
    display: block;
}

.testimonial {
    display: none;
}

.testimonial.testimonial-active {
    display: block;
    float: left;
}

.testimonial-thumb.active {
    display: none;
}

.testimonial-thumb.left {
    float: left;
}

.testimonial-thumb {
    display: inline-block;
    margin-top: 4%;
    width: 12%;
}

.headshotContainer {
    width:360px;
    height:100px;
    background:url('../img/headshots.jpg') no-repeat center 0 ;
    float:right;
    margin-top:20px;
}

.testimonials-box
{
    margin: 90px auto;
    max-width:940px;
}

.testimonials-quote {
    width: 300px;
    float: left;
    margin: 20px 50px 0;
    font-size: 19px;
    line-height: 23px;
    color: #9c9488;
    vertical-align: top;
}

.testimonials-quote .quotemark {
    font-family: 'Chronicle Display A', 'Chronicle Display B', "Times New Roman", Times, serif;
    /*font-size: 55px;*/
    font-size: 40px;
    font-weight: bold;
    color:#592247;
    display: block;
}

.testimonials-quote .quotemark.quote-right {
    text-align: right;
    display: inline-block;
    position: relative;
    /*top: 22px;*/
    top:5px;
    padding-left: 10px;
}

.photo-gallery-box {
    margin: 50px auto;
    max-width:940px;
}

.gallery-title {
    font-family: 'Chronicle Display A', 'Chronicle Display B', "Times New Roman", Times, serif;
    font-size: 36px;
    letter-spacing:-0.01em;
    color:#592247;
    margin: 0px auto 20px;
    text-align:center;
}

.gallery-container {
    max-width:100%;
    height:100%;
}

.owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    filter: Alpha(Opacity=100);
    text-indent: -9999px;
    width: 16px;
    height: 24px;
    padding: 0;
    margin: 0 5px;
    border-radius: 0px;
    -moz-border-radius: 0px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    background: url('../img/arrow-left.png') no-repeat 0 0 transparent;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    background: url('../img/arrow-right.png') no-repeat 0 0 transparent;
}

.mfp-container .mfp-bottom-section-content a {
    display: none;
}

.schools #hero {
    background:url('../img/mobile/schools.jpg') no-repeat center 0 ;
    background-size:contain;
    height: 147px;
    padding-bottom:96px;
}

.dNonMobile .schools #hero
{
    background:url('../img/schools.jpg') no-repeat center 0 ;
    background-size:auto;
    padding-bottom:0;
}

/* Image Popup styling */
.mfp-image-container .mfp-img {
    padding: 40px 0 0;
}


/* these are the ideal media queries
only screen and (min-width:480px)
only screen and (min-width:768px)
only screen and (min-width:960px)
*/
/*.schools*/

/*body.dNonMobile*/ /*this means it's desktop or tablet. can use this to target desktop when the screen is small like a mobile if needed. are doing this to view the 
mobile hero image on desktop. only use if media queries can't do what you need  */
/*body.dMobile */ /*can use this to target mobile only. only use if can't use media queries*/
/*body.schools*/ /*use this to target this page*/
/*body.noMediaQuery*/ /*use this to target devices that don't support media queries such ie8 and below*/


/*air rescue*/
.dNonMobile .schools #hero .innerContainer {
    color: #fff;
}
.schools #hero .innerContainer .copy {
    max-width: 570px;
    display:block;
    margin:0 auto;
    padding-top: 102px;
    color:#fff;
}

.webEpisode #hero
{
    background:url('../img/mobile/webEpisode.jpg') no-repeat center 0;
}

.dMobile .webEpisode #hero
{
    background-size:contain;
}

.dNonMobile .webEpisode #hero
{
    background:url('../img/webEpisode.jpg') no-repeat center 0;
}

.schools #hero .container {
    width: 100%;
    overflow: hidden;
}

.dNonMobile .schools #hero
{
    height:343px;
}

.schools #hero .innerContainer {
    text-align:center;
}

.schools #main
{
    /*padding-top:0.5em;*/
}
.dNonMobile .schools #main {

}

.dNonMobile .schools #hero .innerContainer .copy {
    padding-top: 195px;
}

.dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy .log-in,
.dMobile .schools #hero .schools-top-copy-container .innerContainer .copy .log-in,
body .schools #hero .schools-top-copy-container .innerContainer .copy .log-in {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 25px 3px 25px; 
    margin-left: 10px;
    text-decoration: none;
}

.dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy .log-i:hover,
.dMobile .schools #hero .schools-top-copy-container .innerContainer .copy .log-in:hover,
body .schools #hero .schools-top-copy-container .innerContainer .copy .log-in:hover {
    background: rgba(255, 255, 255, 0.4);
}

.dNonMobile #schoolForm input,
.dNonMobile #schoolForm textarea,
.dNonMobile #schoolForm .selectField select {
    font-size:1.3em;
}

.schools .herobox { display:block;max-width:100%;margin: 20px auto;clear:both;position:relative;width:280px;}
.schools .herobox .img { width:100%;float:left;}
.schools .herobox .img img { width:100%;}
.schools .herobox .content { clear:both;background-color:#FFFFFF;margin:0 auto;padding:20px;  }

.schools .herobox .content h1 .date { font-size: 12px; float: right; line-height: 35px; font-family: arial; font-weight: bold;text-decoration:none; }
.date { text-decoration: none; }

.schools .box {margin:20px;position:relative;background-color:#fff;}
.schools .box h2 { font-size:22px; }

.schools .herobox .playhover,
.schools .box .playhover {
    width:52px;
    height:52px;
    position:absolute;
    top:45%;
    left:45%;
    margin:0;
    z-index:1001;
    background:transparent url('../img/tv/playhover.png') no-repeat left top;
}

.schools .box .imgandtitle {
    height:175px;

}
.schools .box .imgandtitle .title {
    padding:5px 17px 21px 17px;
    vertical-align:top;

}
.schools .box .overview {
    padding:3px 17px;
    position:absolute;
    top:172px;
    left:0;
    z-index:10;
    background-color:#fff;
    width:266px;
    border-bottom: 1px solid #dedede;
}

/* Schools after login page content - general */
.schools .header{
    text-align: center;
    padding:3.2em 0 1.8em 0;
}

#outerWrapper.schools .header h1 {
    color: #621a4b;
    padding-bottom: 10px;
    font-size: 3.4em;
}

.schools .header p {
    width: 45%;
    margin: 0 auto;
    font-size: 18px;
}

.schools .page-content {
    width: 100%;
    max-width: 940px;
    margin: -1em auto 0;
}

.schools .popup .playhover {
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -26px;
}

.schools .page-content .sprite {
    background-position: -490px -478px;
    padding: 7px 0 10px 17px;
}

.schools .page-content .sprite a {
    display: block;
    text-indent: 0;
    text-decoration: none;
}
/* END - Schools after login page content - general */



/* School login - general */
.nominated-school,
.school-login,
#feedbackFormContainer {
    margin: 0;
    width: 100%;
    background-color: #8c7e71;
    box-shadow: 0 8px 8px -8px #333 inset, 0 -8px 8px -8px #333 inset, 8px 8px 8px -8px #333 inset, -8px -8px 8px -8px #333 inset;
}

.school-login-container {
    width: 100%;
    max-width: 940px;
    margin: -8px auto 0;
    /*position: absolute; *//* Set to absolute and move off screen so can get height and position it ready to slide in to view */
    /*top: -10000px;*/
}

.school-login form {
    padding: 1em 1em 0;
}

.school-login .school-login-contents {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
}

.school-login .school-login-contents .details-close-btn {
    right: 0;
}

.school-login h2 {
    padding: 0;
    padding-top: 30px;
    color:#fff!important;
}

.school-login .formFields {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.school-login .mobile-forgotten-password {display: none;}

.school-login .formFields a {
    color: #fff;
}

.school-login .btn {
    padding: 0.7em 3.1em 0.65em;
    /*margin-top: -6px;*/
    float: right;
    border: none;
}

.school-login .formField {
    display: inline-block;
}

.school-login .formField {
    margin-right: 15px;
    text-align: left;
}

.school-login .formField:first-child + div /* same as :last-child here but covers IE8 */ {
    margin-right: -4px;
}

.school-login .formField.textField,
.school-login .formField.nominateLink {
    /*width: 450px;*/
    width: 52%;
    /*padding-left: 5px;*/
}

.school-login .formField.textField {
    vertical-align: top;
}

.school-login .formField.passwordField,
.school-login .formField.forgottenPasswordLink {
    /*width: 390px;*/
    width: 45%;
}

.school-login .formField input {
    height: 2.5em;
    padding-bottom: 10px;
}

.school-login .formField.nominateLink,
.school-login .formField.forgottenPasswordLink {
    text-align: left;
    color: #000000;
}

.school-login .formField.nominateLink p,
.school-login .formField.forgottenPasswordLink p {
    padding-bottom: 0;
}

.school-login .formField.formError .errorIcon,
#forgottenPassword form .textField .errorIcon,
.schools.helicopter-visits form .textareaField .errorIcon {
    top: 6px;
}

.schools.helicopter-visits form .textField .errorIcon,
.schools.helicopter-visits form .radioField .errorIcon {
    top: 9px;
}

.schools.helicopter-visits form .radioField .errorIcon,
.schools.helicopter-visits form .checkboxField .errorIcon {
    background-color: #FFFFFF;
    background-position: -471px -216px;
    padding: 3px 3px 3px 4px;
    border: 1px solid red;
    top: 18px;
    right: 0;
}

.schools.helicopter-visits form .checkboxField .errorIcon {
    top: -10px;
}

/*.school-login .formField.passwordField,*/
/*.school-login .formField.forgottenPasswordLink,*/
/*.school-login .loginBtn {*/
/*padding-right: 5px;*/
/*}*/

/* Forgotten Password, Terms and Conditions */
.mfp-close-btn-in .mfp-inline-holder .mfp-close {
    top: -40px;
    right: -15px;
    color: #FFFFFF;
}

#forgottenPassword,
#termsAndConditions {
    background: #ffffff;
    width: 45%;
    max-width: 500px;
    padding: 2em;
    margin: 0 auto;
    position: relative;
}

#forgottenPassword h2,
#termsAndConditions h2 {
    color: #611949
}

#forgottenPassword form .textField,
#termsAndConditions textarea {
    width: 70%;
}

#forgottenPassword form input {
    font-size: 14px;
}

#forgottenPassword form .textField input {
    height: 34px;
}

#termsAndConditions textarea {
    height: 200px;
}

#forgottenPassword form .btn {
    border: none;
}

.validation-summary-errors {
    color: #fff;
}

.validation-summary-errors ul { 
    padding-left: 0;
}


/*Terms and Conditions*/

#termsAndConditions { margin-top: 100px; font-size: 12px; }
#termsAndConditions h2 { text-align: center; margin-bottom: .3em }
#termsAndConditions h3 { font-size: 13px; font-weight: bold; }

.termsTableWrap { background: #f7f7f7; padding: 5px; margin:1em 0; }

#termsAndConditions .table-col { width: 20%; }
#termsAndConditions td { font-size:12px; padding: 3px; }

#termsAndConditions ul { padding-left: 0; } 
#termsAndConditions li { margin-top: .6em; }

#termsAndConditions ul ol {list-style-type: lower-alpha;}





/* END - schools login */

/* Schools nav and header area */
#userTop {
    padding-top: 20px;
}

#userTop:after {
    content: '';
    display: block;
    clear: both;
}

#userTop .row {
    float: right;
    width: auto;
    padding-right: 10px;
}

#userTop .menuToggle {
    display: none;
}

#userTop > h2 {
    float: left;
    text-align: center;
    font-size: 19px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 10px;
}

#userTop > h2:after {
    content: '.';
}

#userTop .log-out span {
    display: inline-block;
    text-decoration: none;
    padding-left: 5px;
}

#userTop,
#schoolsNav {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

.school-name { text-transform: capitalize; }

#schoolsNav ul {
    padding: 0;
    text-align: center;
    background: #8b7d70;
}

#schoolsNav ul li {
    display: inline-block;
    margin-right: -4px;
}

#schoolsNav ul li a {
    display: inline-block;
    position: relative;
    padding: 1em 3.68em;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    border-left: 1px solid #918880;
    background-color: #8b7d70;
}

#schoolsNav ul li.first a {
    border-left: none;
}

#schoolsNav ul li a:hover {
    background-color: #a89e94;
    -webkit-transition: background-color 150ms ease-in-out;
    -moz-transition: background-color 150ms ease-in-out;
    -ms-transition: background-color 150ms ease-in-out;
    -o-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
}

.dNonMobile #schoolsNav ul li a:hover span {
    border-color: #a89e94 transparent transparent;
}
/* END - schools nav */

/* Schools overview content */
.schools .box {
    width: 49%;
    max-width: 460px;
    margin: 0 0 20px;
}

.schools .box.first {
    margin-right: 2%;
}

.schools .box h2 {
    float: none;
    padding-bottom: 10px;
}

.schools .box .imgandtitle {
    height: auto;
    min-height: 489px;
}

.schools .boxes {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

/*.schools .box .btn {
    margin: 0 0 20px 20px;
    padding: 0.4em 0em 0.35em;
    width: 30%;
}*/

.schools .box .btn {
    /*margin: 0 0 20px 20px;*/
    padding: 0.4em 0em 0.35em;
    width: 30%;
    position: absolute;
    left:20px;
    bottom:20px;
}


/* END - schools overview content */

/* Schools Videos content */
.schools.videos .box a.popup {
    display: block;
    position: relative;
    min-height: 235px;
}

.schools.videos .box .title {
    padding: 5px 17px 21px 17px;
}

.schools.videos .box .links {
    padding: 0;
    position: absolute;
    bottom: 0;
}

.schools.videos .box .links li {
    padding-left: 30px;
    background-position: -478px -478px;
}

.schools.videos .box .links li a {
    display: block;
    text-indent: 0;
}
/* END - Schools Videos content */

/* Schools Lesson Plans & Resources content */
.schools.lesson-plans .page-content > .header{
    height: 115px;
    margin: 30px 0;
    margin-bottom: 60px;
    background: url('../img/schools/resources_chopper_bg.png') no-repeat right 0 transparent;
    background-size: cover;
    padding-top: 0;
}

.schools.lesson-plans .page-content .header p {
    margin: 0;
    text-align: left;
}

.schools.lesson-plans .page-content .header p.lessons-plan-p-header {
    width: 50%;
}



.highlighted-box {
    background-color: #e4e1d9;
}

#generalResources,
#lessonPlans .header,
#lessonPlans .box {
    padding: 20px 40px;
}

#lessonPlans .header,
#lessonPlans .box {
    margin-bottom: 2%;
}

#outerWrapper.schools #generalResources h2,
#outerWrapper.schools #lessonPlans h2 {
    text-align: left;
    color: #621a4b;
}

#generalResources {
    margin-bottom: 3%;
}

#generalResources p {
    width: 23%;
    padding-top: 7px;
}

#generalResources h2 {
    margin-bottom: 10px;
}

.schools.lesson-plans .page-content ul {
    margin: 0;
    padding: 0;
}

#generalResources .contents > ul {
    width: 77%;
}

#generalResources .contents > ul > li {
    margin-left: 7%;
}

#generalResources .contents > ul > li:first-child {
    width: 37%;
}

#lessonPlans .header h2 {
    width: 28%;
}

#lessonPlans .header p {
    margin-top: 7px;
    font-size:13px;
}

#lessonPlans .boxes .box {
    width: 36%;
    height: 480px;
    padding-right: 80px;
    font-size: 1.1em;
}

#lessonPlans .boxes .box h3 {
    font-size: 2.2em;
}

#lessonPlans .boxes .box h3 + p {
    padding-top: 1.45em;
}

#lessonPlans .boxes .box .plans h4 {
    font-weight: bold;
}

#lessonPlans .boxes .box .plans ul {
    margin-top: 7px;
}

#lessonPlans .boxes .box .btn {
    margin: 10px 0 0;
    padding: 0.5em 1em 0.45em;   
}


#lessonPlans .boxes .box .btn.btnExtraSpace {
    margin-top: 46px;
} 


/*#lessonPlans .boxes .box .btn {
    position: absolute;
    bottom: 40px;
    left:40px;
    margin: 0;
    padding: 0.5em 0em 0.45em;
}*/



/* END - Schools Lesson Plans & Resources content */

/* Helicopter Visits content */
.schools.helicopter-visits .herobox {
    display: block;
}

.schools.helicopter-visits .herobox,
.schools.helicopter-visits .herobox .img,
.schools.helicopter-visits .herobox .img img {
    height: 250px;
}

.schools.helicopter-visits .herobox {
    margin-bottom: 0;
}

.schools.helicopter-visits .herobox .img,
.schools.helicopter-visits .herobox .img img,
.schools.helicopter-visits .herobox .content {
    width: auto;
}

.schools.helicopter-visits .herobox .content {
    height: 205px;
    max-width: 442px;
}

.schools.helicopter-visits .herobox .cl {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 17.5px 0 17.5px;
    border-color: #FFFFFF transparent transparent;
    z-index:100;
    display: block;
    position: absolute;
    bottom:-11px;
    left:50%;
    margin-left: -17px;
}

#feedbackForm {
    padding: 50px 70px;
    color: #FFFFFF;
}

#downloadPDF {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#feedbackForm form h3 {
    font-size: 1.38em;
    font-weight: bold;
    margin-bottom: 20px;
}

.check-header { text-align: right;  padding-bottom:.5em; }
#feedbackFormContainer #feedbackForm .schools-feedback-checkbox {float: right; margin-right: 26px;}

#fileUpload .btnPurple {
    font-size: 14px;
}




#feedbackForm .select-box {
    display: none;
}

#feedbackForm form .formFields {
    margin-top: 30px;
}

#feedbackForm form .formFields .formField {
    margin-bottom: 15px;
}

#feedbackForm form .formFields .formField label {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 18px;
}

#feedbackForm form .formFields .formField.file-upload label,
#feedbackForm form .formFields .formField.file-upload > span {
    display: block;
    font-size: 0.8em;
    color: #000000;
}

#feedbackForm form .formFields .formField.file-upload label {
    font-weight: bold;
    margin-bottom: 0;
}

#feedbackForm .feedback-hr {
    border-bottom: solid 1px #a3988d;
}

#fileUpload {padding-top: 18px;}

#fileUpload input {
    position: fixed;
    top: 1000px;
    z-index: -100;
}

#fileUpload span {
    display: inline-block;
    font-size: 1.1em;
    font-weight: normal;
    cursor: pointer;
}

#fileUpload span.upload-top-blurb {
    font-size: 14px;
    font-weight: 500;
}


#fileUpload .browse:first-child {
    background: #FFFFFF;;
    padding: 13px;
    width: 250px;
    margin-right: 20px;
}

#feedbackForm .share-field {
    font-size: 18px;

}
.schools.helicopter-visits #submit {font-size: 16px;}

#clearFile {
    color: #FFFFFF;
    font-size: 1.1em;
    margin-left: 10px;
}

.schools.helicopter-visits #submit,
#fileUpload .browse:first-child + span {
    color: #FFFFFF;
    padding: 0.7em 3em 0.65em;
    border: none;
}

#feedbackForm form .radio-group label {
    margin: 0 15px 0 0;
}

#feedbackForm form .radio-group input {
    position: relative;
    top: 2px;
}

#feedbackForm form textarea {
    height: 75px;
}

#feedbackForm h2.chronicleDisplayBlack { color: #fff; margin-bottom: 20px;}

#termsContainer {
    margin-top: 10px;
}

#terms {
    position: relative;
    top: 2px;
}

#terms + a {
    color: #FFFFFF;
}

#feedbackForm .btn.btnRed.formField {
    width: auto;
}

#westpacFeedback label {
    width: 79%;
    max-width: 630px;
}
/* END - Helicopter Visits content */

/* Fundraising content */
.schools.fundraising .boxes {
    max-width: 860px;
    padding: 40px;
    margin-bottom: 50px;
    background-color: #FFFFFF;
}

.schools.fundraising .boxes .box .content {
    margin-top: 20px;
}

.schools.fundraising .boxes.single .box {
    width: 100%;
    max-width: 860px;
}

.schools.fundraising .boxes.single .category-text {
    width: 40%;
}

.schools.fundraising .category-docs {
    margin: 0 0 0 6%;
    padding: 0;
}
/* END - Fundraising content */

/* FAQs content */
.schools.faqs .page-content > .header{
    background: url('../img/faqs_bg.jpg') no-repeat transparent 0 0;
}

.schools.faqs .page-content > .header p {
    margin: 0;
}

.schools.faqs .page-content > .content {
    width: 100%;
    max-width: 860px;
    padding: 40px;
    background-color: #FFFFFF;
}


.schools.faqs .page-content > .content h2,
.schools.faqs .page-content > .content h3 {
    color: #621a4b;
}

.schools.faqs .page-content > .content h2 {
    font-size: 1.1em;
}

#faqNav {
    width: 23%;
}

#faqNav ul {
    padding: 0;
    margin: 0;
}

#faqNav .select-box {
    display: none;
}

#questions {
    width: 70%;
    padding-left: 40px;
}

#questions .topic {
    margin-bottom:20px;
}






#questions .topic h2 {
    border-bottom: 1px solid #621a4b;
    padding-bottom: 10px;
}

#questions .topic .question {
    margin-top: 10px;
}

#questions .topic .question h3 {
    color: #621a4b;
}

#questions .topic .question p {
    padding: 20px 0 20px 0;
}

#questions .topic .first-q {margin-top: 20px;}






/* Fix nav font-size for iPad. */
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .schools.helicopter-visits .herobox, .schools.helicopter-visits .radio-group {display: none!important;}
    .ipad-only {display: block!important;}
}


@media only screen and (min-width: 721px) and (max-width: 1024px) {
    .dNonMobile #schoolsNav li a {
        font-size: 9px;
    }
}
/* END - fix */

/* Schools general mobile and specific sections */
@media only screen and (max-width: 720px) {
    /* General */
    .schools .header h1 {
        color: #621a4b;
        padding-top: 10px;
    }

    .schools .herobox .playhover, 
    .schools .box .playhover {
        display:block !important; /* :( */
    }

    .schools .box {
        padding-bottom: 10px;
        max-width: 620px;
        width: auto;
        float: none;
    }
    .schools .box.first {
        margin-right: 0;
    }

    .fl {
        float: none;
    }

    .schools .page-content > .header h1 {
        font-size: 2.1em;
        text-align: center;
    }
    /* END - General */

    /* Mobile schools nav and header area */
    #schoolsNav {
        position: absolute;
        left: -100%;
        top: 90px;
        z-index: 101;
        display: none;
        min-height: 800px;
        background-color: #8b7d70;
    }

    #schoolsNav.toggled {
        left: 0;
        display: block;
        position: fixed;
        overflow: scroll;
        z-index: 9998;
        width: 100%;
    }

    #schoolsNav ul {
        padding: 0;
        text-align: left;
        margin: 0;
    }

    #schoolsNav ul li {
        display: block;
        background: url('../img/white_arrow_10x14.png') #8b7d70 no-repeat 9px 15px;
    }

    #schoolsNav ul li a {
        /*text-indent: 0;*/
        background-color: transparent;
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 15px 22px 15px 30px;
        text-transform: uppercase;
        height: 1.4em;
        vertical-align: middle;
        -webkit-transition: background-color 600ms ease-in-out;
        -moz-transition: background-color 600ms ease-in-out;
        -ms-transition: background-color 600ms ease-in-out;
        -o-transition: background-color 600ms ease-in-out;
        transition: background-color 600ms ease-in-out;
    }

    #schoolsNav ul li a:hover {
        background: none;
    }

    #userTop {
        box-shadow: 0 8px 8px -8px #333 inset;
        padding-top: 5px;
    }

    #userTop .row:after {
        content: '';
        display: block;
        clear: both;
    }

    #userTop .row,
    #userTop h2 {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    #userTop h2:after {
        content: '';
    }

    #userTop h2 .school-name {
        display: block;
    }

    #userTop .menuToggle {
        display: block;
        float: left;
    }

    #userTop .menuToggle .menu {
        padding: 5px 10px;
    }

    #userTop .menu a {
        background: url('../img/schools-nav-mobile.png') no-repeat 0 0 transparent;
        height: 18px;
        text-indent: -9999px;
    }

    #userTop .row a.log-out {
        float: right;
        padding: 5px 10px;
    }
    /* END - Mobile schools nav and header area */

    /* Schools overview content */
    .schools.overview .box .imgandtitle {
        min-height: 370px;
    }

    .schools.overview .box h2 {
        text-align: center;
        color: #621a4b;
    }

    .schools.overview .box .btn {
        width: 90%;
        margin: 0 auto 10px;
        position:static;
    }
    /* END - schools overview content */

    /* Schools Videos content */
    .schools.videos .box a.popup {
        min-height: 190px;
    }

    .schools.videos .header > p {
        display: none;
    }
    /* END - Schools Videos content */

    /* Schools Lesson Plans & Resources content */
    .schools.lesson-plans .page-content > .header{
        background: none;
        background-color: #FFFFFF;
        height: auto;
    }

    .schools.lesson-plans .page-content > .header h1 {
        width: 80%;
        margin: 0 auto;
    }
    .schools.lesson-plans .page-content > .header p {
        width: auto;
    }

    .schools.lesson-plans .page-content h2 {
        text-align: center;
    }

    #generalResources,
    #lessonPlans .header,
    .schools.lesson-plans .page-content > .header{
        padding: 10px;
        margin-top: 30px;
        margin-bottom: auto;
    }

    #generalResources h2,
    #lessonPlans h2 {
        text-align: center;
    }

    #generalResources {
        background-color: #FFFFFF;
    }

    #generalResources p {
        padding: 4px 0 10px;
    }

    #generalResources .contents > ul > li {
        margin-left: 0;
    }

    #generalResources p,
    #generalResources ul,
    #generalResources li,
    #lessonPlans .header h2,
    #lessonPlans .header p,
    #lessonPlans .boxes .box {
        width: auto !important;
    }

    #lessonPlans .header p {
        display: block;
    }

    #lessonPlans .boxes .box {
        height: auto;
        padding: 10px;
        margin-bottom: 0;
        border-bottom: 1px #e4e1d9 solid;
    }

    #lessonPlans .boxes .box .btn {
        display: none;
    }

    #lessonPlans .boxes .box h3 {
        padding: 5px 0 5px 0px;
        font-family: AvenirLTStd-Book, Arial, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 1em;
    }

    #lessonPlans .boxes .box h3 span {
        display: inline-block;
        background: url('../img/black_arrow_sprite.png') no-repeat transparent 0 0;
        width: 15px;
        height: 14px;
        margin-right: 10px;
    }

    #lessonPlans .boxes .box.open h3 span {
        background-position: 0 -14px;
    }

    #lessonPlans .boxes .box .box-content {
        display: none;
    }

    #lessonPlans .boxes .box.open .box-content {
        display: block;
    }
    /* END - Schools Lesson Plans & Resources content */

    /* Helicopter Visits content */
    #feedbackForm .select-box {
        display: block;
    }

    #feedbackForm .select-box.fr {
        float: right;
    }

    .schools.helicopter-visits .herobox,
    .schools.helicopter-visits .radio-group {
        display: none;
    }

    .schools.helicopter-visits .page-content > .header {
        background: #FFFFFF;
        margin-top: 20px;
        padding: 10px 20px;
    }

    .schools.helicopter-visits .page-content > .header h1 {
        width: 70%;
        margin: 0 auto;
    }

    .schools.helicopter-visits .page-content .header p {
        width: 100%;
        text-align: left;
    }

    .schools.helicopter-visits .page-content .content-container {
        background: #8c7e71;
        padding: 20px;
    }

    #downloadPDF {
        display: block;
        width: 86%;
        margin: 0 auto;
    }

    #downloadPDF a {
        display: block;
        margin-bottom: 20px;
    }

    #feedbackFormContainer {
        box-shadow: none;
        background: #efedea;
    }

    #feedbackForm h2.chronicleDisplayBlack { color: #585b5e; margin-bottom: 22px;}

    #feedbackForm {
        padding: 0;
        color: #000000;
    }

    #feedbackForm .header {
        padding: 20px 20px 0;
    }

    #feedbackForm h2,
    #feedbackForm p {
        text-align: left;
    }

    #feedbackForm p.check-header {text-align: right;}

    #feedbackForm form {
        padding-top: 20px;
        border-top: 1px #8c7e71 solid;
    }

    #feedbackForm form .formFields {
        border-bottom: 1px #8c7e71 solid;
        margin-top: 10px;
        padding: 0 20px;
    }

    #overallComments div.formField > label {
        float: left;
        width: 60%;
    }

    #feedbackForm form #fileUpload span {
        display: none;
    }

    #feedbackForm form #fileUpload .faux-upload .btn {
        display: block;
        font-size: 1.4em;
    }

    #feedbackForm .fr,
    #feedbackForm .fl {
        float: none;
    }

    #termsContainer {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #terms + a {
        color: #000000;
        text-decoration: underline;
    }

    #feedbackForm .btn.btnRed.formField {
        width: 100%;
    }
    /* END - Helicopter Visits content */

    /* Fundraising content */
    .schools.fundraising .page-content .header {
        background: #FFFFFF;
        margin-top: 20px;
    }

    .schools.fundraising .page-content p {
        width: 90%;
        text-align: left;
        margin: 0 auto;
    }

    .schools.fundraising .boxes {
        padding: 0;
    }

    .schools.fundraising .boxes,
    .schools.fundraising .boxes .box {
        background: transparent;
    }

    .schools.fundraising .boxes .img,
    .schools.fundraising .boxes .img img {
        width: 100%;
    }

    .schools.fundraising .boxes .box .category-text {
        width: auto;
    }

    .schools.fundraising .boxes .box h2 {
        color: #621a4b;
        text-align: center;
    }
    /* END - Fundraising content */

    /* FAQs content */
    #faqNav .select-box {
        display: block;
    }

    #faqNav .select-box select {
        display: block;
        margin: 0 auto;
    }

    #faqNav ul,
    #faqNav h2 {
        display: none;
    }

    .schools.faqs .page-content > .header {
        background: #FFFFFF;
        margin-top: 20px;
    }

    .schools.faqs .page-content > .header h1 {
        width: 60%;
        margin: 0 auto;
    }

    .schools.faqs .page-content p {
        width: auto;
        text-align: left;
        margin: 0 auto;
        padding: 0 10px;
    }

    .schools.faqs .page-content > .content {
        padding: 0;
        background: transparent;
    }

    #faqNav,
    #questions {
        float: none;
        width: auto;
        padding: 3%;
        background: #FFFFFF;
    }

    #faqNav {
        padding-bottom: 8%;
    }

    #questions {
        margin-top: 30px;
    }

    #questions .topic h2 {
        font-family: ChronicleDisplayBlack, "Times New Roman", Times, serif;
        padding-bottom: 2px;
        font-size: 1.6em;
    }

    #questions .topic .question h3 {
        font-weight: bold;
        color: #000000;
        font-family: inherit;
        font-size: 1em;
    }
    /* END - FAQs content */

    .hidden-mobile {
    display: none!important;
    }

    #clearFile {
    color: #FFFFFF;
    font-size: 1.1em;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    }

    /*//reset*/
    .schools.videos .box {min-height: 1px;}
    .schools.lesson-plans .page-content .header p.lessons-plan-p-header {width: auto;}
    .schools.videos .box .links {position: relative;}

} /* -- END max-width: 720px -- */

.schools .dn { display: none; }


.schools-pop-down-wrapper {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
}

.schools-pop-down-container {
    color: #fff;
    margin: 0 auto;
    max-width: 460px;
    position: relative;
    padding: 25px 20px 20px 20px;
    text-align: center;
}

#schoolAddInner { margin: 20px auto; max-width: 740px; position: relative; }
#formSchoolsAdd { padding: 0 20px; }

.schools-pop-down-container h2 { margin-bottom: 20px; }

.schools .details-close-btn { top: 20px; right: 10px;z-index: 2; }
.schools-form { max-width: 540px; }
.schools-form .highlight-intro { font-size: 17px; padding-bottom: 0; }
.schools .formField .select { font-size: 1.3em; }

.form-bottom-content { padding: 20px 0 30px 0; margin-top: 10px; border-top: 1px solid #a3988d; }
.form-bottom-content .col { float: right; }
.form-bottom-content .col.first { float: left; color: #FFFFFF; font-size: 13px; margin-top: 15px; }
.form-bottom-content .col.first a { color: #FFFFFF; }

#btnSchoolSubmit {
    width: 209px;
    font-size: 1.25em;
}

/* IE 8 specific styling */
.oldie body {
    width: 100%;
}

.oldie .schools .herobox {
    width: 940px;
    height: 390px;
    margin: 20px auto;
    clear: both;
    display: block;
}

.oldie .schools .herobox .img {
    width: 580px;
    height: 390px;
    background-color: #000;
    float: left;
}

.oldie .schools .herobox .content {
    clear: none;
    height: 360px;
    width: 320px;
    padding: 15px 20px 15px 19px;
    font-size: 12px;
    background-color: #FFFFFF;
    float: right;
}

.oldie .schools #btnSchool,
.oldie .schools #btnSchoolSubmit {
    max-width: 209px;
}

.oldie .schools .gallery-container {
    text-align: center;
}






/* -- Schools gallery - mobile BEGIN -- */

.schools.mobile .owl-wrapper {
    width: 100%;
}

.schools.mobile .owl-carousel div {
    width: 100%;
    float: left;
}

.schools.mobile .owl-carousel div a {
    float: left;
    display: block;
    width: 49%;
    overflow: hidden;
}

.schools.mobile .owl-carousel div a:first-child {
    margin-right: 2%;
}

.schools.mobile .owl-carousel div br {
    display: none;
}

.schools.mobile .owl-carousel div a img {
    width: 160%;
    margin-left: -40%;
}

/* -- Schools gallery - mobile END -- */

@media only screen and (max-width: 541px) {
    .visible-mobile {display: block!important;}
    .visible-desktop {display: none!important;}

    .schools-login-head-container {width: 82%; margin: 0 auto;}

    .schools .herobox {
        height: auto;
        max-width: 620px;
        width: auto;
        /*margin: 20px;*/
        background-color: #fff;
    }

    .schools .herobox .content h1 {
        font-size: 22px;
    }

    .schools .box .overview {
        width: auto;
        position: static;
        top: 0;
        padding-bottom: 10px;
    }

    .dMobile .schools .formField .select {
        font-size: 1.1em;
    }

    .form-bottom-content .col {
        float: none;
        width: 100%;
    }

    .form-bottom-content .col.first {
        float: none;
    }

    .schools .gallery-container {
        width: 96%;
        height: auto;
        margin-left: 2%;
        padding: 0;
    }

    /* -- Schools gallery - mobile BEGIN -- */

    .schools.mobile .owl-wrapper {
        width: 100%;
    }

    .schools.mobile .owl-carousel div {
        width: 100%;
        float: left;
    }

    .schools.mobile .owl-carousel div a {
        float: left;
        display: block;
        width: 49%;
        overflow: hidden;
    }

    .schools.mobile .owl-carousel div a:first-child {
        margin-right: 2%;
    }

    .schools.mobile .owl-carousel div br {
        display: none;
    }

    .schools.mobile .owl-carousel div a img {
        width: 160%;
        margin-left: -40%;
    }
    /* -- Schools gallery - mobile END -- */

    /* Adjust header copy for very small screens */
    .dMobile .schools #hero {
        padding-bottom: 42px;
    }

    .dMobile .schools #hero .innerContainer {
        padding: 0 3%;
        width: 94%;
    }

    .dMobile .schools #hero .innerContainer .copy {
        padding-top: 120px;
    }

    /* Adjust form pop-up position for small screens */
    .nominated-school {
        margin: -5px 0 20px 0;
    }
    /*mobile top hero*/

    /* ---- BEGIN MOBILE HERO HEADER STYLE -- exists in multiple places beware!!---- */
    body .schools #hero,
    .dMobile .schools #hero,
    .dNonMobile .schools #hero {height: auto;}

    body .schools #hero {height: auto;background: none;padding-bottom: 0;}

    body .schools #hero .innerContainer,
    .dNonMobile .schools #hero .innerContainer,
    .dMobile .schools #hero .innerContainer {position: relative; top: auto; left: auto; padding: 0;width: 100%;}

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    body .schools #hero .schools-top-copy-container .innerContainer .copy{
        padding-top: 0; background: url(../img/schools-mobile-bottom.jpg);
        padding-top: 15%;
        padding-bottom: 15%;
        width: 100%;
        max-width: none;
    }

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    body .schools #hero .schools-top-copy-container .innerContainer .copy p {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        max-width: 350px;
    }

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy .log-in,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy .log-in,
    body .schools #hero .schools-top-copy-container .innerContainer .copy .log-in {
        display: block;
        width: 30%;
        margin: 15px auto 0;
        height:48px;
        line-height: 50px;
        padding-top:0;
        padding-bottom: 0;

    }

    /* ---- END MOBILE HERO HEADER STYLE ---- */

    /* Schools login mobile */
    /*#desktopLogin {*/
    /*display: none !important;*/
    /*}*/

    .schools #main {
        position: static;
    }

    .schools .details-close-btn {
        top:0;
        right:15px;
    }
    #schoolForm .details-close-btn {
        top: 15px;
    }

    .school-login h2 {
        margin-bottom: 10px;
    }

    .school-login-container {
        position: absolute !important;
        z-index: 200;
        /*top: 69px;*/
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.8);
        height: 100%;
        padding-bottom: 60px;
        margin-top: 0;
        top: 49px;
    }

    .school-login {
        width: auto;
        padding: 1em 1.5em 4em;
        box-shadow: none;
    }

    .school-login .school-login-contents {
        /*width: 100%;*/
        /*max-width: 860px;*/
    }

    .school-login form {
        padding: 0;
    }

    .school-login form .formFields:first-child + .formFields {
        position: relative;
        top: auto;
    }

    .school-login h2 {
        text-align: left;
    }

    .school-login .formField {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .school-login .formField.textField,
    .school-login .formField.nominateLink {
        margin: 0 auto;
        width: 82%;
    }

    .school-login .formField:first-child + div {
        margin-right: auto;
    }
    .school-login .formField.passwordField,
    .school-login .formField.forgottenPasswordLink {
        margin: 0 auto;
        width: 82%;
    }

    .school-login .passwordField .field-validation-valid {
        margin-top: -10px;
        display: block;
        margin-bottom: 10px;
    }

    .school-login .formField input {
        margin-bottom: 15px;
    }

    .school-login .formField.forgottenPasswordLink  {
        margin: 0 auto;
        width:82%;
        margin-bottom: 10px;
    }

    .school-login .formField.nominateLink {
        position: relative;
        top: 80px;
        text-align: center;
        color: #000;
    }
    .school-login .formField.nominateLink a {
        display: block;
        text-align: center;
    }


    .school-login .formField.forgottenPasswordLink a {
        float: none;
        display: block;
    }

    .school-login .loginBtn {
        width: 82%;
        margin: 0 auto;
        position: relative;
        /*top: -45px;*/
        top: auto;
        margin-bottom: 10px;
    }

    .school-login .loginBtn p {
        padding: 0;
    }

    .school-login .loginBtn input {
        float: none;
        width: 100%;
    }

    .school-login .formField.forgottenPasswordLink a {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        font-size: 1.1em;
        text-align: center;
        font-family: Arial,sans-serif!important;

        background: #bbbbbb; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5NDM3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjFhNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #bbbbbb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#bbbbbb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */
        padding: 0.7em 3.1em 0.65em;
        color:#000;
        text-decoration:none;
    }

    .school-login .formField.forgottenPasswordLink a:hover {
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyMWE0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTQzNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #bbbbbb 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #bbbbbb 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    }

    /* Forgotten password, Helicopter Visits - Terms and Conditions  */
    #forgottenPassword,
    #termsAndConditions {
        width: 83%;
        top: -31px;
        left: -6px;
        padding: 5em 2em;
    }

    #termsAndConditions {
        top: -59px;
    }

    #forgottenPassword .formFields .formField.textField {
        height: 2.5em;
    }

    #forgottenPassword input {
        font-size: 0.85em;
    }

    #forgottenPassword .btn {
        border: none;
    }

    #forgottenPassword .formFields .formField.textField input,
    #termsAndConditions textarea {
        width: 100%;
    }

    #termsAndConditions textarea {
        height: 10em;
    }

    #forgottenPassword .mfp-close,
    #termsAndConditions .mfp-close{
        top: -5px !important;
        right: -5px !important;
        color: #333333 !important;
    }

    #forgottenPassword .btn {
        margin-top: 18px;
    }

} /*//max-width 541px */

@media only screen and (min-width: 541px) {

    .schools .herobox {
        height: auto;
        max-width: 620px;
        width: 100%;
    }

    .schools .herobox .img {
        max-width: 620px;
        width: 100%;
    }

    .schools .herobox .content {
        clear: both;
        float: none;
    }

    #outerWrapper .chronicleDisplayBlack { color:#585b5e; }

    .schools .box .overview { width: auto; padding-bottom: 10px; }

    #mobileLogin {
        display: none !important;
    }

    .schools.helicopter-visits .herobox {
        display: none;
    }
}



@media only screen and (min-width: 721px){

    .schools #hero .innerContainer .copy {
        font-size: 1.3em;
    }

    body .schools .box,
    .herobox .img {
        position:relative;
    }

    .schools.helicopter-visits .herobox {
        display: block;
    }

}

@media only screen and (max-width: 720px) {
    .schools .testimonials-box { height: auto; position: relative; margin: 40px 5% 40px 5%; }
    .schools .testimonials-box .testimonial { width: 100%; margin: 0 0 5% 0; }
    .testimonial.testimonial-active { width: auto; float: none; }
    .schools .testimonials-box .testimonial .headshotLarge {  margin: 0 auto; width: 30%; height: auto; }
    .schools .testimonials-box .testimonial .headshotLarge img {  width: 100%; height: auto; }
    .schools .testimonials-box .testimonial .testimonials-quote {  width: 52%; margin: 0 0 0 4%; text-align: left; font-size:12px; }
    .schools .testimonials-box .testimonial-thumb { position: relative; width: 30%; text-align: center;}
    .schools .testimonials-box .testimonial-thumb img { width: 65%; }


    /* -- Schools gallery - mobile BEGIN -- */
    body .schools .owl-wrapper {
        width: 100%;
    }

    body .schools .owl-carousel div {
        width: 100%;
        float: left;
    }

    body .schools .owl-carousel div a {
        float: left;
        display: block;
        width: 49%;
        overflow: hidden;
    }

    body .schools .owl-carousel div a:first-child {
        margin-right: 2%;
    }

    body .schools .owl-carousel div br {
        display: none;
    }

    body .schools .owl-carousel div a img {
        width: 160%;
        margin-left: -40%;
    }

    /* -- Schools gallery - mobile END -- */

}

@media only screen and (min-width: 721px) and (max-width: 949px) {

    .schools .testimonials-box { max-width: 620px; position: relative; height: 220px; margin: 0 auto 180px auto; }
    .schools .testimonials-box .testimonial { width: 100%; margin: 0 0 5% 0; }
    .schools .testimonials-box .testimonial-thumb { position: relative; width: 30%; text-align: center;}
    .schools .testimonials-box .testimonial-thumb img { width: 65%; }
}

@media only screen and (min-width: 950px) {

    .schools .herobox { width:940px;height:390px;margin:20px auto;clear:both;display:block;max-width:945px;}
    .schools .herobox .img { width:580px;height:390px;background-color:#000;float:left;}
    .schools .herobox .content {clear:none; height: 360px; width:320px; padding:15px 20px; font-size:12px; background-color:#FFFFFF;float:right;}
    .schools .herobox .content h1 { margin:0 0 0px 0; font-size:22px;}
    .schools .herobox .content p { padding:8px 0 8px 0;font-size:1.2em;}
    .schools .testimonials-box { width: 940px; }
    .schools .gallery-container { width: 940px; }
    .schools.helicopter-visits .herobox .content { padding:30px 60px 15px 60px; }
}

/*
// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  480px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);

*/

/*==========  Mobile First Method ideally --  ==========*/

/* Custom, iPhone Retina */
/*    @media only screen and (min-width : 320px) {
        
    }*/

/* Extra Small Devices, Phones */
/*    @media only screen and (min-width : 480px) {

    }*/

/* Small Devices, Tablets */
/*    @media only screen and (min-width : 768px) {

    }*/

/* Medium Devices, Desktops */
/*    @media only screen and (min-width : 992px) {

    }*/

/* Large Devices, Wide Screens */
/*    @media only screen and (min-width : 1200px) {

    }*/


/*//----------- Device Specific  --------- ---\\*/
/*//----------- iphone 5  --------- ---\\*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .visible-mobile {display: block;}


    /* ---- BEGIN MOBILE HERO HEADER STYLE -- exists in multiple places beware!!---- */
    body .schools #hero,
    .dMobile .schools #hero,
    .dNonMobile .schools #hero {height: auto;}

    body .schools #hero {height: auto;background: none;padding-bottom: 0;}

    body .schools #hero .innerContainer,
    .dNonMobile .schools #hero .innerContainer,
    .dMobile .schools #hero .innerContainer {position: relative; top: auto; left: auto; padding: 0;width: 100%;}

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    body .schools #hero .schools-top-copy-container .innerContainer .copy{
        padding-top: 0; background: url(../img/schools-mobile-bottom.jpg);
        padding-top: 15%;
        padding-bottom: 15%;
        width: 100%;
        max-width: none;
    }

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    body .schools #hero .schools-top-copy-container .innerContainer .copy p {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        max-width: 350px;
    }

    /* ---- END MOBILE HERO HEADER STYLE ---- */

} /* END IPHONE 5*/


/*//----------- START iphone 5 - PORTRAIT  --------- ---\\*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: portrait) {
}
/*//----------- END iphone 5 - PORTRAIT  --------- ---\\*/

/*//----------- START iphone 5 - LANDSCAPE  --------- ---\\*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: landscape) {}
/*//----------- END iphone 5 - LANDSCAPE  --------- ---\\*/


/*//----------- END iphone 5  --------- ---\\*/


/*//----------- SGS3  --------- ---\\*/


@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    .visible-mobile {display: block;}

    body .schools #hero,
    .dMobile .schools #hero
    .dNonMobile .schools #hero {height: auto;background: none;}



}
/*//----------- END SGS3  --------- ---\\*/


@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
}


/* Samsung Galaxy S4 ALL */
/*//960 x 1920*/

/*//portrait*/
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .visible-mobile {display: block;}






}

/*//landscape*/
@media screen and (device-height: 320px) and (device-width: 640px) and (-webkit-device-pixel-ratio: 3) {
    .visible-mobile {display: block;}
}

/* Samsung Galaxy S5 ALL */
/*// 1080 x 1920*/

/*//portrait*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .visible-mobile {display: block;}
    .visible-samsung {background: red;}
    /* ---- BEGIN MOBILE HERO HEADER STYLE -- exists in multiple places beware!!---- */
    body .schools #hero,
    .dMobile .schools #hero,
    .dNonMobile .schools #hero {height: auto;}

    body .schools #hero {height: auto;background: none;padding-bottom: 0;}

    body .schools #hero .innerContainer,
    .dNonMobile .schools #hero .innerContainer,
    .dMobile .schools #hero .innerContainer {position: relative; top: auto; left: auto; padding: 0;width: 100%;}

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    body .schools #hero .schools-top-copy-container .innerContainer .copy{
        padding-top: 0; background: url(../img/schools-mobile-bottom.jpg);
        padding-top: 15%;
        padding-bottom: 15%;
        width: 100%;
        max-width: none;
    }

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    body .schools #hero .schools-top-copy-container .innerContainer .copy p {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        max-width: 350px;
    }

    /* ---- END MOBILE HERO HEADER STYLE ---- */

}

/*//landscape*/
@media screen and (device-width: 640px) and (device-height: 360px) and (-webkit-device-pixel-ratio: 3) {
    .visible-mobile {display: block;}
    /* ---- BEGIN MOBILE HERO HEADER STYLE -- exists in multiple places beware!!---- */
    body .schools #hero,
    .dMobile .schools #hero,
    .dNonMobile .schools #hero {height: auto;}

    body .schools #hero {height: auto;background: none;padding-bottom: 0;}

    body .schools #hero .innerContainer,
    .dNonMobile .schools #hero .innerContainer,
    .dMobile .schools #hero .innerContainer {position: relative; top: auto; left: auto; padding: 0;width: 100%;}

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy,
    body .schools #hero .schools-top-copy-container .innerContainer .copy{
        padding-top: 0; background: url(../img/schools-mobile-bottom.jpg);
        padding-top: 15%;
        padding-bottom: 15%;
        width: 100%;
        max-width: none;
    }

    .dNonMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    .dMobile .schools #hero .schools-top-copy-container .innerContainer .copy p,
    body .schools #hero .schools-top-copy-container .innerContainer .copy p {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        max-width: 350px;
    }

    /* ---- END MOBILE HERO HEADER STYLE ---- */




}




/*//----------- END Device Specific  --------- ---\\*/



/* -- Schools gallery - mobile BEGIN -- */

.schools.mobile .owl-wrapper {
    width: 100%;
}

.schools.mobile .owl-carousel div {
    width: 100%;
    float: left;
}

.schools.mobile .owl-carousel div a {
    float: left;
    display: block;
    width: 49%;
    overflow: hidden;
}

.schools.mobile .owl-carousel div a:first-child {
    margin-right: 2%;
}

.schools.mobile .owl-carousel div br {
    display: none;
}

.schools.mobile .owl-carousel div a img {
    width: 160%;
    margin-left: -40%;
}

/* -- Schools gallery - mobile END -- */


/* Moved from internal stylesheet in schools index */
#owl-demo .owl-item div {
    padding: 5px 10px 5px 10px;
}

#owl-demo .owl-item img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 3px;
}

.owl-prev {
    float: left;
}

.owl-next {
    float: right;
}

.owl-theme .owl-buttons {
    width: auto;
}

.owl-theme .owl-controls .owl-pagination {
    position: relative;
    top: 25px;
    margin: 0 auto;
    width: 90%;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    background: #582a47;
    height: 16px;
    width: 16px;
    margin-bottom: 3px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 957px !important;
}

.grayscale {
//margin-right: 15px;
}

.grayscale img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    border-radius: 60px;
    -webkit-transition: -webkit-filter 300ms linear;
}

.grayscale img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    cursor: pointer;
}

.headshotLarge {
    background: none;
}

.headshotLarge img {
    border-radius: 140px;
}

.testimonials_mob {
    display: none;
}

#owl-demo div a:hover {
    background: rgba(125,42,75,.5);
}

#owl-demo div a:hover img {
    opacity: 0.5;
    background: rgba(125,42,75);
}
/* END - Moved from internal stylesheet in schools index */