/*! 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; }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSans-Light-Italic'), url(/_assets/_fonts/opensans/opensans-lightitalic.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-lightitalic.woff) format('woff'); font-display: swap; }

/*********

AQUINAS COLLEGE CSS

*********/

body {
	background: url(gfx/background.png) 0 0 repeat-x;
}
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;
}
#wrapper {
	background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
	background-color: none;
	margin-top: 0px;
}
.titleinner img {
  display: none;
	max-width: 645px;
}
#title h1 {
	background: url(gfx/title.png) 5px 53px no-repeat;
	color: #0e244b;
	font-size: 55px;
	font-family: "Amsi pro condbold", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.05;
	margin: 14px 0 0 0;
	padding: 360px 0 21px 23px;
	position: static;
	text-rendering: optimizeLegibility;
}
#content h2 {
	border: none;
	color: #0e244b;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 26px;
	font-weight: 300;
	line-height: 1.45;
	margin-top: 0px;
	margin-bottom: 21px;
}
#content p + h2,
#content ul + h2,
#content ol + h2,
#content table + h2,
#content dl + h2,
#content form + h2,
#content div + h2,
#content p + h2:first-of-type {
	margin-top: 42px;
}
#content h3 {
	color: #0e244b;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}
#content h4 {
	font-size: 17px;
	line-height: 1.5;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content dl,
#content form fieldset label,
#content form fieldset input,
#content form fieldset textarea,
#right p,
#right li {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-display: swap;
  font-size: 15px;
  text-rendering: optimizeLegibility;
}
#content table td,
#content table td p {
  font-size: 15px;
  line-height: 1.6;
}
#content th,
#content td,
#right p,
#right li {
  font-size: 13px;
}
#right p,
#right ul {
  margin-bottom: 14px;
}
#content a {
  transition: all 0.3s ease-out;
}
#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
#content ul.pagesubnav {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 14px 14px 7px 14px;
}
#content ul.pagesubnav li {
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
	margin-bottom: 7px;
}
#content ul.pagesubnav li a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
#content p.fullwidthimage.noborder {
	margin-bottom: 14px;
	padding: 0;
}
#content img {
	max-width: 100%;
	box-sizing: border-box;
}
#content p img.noleftmargin {
	margin-bottom: 0;
	margin-top: 7px;
}
iframe {
  max-width: 100%;
}
a[href*="facebook.com"] {
  background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -292px -59px;
}
#content .grid-quarter h3, #content .grid-third h3, #content .grid-fifth h3 {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.35;
	margin: 0 14px 7px 14px;
}
#content .grid-quarter h3:after, #content .grid-third h3:after, #content .grid-fifth h3:after {
	background: #f9c000;
	content: '';
  display: block;
  height: 3px;
  margin-top: 9px;
	width: 37px;
}
#content .grid-quarter h3 a, #content .grid-third h3 a, #content .grid-fifth h3 a {
  display: block;
}
#content .grid-quarter p, #content .grid-third p, #content .grid-fifth p {
  color: #666666;
	font-size: 13px;
  line-height: 1.5;
}
#content .grid-quarter p:not(:first-child), #content .grid-third p:not(:first-child), #content .grid-fifth p:not(:first-child) {
  margin: 0px 14px 14px 14px;
}
#content .grid-quarter img, #content .grid-third img, #content .grid-fifth img {
	border: none;
	border-radius: 2px 2px 0 0;
	margin: 0;
	max-width: 100%;
  padding: 0;
  width: 100%;
}
#content .grid-quarter a, #content .grid-third a, #content .grid-fifth a {
  border-bottom: none;
}
#content .full-width {
	width: 100%;
}
.OTAGO056008 #content p:nth-of-type(1),
.OTAGO025949 #content p:nth-of-type(1) {
	margin-bottom: 35px;
}
.OTAGO025946 #content p:last-child {
	margin-top: 35px;
}
.OTAGO056008 #content p:nth-of-type(2),
.OTAGO056008 #content p:nth-of-type(2),
.OTAGO056220 #content p,
.OTAGO025946 #content p,
.OTAGO110677 #content p {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.n1023 #content a.player {
	border: 0;
	display: block;
	max-height: 114px;
	margin-bottom: 46px;
	margin-right: 7.1%;
	width: 28.6%;
}
.n1023 #content a.player:nth-of-type(3n) {
	margin-right: 0;
}
.n1023 #content a.player img {
  height: auto;
	max-height: 114px;
	max-width: 100%;
	padding: 0;
	border: 0;
	width: 100%;
}

