/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 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-2019 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: 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; }

/*********

STUDHOLME COLLEGE CSS

*********/

body {
	background: url(gfx/studholme-frontpage-bckgrnd.jpg) 0 0px repeat-x;
}
#wrapper {
	background: url(gfx/studholme-frontpage-banner.jpg) center 0px no-repeat;
}
.titleinner {
	background: url(gfx/studholme-title-inside.png) 227px 27px no-repeat;
	margin-top: 0px;
	padding-top: 300px;
}
header#global_intro h1 {
	font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, 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 {
	font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
	font-size: 50px;
	font-weight: normal;
	letter-spacing: -0.01em;
	line-height: 1;
	max-width: 650px;
	opacity: 1;
	padding: 35px 0 35px 21px;
	position: static;
	text-rendering: optimizeLegibility;
}
#title h1.notopimage {
	background: url(gfx/paleblue-bar.jpg) no-repeat left 21px bottom 14px;
	padding-top: 7px;
}
#content p,
#content ul li,
#content ol li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content form fieldset legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input,
section.global_mega_nav ul li,
section.global_mega_nav div.rightmeganavlist a,
nav.global_footer ul li {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}
#content p,
#content ul li,
#content ol li,
#content dt,
#content dd {
	font-size: 15px;
	line-height: 1.6;
}

#content p img {
	border: 0;
	padding: 0;
}
#content h2 {
	font-size: 21px;
	color: #0e244b;
	border: none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 600;
	line-height: 1.2;
	clear: both;
}
#content h3 {
	color: ##0e244b;
	font-size: 16px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 600;
	clear: both;
}
#content p img {
	float: right;
}
#content ul, #content ol {
    margin-left: 17px;
}
#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
#right {
	background-image: none;
}
#content .grid3 .grid_half img {
	margin-bottom: 7px;
	max-width: 100%;
	float: right;
}


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

body.frontpage {
	background: url(gfx/studholme-frontpage-bckgrnd.jpg) 0 0px repeat-x;
}
body.frontpage #wrapper {
	background: url(gfx/studholme-frontpage-banner.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
	padding-top: 314px;
	margin-top: 0px;
	background: url(gfx/studholme-title.png) 227px 42px no-repeat;
}
body.frontpage #content {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
body.frontpage #content .grid-third {
	margin-bottom: 35px;
	margin-top: 35px;
	width: 29.3%;
}
body.frontpage #content .grid-third:not(:last-of-type) {
	margin-right: 6%;
}
body.frontpage #content .grid-third img {
	float: none;
	margin-left: 0;
	width: 100%;
}
body.frontpage #content hr {
	border-top: 5px dotted #dddddd;
	margin: 35px 0 35px 0;
}
body.frontpage #title h1.notopimage {
	max-width: 100%;
}
body.frontpage #content h2.intro {
	background-size: contain;
	border-bottom: 5px dotted #dddddd;
	font-family: "Amsi Pro Condlight", "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif; 
	font-size: 28px;
	font-weight: 300;
	line-height: 1.2;
	margin: 0 0 35px 0;
	padding: 0 0 35px 0;
}
body.frontpage #content .grid_third:nth-of-type(3n) {
    margin-right: 0;
}
body.frontpage #content .grid_third h2:first-child {
	margin-top: 0px;	
}
body.frontpage #content .grid_third h2 {
	margin-top: 21px;
	margin-bottom: 7px;
	color: #0e244b;
}
body.frontpage #content .grid_third.last h2 {
    margin-top: 0;
    color: #444444;
}
body.frontpage #content .grid_third {
    width: 100%;
 }
