/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: local('Amsi pro condbold'), local('Amsi-pro-condbold'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*********

CLASSICS CSS

*********/

body {
	background: url(gfx/classics-insidepage-bckgrnd.jpg) 0 0px repeat-x;
}
#wrapper {
	background: url(gfx/classics-insidepage-banner.jpg) center 0px no-repeat;
}
header#global_intro h1 {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#title h1 {
	background: url(gfx/title.png) no-repeat 23px 60px;
  color: #4d775e;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 60px;
  font-variant-ligatures: normal;
  font-weight: normal;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin-top: 21px;
  max-width: 100%;
  opacity: 1;
  padding-bottom: 28px;
  padding-top: 255px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table tr th,
#content table tr td,
#content table tr td p,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content blockquote,
#content button,
#content ul.pagesubnav li a,
#right p,
#right li,
#right dt,
#right dd {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}
#content p,
#content li {
	font-size: 15px;
	line-height: 1.6;
}
#right {
  background: none;
}

#content h2 {
	border-bottom: none;
	font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  line-height: 1.15;
	margin: 35px 0 21px 0;
	text-rendering: optimizeLegibility;
}
#content  h2:first-of-type {
	margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h3 {
	color: #4d775e;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 14px;
}
#content h4 {
	color: #555555;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}
#content ul li {
	margin-bottom: 5px;
}
#content table td {
	font-size: 13px;
}
#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
#content ul.pagesubnav {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding-top: 14px;
	padding-bottom: 21px;
}
#content ul.pagesubnav a {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#right {
	margin-top: -56px;
	position: relative;
	z-index: 9999;
	background-image: none;

}


/*//////////// Frontpage styles /////////////// */

body.frontpage {
	background: url(gfx/classics-frontpage-bckgrnd.png) 0 0 repeat-x;
}
body.frontpage #wrapper {
	background: url(gfx/classics-frontpage-banner.jpg) center 0 no-repeat;
}
body.frontpage #title h1 {
	background-position: 23px 90px;
  padding-top: 325px;
}
body.frontpage #content hr {
	margin: 35px 0 35px 0;
	border-top: 1px solid #e4e4e4;
}
body.frontpage #title h1.notopimage {
	max-width: 800px;
}
#content blockquote {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-left: 14px solid #4d775e;
	margin-bottom: 42px;
	margin-top: 42px;
}
body.frontpage #content .grid4 p {
	margin-right: 30px;
}
body.frontpage #content p.arrow {
	padding: 14px 0 14px 14px;
	background: url(gfx/arrow-grey.png) left 19px no-repeat;
}
body.frontpage #content h2.intro {
}
body.frontpage #content .featurebox_blue {
	margin-top: 28px;
	margin-bottom: 28px;
}
body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}
body.frontpage #content .shadow-box {
	border-top: none;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 0 21px 0;
	padding: 0 0 21px 0;
	overflow: hidden;
	/*background: url("gfx/shadow.png") no-repeat center bottom;*/
}
body.frontpage #content .grid_third_quote {
	width: 30%;
	margin-left: 4%;
	margin-bottom: 49px;
	margin-top: 5px;
	float: right;
	position: relative;
	z-index: 1;
	padding: 0;
}
body.frontpage #content .grid_third_quote h4 {
	color: #4d775e;
	font-size: 14px;
	line-height: 1.2;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 14px 0;
}
body.frontpage #content .grid_third_quote p.quote {
	border: 1px solid #dddddd;
	border-radius: 3px;
	font-size: 18px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 300;
	font-style: italic;
	line-height: 1.4;
	margin: 0 0 21px 0;
	padding: 14px;
	position: relative;
}
body.frontpage #content .grid_third_quote p.quote::after {
    background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
    bottom: -14px;
    left: 14px;
}
body.frontpage #content .grid_third_quote p.quote_author {
	font-size: 14px;
	line-height: 1.2;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 400;
}
body.frontpage #content .grid4 .grid_third {
		margin-top: 28px;
	margin-right: 5.3%;
	overflow: hidden;
	width: 29.8%;
}
body.frontpage #content .grid4 .grid_third img {
	float: none;
	max-width: 100%;
}
body.frontpage #content .grid_third h2 {
	margin-top: 21px;
	margin-bottom: 21px;
}
body.frontpage #content span.green {
	color: #4d775e;
}
body.frontpage #content p.student-quotes {
	background: url(/_assets/_gfx/arrow-grey-forward.svg) no-repeat 0 5px;
	padding-left: 21px;
}