.testimonial-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.testimonial-box {
	max-width: 47%;
}
.testimonial-box p:nth-of-type(1) {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 5px 10px #f9f9f9;
	box-sizing: border-box;
	min-height: 155px;
	margin-top: 14px;
	padding: 14px;
	position: relative;
}
.testimonial-box p:nth-of-type(1):after {
	background: url(gfx/quote-tail.svg) no-repeat center top;
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	width: 20px;
	bottom: -14px;
	left: 14px;
}
#content .testimonial-box p img {
	border: 0;
	border-radius: 100%;
	float: right;
	height: 70px;
	margin: 0 0 14px 14px;
	padding: 0;
	width: 70px;
}
#content .testimonial-box h3 {
	font-family: 'Amsi Pro Condbold', Helvetica, Arial, sans-serif;
	font-size: 19px;
	margin-bottom: 0;
}
#content .testimonial-box p {
	font-size: 13px;
	line-height: 1.5;
}
#content .testimonial-box p em {
	font-style: normal;
}
#content .testimonial-box p:nth-of-type(2) {
	color: #888888;
	font-size: 11px;
}
#content .testimonial-box p:nth-of-type(2) strong {
	color: #333333;
}

/* Staff profiles */

#content .profile-box {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
	margin-bottom: 28px;
	overflow: auto;
	padding: 14px;
}
#content .profile-box h3 {
	margin-top: 7px;
	margin-bottom: 21px;
}
#content .profile-box p.caption186 {
	margin-bottom: 0;
	max-width: calc(186px - 46px);
	padding-bottom: 0;
}
#content .profile-box p.caption186 img {
	margin-bottom: 0;
	max-width: calc(186px - 46px);
}
#content .profile-box-gridhalf {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
	float: left;
	margin-bottom: 28px;
	margin-right: 23px;
	max-width: 17.7%;
	overflow: auto;
	padding: 14px;
}
#content .profile-box-gridhalf:last-of-type {
	margin-right: 0;
}
#content .profile-box-gridhalf p.caption186,
#content .profile-box-gridhalf p.caption186 img {
	max-width: 100%;
	width: 100%;
	margin-bottom: 0;
}

#right {
	background-image: none;
}
#right p {
	border-bottom: 0;
}

.grid-quarter, .grid-third, .grid-fifth {
	border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 7px 14px #f5f5f5;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 46px;
  padding-bottom: 7px;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
.grid-quarter:hover, .grid-third:hover, .grid-fifth:hover {
  box-shadow: 0 0 4px #f1f1f1;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}
.grid-third {
  width: 29.8%;
  margin-right: 5.3%;
}
.grid-quarter {
  width: 21%;
  float: left;
  margin-right: 5.3%;
}
.grid-fifth {
  width: 17.9%;
  margin-right: 2.6%;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Previous - next navigation */

.prev-next-navigation {
	border: 1px solid #dddddd;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 49px 0 35px 0;
}
#content .prev-next-navigation p {
	line-height: 1.3;
	margin-bottom: 0;
	max-width: 50%;
}
#content .prev-next-navigation a {
	border-bottom: 0;
	display: block;
	padding: 14px 14px 14px 14px;
}
#content .prev-next-navigation a strong {
	color: #444444;
}
#content p.prev-item a {
  background: url(/_assets/_gfx/circle-blue-arrow-back.svg) 10px 16px no-repeat;
	padding-left: 35px;
}
#content p.next-item a {
	background: url(/_assets/_gfx/circle-blue-arrow-forward.svg) right 10px top 16px no-repeat;
	padding-right: 35px;
	text-align: right;
}
#content p.prev-item a:hover,
#content p.next-item a:hover {
	background-color: #f5f5f5;
}