body.frontpage #content p.fullwidthimage img {
	border: none;
	margin-bottom: 7px;
	padding: 0;
	width: 100%;
}
body.frontpage .grid_third p.bluequote {
	background: url(gfx/paleblue-arrow.png) left 2px no-repeat;
	color: #0e244b;
	padding: 3px 3px 3px 24px ;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 0;
}
body.OTAGO017674 #content h3 {
	color: ##0e244b;
	font-size: 16px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 600;
}
body.OTAGO017674 #right {
	clear: both;
	padding: 0;
}
body.OTAGO017674 	#right .rightcontentwysiwyg {
	background-image: none;
	clear: both;
	margin: -484px 0 0 0;
	padding: 0;
	float: right;
	width: 263px;
}
body.OTAGO017674 	#right .rightcontentwysiwyg h2 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	text-transform: none;
	color: #0e244b;
	font-size: 21px;
	border: none;
	margin: 0;
	font-weight: bold;
	line-height: 1.2;
	padding: 0;	
}
body.OTAGO017674 #content .grid_third.last div.payment h4{
	padding-left: 0;
	color: #2b3990;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
}
body.OTAGO017674 .grid_third.last div.payment p{
	padding-left: 0;
}
.payment {
	border-bottom: 1px solid #f2f2f2;
}
body.OTAGO017674 #content .grid_third.last div.payment a.creditcard {
	background: url(gfx/credit-card-payment.png) no-repeat 4px 3px #ffcd23;
	display: inline-block;
	color: #333;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	text-align: left;
	margin: 0 0 14px 0 ;
	padding: 3px 18px 3px 27px;
	border: 2px solid #dfa000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;
}	
body.OTAGO017674 #content .grid_third.last div.payment a.creditcard:hover {
	background: url(gfx/credit-card-payment.png) no-repeat 4px 3px #ebbb16;
}


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

/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#wrapper {
		background-position: -240px 0;
	}
		
	body.OTAGO017674 #title h1.notopimage {
		max-width: 650px;
	background: url("gfx/paleblue-bar.jpg") no-repeat scroll 0px top transparent;
	}

	body.OTAGO017674 #content .grid_third {
		width: 186px;
	}
	body.OTAGO017674 #content .grid_third img {
		width: 186px;
	}

	body.OTAGO017674 #content h2.intro {
		margin: -18px 0 25px 0;
		background: url(gfx/stroke-divider.jpg) no-repeat center bottom;
		padding: 0 0 22px 0;
		border-bottom: 1px solid #f2f2f2;
		background-size: contain;
	}

}
@media only screen and (max-width: 768px) {
.titleinner {
		background: url(gfx/studholme-title-inside.png) 227px 43px no-repeat;
		padding-top: 159px;
	}
	#wrapper {
		background: url(gfx/studholme-insidepage-banner.jpg) -267px 0px no-repeat;
	}
	#title h1.notopimage {
		background: url("gfx/paleblue-bar.jpg") no-repeat scroll 0px top transparent;
		font-size: 28px;
		margin-top: 85px;
	}
	#content h2 {
		margin: 28px 0 14px 0;
	}

	#content p img, #content h3 img {
		width: 100%;
		height: auto;
		margin:0;
	}
	body.OTAGO017674 {
		background: url(gfx/studholme-insidepage-background.jpg) 0 0px repeat-x;
	}
	body.OTAGO017674 #wrapper {
		background: url(gfx/studholme-insidepage-banner.jpg) -267px 0px no-repeat;
	}
	body.OTAGO017674 #title h1.notopimage {
		font-size: 28px;
		margin-top: 85px;
	}
	body.OTAGO017674 .titleinner {
		background: url(gfx/studholme-title-inside.png) 227px 43px no-repeat;
		padding-top: 159px;
	}
	body.OTAGO017674 #content {
		padding-top: 0;
	}
	body.OTAGO017674 #content .grid_third {
		width: 100%;
		margin-top: 7px;
	}

	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.OTAGO017674 #right {
		border-top: none;
		width: 418px;
	}
}

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

@media only screen and (max-width: 700px) {
	body,
	body.OTAGO017674 {
		background: none;
	}
	.titleinner {
		width: 92%;
	}
	#title h1 {
		width: 100%;
		padding: 0;
	}
	#title h1.notopimage,
	body.frontpage #title h1.notopimage {
		font-size: 40px;
		line-height: 1.2;
		margin-bottom: 21px;
	}
	#wrapper,
	body.OTAGO017674 #wrapper {
		background: url("gfx/studholme-insidepage-banner.jpg") no-repeat center -9px;
		background-size: 1272px auto;
	}
	.titleinner {
		background-position: 0px 35px;
		padding-top: 110px;
		background-size: 314px auto;
	}
	body.OTAGO017674 .titleinner {
		background-position: 0px 35px;
		padding-top: 110px;
		background-size: 314px auto;
	}
	body.OTAGO017674 #content .grid_third.last {
		position: static;
		top: 0;
	}
	body.frontpage #content {
		max-width: 97%;
	}
	#content .grid3 .grid_half img {
		max-width: 100%;
		float: right;
		margin-bottom: 7px;
	}
}