/*! 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: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-weight: 700; font-style: normal; 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-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-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); }


/*********

BIOENGINEERING & NANOMEDICINE CSS

*********/

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;
}
#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
	line-height: 1.5;
}
#content table td,
#content table td p {
 font-size: 14px;
 line-height: 1.5;
}
#content th,
#content td,
#right p,
#right li {
 font-size: 13px;
}
.event #content table tr th {
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
	padding-top: 14px;
}
#right p,
#right ul {
 margin-bottom: 14px;
}
#content a {
 transition: all 0.3s ease-out;
}
#content h1 {
	display: none;
}



body {
	background: url(gfx/background-inner.png) 0 0px repeat-x;
}
#wrapper {
	background: url(gfx/banner-inner.jpg) center 0px no-repeat;
}
.titleinner {
	margin-top: 0px;

}
#title h1 {
	background: url(gfx/title.png) 0px 115px no-repeat;
	padding: 365px 0 0px 0px;
	font-family: "Amsi Pro Condbold", "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 21px 23px;

}
.grid4 {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
#content h2 {
	border: none;
	font-family: "Amsi Pro Condlight", "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 35px;
	font-weight: 300;
	margin: 0px 0 21px 0;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content h3 {
	color: #555555;
	font-family: "Amsi Pro Condbold", "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3;
}
#content p:empty + h2 {
	margin-top: 0;
}
#content h1 + p,
#content p:empty {
	display: none;
}
#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
#right {
	margin-top: -28px;
	position: relative;
	z-index: 9999;
	background-image: none;

}
#right h4 {
	padding-top: 7px;
	padding-bottom: 7px;
}
#content p {
	font-size: 15px;
}


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

body.OTAGO037816 #title h1 {
		font-size: 48px;
}
body.OTAGO037816 #content hr {
	margin: 35px 0 35px 0;
	border-top: 1px solid #e4e4e4;
}
body.OTAGO037816 #title h1.notopimage {
	max-width: 800px;
}
body.OTAGO037816 #content {
	padding-bottom: 0px;
	width: 882px;
	min-height: initial;
}
body.OTAGO037816 #content .grid4 p {
	margin-right: 30px;
}
body.OTAGO037816 #content p.arrow {
	padding: 14px 0 14px 14px;
	background: url(gfx/arrow-grey.png) left 19px no-repeat;
}
body.OTAGO037816 #content h2 {
	font-size: 22px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #004c67;
	border-top: none;
	border-bottom: none;
	margin-bottom: 0;
}
body.OTAGO037816 #content h3 {
	font-size: 21px;
}
body.OTAGO037816 #content h2.intro {
}
body.OTAGO037816 #content .featurebox_blue {
	margin-top: 28px;
	margin-bottom: 28px;
}
body.OTAGO037816 #right {
	background-image: none;
	clear: both;
	margin: 0px 0 0 232px;
	padding: 7px 0 0 0;
	width: 882px;
	border-top: none;
}
body.OTAGO037816 #right .features h2 {
	padding-bottom: 14px;
	font-size: 22px;
	padding-top: 7px;
	padding-bottom: 14px;
	color: #004c67;
	border-top: none;
	text-transform: none;
	background: none;
}
body.OTAGO037816 #right p {
	border-bottom: none;
}
body.OTAGO037816 #right .features h3 {
	padding-bottom: 7px;
	font-size: 13px;
}

/* News story fix */

.titleinner h1 {
	position: relative !important;
	max-width: 650px;
}
.titleinner img {
	display: none;
}

/* New */

#content.parent_grid-quarter, #content.parent_grid-third, #content.parent_grid-fifth, .OTAGO000801 #content #box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.grid-quarter, .grid-third, .grid-fifth {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 14px #f5f5f5;
	box-shadow: 0 5px 14px #f5f5f5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 46px;
	-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 {
	-webkit-box-shadow: 0 0 4px #e4e4e4;
	box-shadow: 0 0 4px #e4e4e4;
	-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;
}
#content .grid-quarter h3, #content .grid-third h3, #content .grid-fifth h3 {
	margin: 0 14px 7px 14px;
	font-family: "Amsi pro condbold", "Open sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 23px;
	line-height: 1.15;
}
#content .grid-quarter h3:after, #content .grid-third h3:after, #content .grid-fifth h3:after {
	content: '';
	width: 37px;
	height: 3px;
	display: block;
	background: #f9c000;
	margin-top: 7px;
}
#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 {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
}
#content .grid-quarter p, #content .grid-fifth p {
  margin-bottom: 7px;
}
#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 {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
#content .grid-quarter a, #content .grid-third a, #content .grid-fifth a {
  border-bottom: none;
}
body.frontpage .grid-quarter {
	width: 186px;
	margin-right: 46px;
	min-height: 205px;
	margin-top: 14px;
}
body.frontpage .grid-quarter:nth-of-type(4n) {
	margin-right: 0;
}
body.frontpage #content .grid-quarter h3:after {
  display: none;
}
body.frontpage #content .grid-quarter h3:before {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 14px;
  margin-bottom: 7px;
}
.heading-translation {
	color: #888888;
	font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 14px;
	margin-top: 7px;
	padding-left: 21px;
}

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