/* Gallery */

.OTAGO017819 #content {
	box-sizing: border-box;
	width: 100%;
}
.OTAGO017819 #content div {
  display: block;
	float: left;
  margin-bottom: 46px;
  margin-right: 5.3%;
  width: 21%;
}
.OTAGO017819 #content div:nth-of-type(4n) {
	margin-right: 0;
}
.OTAGO017819 #content div > a.player {
	border: 0;
	display: block;
	margin-bottom: 0;
	margin-right: 0;
	max-height: auto;
	position: relative;
	width: 100%;
}
.OTAGO017819 #content div > a.player:after {
	background: url(/_assets/_gfx/expand-icon.svg) no-repeat 0 0;
	background-size: 20px;
	bottom: 10px;
	content: '';
	display: block;
	height: 16px;
	position: absolute;
	right: 10px;
	width: 20px;
}


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

FRONTPAGE

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

body.frontpage #title h1.notopimage {
	max-width: 882px;
}
body.frontpage #content {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	max-width: 882px;
	width: 100%;
}
body.frontpage #content .grid-third:nth-of-type(3n+2) {
  margin-right: 0;
}
body.frontpage #content .full-width {
	margin-bottom: 28px;
}
body.frontpage #content .video-container {
	display: block;
	width: 100%;
}
body.OTAGO017740 .grid_third p.bluequote {
	background: url(gfx/yellow-arrow.png) left 2px no-repeat;
	color: #0e244b;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
	padding: 3px 3px 3px 24px;
}
body.frontpage #content .facts-about-college {
	width: 100%;
}
body.frontpage #content .facts-about-college h2 {
	margin-bottom: 28px;
}
body.frontpage #content .facts-about-college ul {
	list-style-type: none;
	margin: 0 0 35px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding: 28px 7px;
}
body.frontpage #content .facts-about-college ul li {
	font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 23px;
	letter-spacing: 0.01em;
	padding-top: 84px;
	text-align: center;
	width: 20%;
}
body.frontpage #content .facts-about-college ul li:not(:last-of-type) {
	border-right: 1px solid #dddddd;
}
body.frontpage #content .facts-about-college ul li.college-fees {
	background: url(/_assets/OtagoCorporate/gfx/future-students/fees-icon.svg) no-repeat center 0;
  background-size: 65px 65px;
}
body.frontpage #content .facts-about-college ul li.college-transport {
	background: url(gfx/shuttle-icon.svg) no-repeat center 0;
  background-size: 65px 65px;
}
body.frontpage #content .facts-about-college ul li.college-tutorials {
	background: url(/_assets/OtagoCorporate/gfx/future-students/tutorials-icon.svg) no-repeat center 0;
  background-size: 65px 65px;
}
body.frontpage #content .facts-about-college ul li.number-of-beds {
	background: url(/_assets/OtagoCorporate/gfx/future-students/bed-icon.svg) no-repeat center 0;
  background-size: 65px 65px;
}
body.frontpage #content .facts-about-college ul li.time-to-campus {
	background: url(/_assets/OtagoCorporate/gfx/future-students/distance-icon.svg) no-repeat center 0;
  background-size: 65px 65px;
}
body.frontpage #content .full-width.video-container {
	margin-bottom: 63px;
}
body.frontpage #content .full-width.video-container h2 {
	margin-top: 35px;
	margin-bottom: 35px;
}
body.frontpage #content #box7 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 21px;
}
body.frontpage #content #box7 h2 {
	width: 100%;
}
body.frontpage #content .testimonial-box p:nth-of-type(1) {
	min-height: 114px;
}
body.OTAGO017740 #right {
	clear: both;
	padding: 0;
}
body.OTAGO017740 	#right .rightcontentwysiwyg {
	background-image: none;
	clear: both;
	margin: -484px 0 0 0;
	padding: 0;
	float: right;
	width: 263px;
}
body.OTAGO017740 	#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;
}






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

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