@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #title h1,
    body.frontpage #title h1 {
      background-image: url(gfx/title@2x.png);
      background-size: 291px;
    }
}



/* MEDIA QUERIES ************/




/* iPad landscape */

@media only screen and (min-width: 768px) and (max-width: 1160px) {
    #contentwrapper {
      padding-left: 0;
      padding-right: 0;
    }
    footer.wrapper,
    div.footer_wrapper,
    #topnav,
    .topnavinner,
    div#nav_holder  {
        box-sizing: border-box;
        max-width: 100%;
    }
    .titleinner {
        max-width: 79.8%;
        overflow: hidden;
        position: relative;
    }
    #title h1 {
        box-sizing: border-box;
    }
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {

	/*#content .grid2 {
		width: 650px;
	}*/

	#title h1.notopimage {
		max-width: 242px;
	}
	body.frontpage hr {
		margin-top: 300px;
		clear: both;
	}
	body.frontpage #content .grid2 {
		max-width: 302px;
	}
	body.frontpage #content .grid2 img {
		max-width: 302px;
	}
	body.frontpage #content .grid_third {
		width: 186px;
		}
	body.frontpage #content .shadow-box {
		border-top: none;
		border-bottom: 1px solid #e4e4e4;
		margin: 14px 0 21px 0;
		padding: 0 0 21px 0;
		overflow: hidden;
		background: url("gfx/shadow.png") no-repeat center bottom;
		background-size: 444px;
	}

}
/* iPad portrait */
@media only screen and (max-width: 768px) {
	body {
		background: url(gfx/background-inside.png) 0 0px repeat-x;
	}
  body.frontpage #wrapper {
    background-position: -254px 0;
  }
	body.frontpage #content {
    padding-top: 0;
	}
	body.frontpage #content .grid_third {
    border-bottom: 1px solid rgb(228, 228, 228);
  	padding-bottom: 21px;
    margin-top: 14px;
		width: 100%;
  }
  body.frontpage #content .shadow-box {
    background-size: contain;
  }
  body.frontpage #content .grid_third_quote {
    width: 40%;
  }
  body.frontpage #content .grid_third_quote p.quote {
    font-size: 16px;
  }
  body.frontpage #content .grid_third_quote h4 {
    font-size: 11px;
  }
  body.frontpage #content .grid_third_quote p.quote_author {
  font-size: 12px;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
	}
}

/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {
	body,
  body.frontpage {
	   background: none;
  }
	.titleinner,
	body.frontpage .titleinner {
		width: 92%;
	}
	#title h1,
	body.frontpage #title h1 {
		background-position: 0 35px;
		background-size: 170px;
		font-size: 55px;
		padding-top: 175px;
	}
	#wrapper,
  body.frontpage #wrapper {
	  background: url(gfx/classics-insidepage-banner.jpg) -354px 0px no-repeat;
		background-size: 1100px;
  }
  body.frontpage #content .grid_third_quote {
    width: 100%;
    margin-bottom: 21px;
  }
	body.frontpage #content .grid_third {
		float: left;
		border-bottom: 0;
	}
	body.frontpage #content .grid_third h2 {
		font-size: 25px;
		margin-bottom: 7px;
	}
	body.frontpage #content .grid_third p {
		font-size: 13px;
	}
	body.frontpage #content .grid_third img {
		margin-left: 0;
	}
	#content h2,
	body.frontpage #content h2 {
		font-size: 31px;
	}
}


@media only screen and (max-width: 450px) {
	body.frontpage #content .grid4 .grid_third {
		float: none;
		max-width: 100%;
		margin-right: 0;
		width: 100%;
	}
	body.frontpage #title h1 {
		font-size: 40px;
	}
}