/* Tablet landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body.frontpage hr {
		margin-top: 300px;
		clear: both;
	}
	body.frontpage #title h1 { font-size: 40px;}
	body.frontpage #content .grid2 {
		max-width: 302px;
	}
	body.frontpage #content .grid_third img {
		max-width: 186px;
	}
	body.frontpage #content .grid_third {
		width: 186px;
	}
	body.frontpage #content .grid-quarter {
		margin-bottom: 21px;
	}
	body.frontpage #content .grid-quarter h3 {
		margin-bottom: 21px;
	}
	body.frontpage .features article {
		margin-right: 5%;
		width: 47.5%;
	}
	body.frontpage .features article:nth-of-type(2n) {
		margin-right: 0;
	}
	body.frontpage #right .articletext {
		width: 100%;
	}
	body.frontpage #right .articletext h3 {
		line-height: 1.5;
	}
	body.frontpage #right .features article img {
		width: 100%;
	}
	body.frontpage #right {
		width: 650px;
	}

	/* New */

	body.frontpage #content {
		width: 650px;
	}
	body.frontpage .grid-quarter {
		width: 48%;
		margin-right: 4%;
	}
	body.frontpage .grid-quarter:nth-of-type(2n) {
		margin-right: 0;
	}
}
/* Tablet portrait */
@media only screen and (max-width: 768px) {
	body {
		background: url(gfx/background-inside.png) 0 0px repeat-x;
	}
	body.OTAGO037816 #content .mobilelast {
		margin-right: 0;
	}
	body.OTAGO037816 #content .grid_third {
		width: 100%;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.OTAGO037816 #right {
		border-top: none;
		width: 186px;
	}
	body.OTAGO037816 #right .news {
		width: 418px;
	}
	body.frontpage #content,
	body.OTAGO037816 #title h1.notopimage {
		width: 418px;
	}
	body.frontpage .grid-quarter:nth-of-type(2n) {
		margin-right: 0;
	}
	body.frontpage .grid-quarter {
		margin-bottom: 23px;
	}
	body.frontpage #right h3 {
		line-height: 1.5;
	}
	body.frontpage .grid-quarter,
	body.frontpage #right .features article { float: left; width: 47.5%; margin-right: 5%; }
	body.frontpage #right .features article:nth-of-type(2n) { margin-right: 0; }
	body.frontpage #right img {
		width: 100%;
	}
}

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

@media only screen and (max-width: 700px) {
	body.frontpage #content,
	body.OTAGO037816 #title h1.notopimage {
		width: 97%;
	}
	body, body.OTAGO037816 {
		background: none;
	}
	#wrapper {
		background: url("gfx/banner-inner.jpg") no-repeat -300px 0px;
		background-size: 870px;
	}
	body.OTAGO037816 #wrapper {
		background: url("gfx/frontpage-banner.jpg") no-repeat center 0px;
		background-size: 750px;
	}
	body.OTAGO037816 .titleinner,
	.titleinner {
		width: 92%;
	}
	body.frontpage #title h1,
	#title h1 {
		background: url("gfx/title.png") no-repeat 0px 45px;
		background-size: 230px;
		font-size: 40px;
		margin: 0 0 21px 0px;
		padding-top: 200px;
  }
	body.OTAGO037816 #content h2 {
    	font-size: 20px;
  }
	.titleinner h1 {
		max-width: 100% !important;
		min-width: auto !important;
	}
	 #content img {
	 	max-width: 40%;
	 }
	body.OTAGO037816 #content img {
		max-width: 100%;
		float: none;
		margin-left: 0;
	}
	body.frontpage #content .grid-quarter h3 {
		margin-bottom: 21px;
	}
	body.OTAGO037816 #right {
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	body.OTAGO037816 #right .news {
  	width: 97%;
	}
	#right .features article {
		border-bottom: 1px solid #e4e4e4;
		margin-top: 14px;
	}
}