@media only screen and (min-width: 1025px) and (max-width: 1162px) {
	#contentwrapper {
		padding-left: 0 0 14px 0;
	}
	#features,
	footer.wrapper,
	div.footer_wrapper,
	#contentwrapper,
	.topnavinner,
	#wrapper {
		width: 100%;
		box-sizing: border-box;
	}
	#features {
		margin-left: 0;
	}
	div#nav_holder {
		max-width: 99%;
	}
}




@media only screen and (min-width: 770px) and (max-width: 1114px) {
	.titleinner {
		width: 100%;
		box-sizing: border-box;
	}
	#contentwrapper {
		width: 100%;
		box-sizing: border-box;
		padding: 0 0 14px 0;
	}
	div#nav_holder { width: 97%; }
}



@media only screen and (max-width: 1140px) {
	body.frontpage #content {
		max-width: 97%;
		box-sizing: border-box;
	}
	#contentwrapper {
		padding: 0 0 14px 0;
	}
}




@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#wrapper {
		background-position: -440px 0;
	}
}




@media only screen and (min-width: 769px) and (max-width: 930px) {
	.topnavinner,
	footer.wrapper,
	div.footer_wrapper{
		box-sizing: border-box;
    width: 100%;
  }
	ul#breadcrumbs {
		display: none;
	}
	#content {
		box-sizing: border-box;
		width: 97%;
  }
}



@media only screen and (max-width: 768px) {
	body.frontpage #content .facts-about-college ul li.college-fees,
	body.frontpage #content .facts-about-college ul li.college-transport,
	body.frontpage #content .facts-about-college ul li.college-tutorials,
	body.frontpage #content .facts-about-college ul li.number-of-beds,
	body.frontpage #content .facts-about-college ul li.time-to-campus {
		background-size: 55px 55px;
		padding-top: 70px;
		line-height: 1.3;
		border-right: 0;
  }
	body.frontpage #content .grid-third p:nth-of-type(1) {
		margin-bottom: 7px;
	}
	body.frontpage #content .grid-third h3 {
		font-size: 16px;
		font-weight: 400;
	}
	.OTAGO017819 #content div {
		margin-bottom: 23px;
	}
}


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

@media only screen and (max-width: 700px) {
	body {
		background: none;
	}
	.titleinner {
		width: 92%;
	}
	#title h1 {
		background-position: 0 21px;
		background-size: 170px;
		font-size: 42px;
		padding-left: 0;
		padding-top: 160px;
		width: 100%;
	}
	#wrapper {
	 background-size: 1010px;
		background-position: -310px 0;
	}
	#content {
		width: 97%;
	}
	#content p.fullwidthimage img {
    box-sizing: border-box;
		max-width: 100%;
  }
	body.frontpage #content .grid-third img {
		float: none;
	}
	.OTAGO017819 #content {
	 width: 97%;
	}
}



@media only screen and (max-width: 450px) {
	body.frontpage #content .grid-third {
		width: 100%;
		margin-bottom: 21px;
		margin-right: 0;
	}
	body.frontpage #content .grid-third h3 {
		margin-top: 14px;
	}
	body.frontpage #content .grid-third img {
		display: none;
	}
	body.frontpage #content #box6 {
		margin-top: 21px;
	}
	body.frontpage #content .facts-about-college ul li {
		font-size: 13px;
	}
	body.frontpage #content .facts-about-college ul li.college-fees,
	body.frontpage #content .facts-about-college ul li.college-transport,
	body.frontpage #content .facts-about-college ul li.college-tutorials,
	body.frontpage #content .facts-about-college ul li.number-of-beds,
	body.frontpage #content .facts-about-college ul li.time-to-campus {
		background-size: 45px 45px;
		padding-top: 50px;
		line-height: 1.3;
		border-right: 0;
  }
}