/*! 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; }


/*********

PSM CSS

*********/

body {
	background: url(gfx/banner-inner-background.png) center 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-inner.jpg) center 0px no-repeat;
}
.titleinner {
	margin-top: 0px;
}
#title h1 {
	background: url(gfx/psm-title.png) 4px 49px no-repeat;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 55px;
	-webkit-font-variant-ligatures: normal;
	font-variant-ligatures: normal;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.05;
	margin-bottom: 0;
  padding: 340px 0 21px 23px;
  text-rendering: optimizeLegibility;
}
#title .titleinner h1 {
	max-width: 650px;
}
#title p.heading-translation {
	color: #888888;
	font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 28px;
  font-weight: 300;
	line-height: 1.2;
	margin-bottom: 14px;
	margin-top: -14px;
	max-width: 650px;
	padding-left: 23px;
}
/* Profile page */
body.OTAGO063964 #title h1 {
	line-height: 1.2;
	padding-top: 270px;
	text-indent: -9999px;
}
body.OTAGO063964 #content h1 {
	color: #163568;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 42px;
	font-weight: 300;
	line-height: 1.15;
	margin-bottom: 42px;
	padding-left: 0;
	padding-top: 14px;
}
#content h2 {
    border-bottom: none;
    color: #333333;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 35px;
    line-height: 1.2;
    margin: 0px 0 14px 0;
    text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content h3 {
	color: #6a378d;
	font-family: 'Minion Pro', Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 26px;
}
body.OTAGO048069 #content h4 {
	font-size: 17px;
}

#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-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}
#content th,
#content td,
#right p,
#right li {
    font-size: 13px;
}
#right {
	background-image: none;
	margin-top: -5px;
}
#right h2 {
	margin-bottom: 14px;
}
#right h3 {
	margin-bottom: 5px;
}
#title .titleinner img {
	display: none;
}
#title .titleinner h1 {
	position: static;
	max-width: 627px;
	margin-top: 3px;
}

.OTAGO063964 #content {
	min-height: 10px;
}
.OTAGO063964 #content table {
	border: 1px solid #dddddd;
}
.OTAGO063964 #content table th {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 14px 14px;
}
.OTAGO063964 #content table td {
	font-size: 14px;
	line-height: 1.5;
	padding: 14px 14px;
}
.OTAGO063964 #content table ul {
	margin-left: 16px;
}
.OTAGO063964 #content table li {
	font-size: 14px;
	margin-bottom: 7px;
}
.OTAGO063964 #right {
	margin-top: 28px;
}
.OTAGO063964 #right .otagoprofile ul li {
	list-style-type: none;
	margin-left: 0;
}

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

body.frontpage {
    background: url(gfx/background-frontpage.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) center 0px no-repeat;
}
body.frontpage #title h1 {
	background-position: 4px 98px;
	color: #6a378d;
	margin-bottom: 28px;
	padding: 440px 0 0px 23px;
	width: 100%;
}
body.frontpage #content {
	box-sizing: border-box;
	padding: 0 0 0 232px;
	width: 100%;
}
body.frontpage #content hr {
	margin: 35px 0 35px 0;
	border-top: 1px solid #e4e4e4;
}
body.frontpage #title h1.notopimage {
	max-width: 882px;
}

body.frontpage #content h2,
body.frontpage #right h2 {
	border-bottom: none;
	color: #444444;
	font-size: 26px;
	margin-bottom: 21px;
	margin-top: 0;
	padding-bottom: 4px;
	text-transform: none;
}
body.frontpage #right h2,
body.frontpage #right div.features:hover h2,
body.frontpage #right .otagoprofile:hover h2 {
	background-image: url(gfx/stroke.png);
	background-repeat: repeat-x;
	background-position: 0 5px;
	letter-spacing: 0;
}
body.frontpage #content .center {
	text-align: left;
}
body.frontpage #content .grid1 {
	margin-bottom: 35px;
}
/* Styles for purple feature box on frontpage */
body.frontpage .purple-feature-box {
	background-color: #f0ebf3;
	overflow: hidden;
	margin-top: 28px;
	margin-bottom: 28px;
	padding-top: 21px;
	padding-bottom: 21px;
}
body.frontpage #content .purple-feature-box p,
body.frontpage #content .purple-feature-box h2,
body.frontpage #content .purple-feature-box h3,
body.frontpage #content .purple-feature-box h4 {
	padding-left: 14px;
	padding-right: 14px;
}
body.frontpage #content .purple-feature-box h2 {
		color: #6a378d;
		background-image: none;
		text-align: left;
}
/* Text below the H1 */
body.frontpage #content p.introduction-text {
	font-size: 17px;
	line-height: 1.5;
	font-weight: 200;
	color: #444444;
}
body.frontpage #content ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
body.frontpage #content li {
	margin-bottom: 28px;
}
body.frontpage #content ul li ul {
	margin-bottom: 0;
	padding-bottom: 0;
}
body.frontpage #content ul li ul li {
	background-image: url(https://www.otago.ac.nz/grey-arrow.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 10px;
}
body.frontpage .features {
	margin-bottom: 70px;
}
body.frontpage .features h2 {
	color: #333333;
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 26px;
	margin-bottom: 21px;
}
.features article h3 {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.5;
}

/* The right end widget are displayed horizontally */
body.frontpage #right {
	background-image: none;
	clear: both;
	padding: 0 0 0 232px;
	width: 927px;
}

body.frontpage #right .news a:hover, body.frontpage #right .otagoprofile a:hover {
	text-decoration: underline;
}

body.frontpage #right .news {
	float: left;
}

body.frontpage #right .news article {
	display:none;
	width: auto;
}

body.frontpage #right .news article div.articletext {
	width: auto;
}

body.frontpage #right .news article:nth-child(-n+4) {
	display:block;
}

body.frontpage #right #slides .otagoprofile {
	width: 100%;
}

body.frontpage #right .otagoprofile a:hover {
	border-bottom: none;
}


body.frontpage #right #slides .otagoprofile div {
	display: none;
	width: 100%;
}

body.frontpage #right #slides .otagoprofile div p {
	width: 186px;
}

body.frontpage #right  #slides .otagoprofile div:first-child {
	display: block;
}

body.frontpage #right .news {
	width: 650px;
	margin-right: 46px;
	float: left;
}


body.frontpage #right .grid1,
body.frontpage #right #slides,
body.frontpage #right .news article {
	width: 186px;
	margin-right: 46px;
	float: left;
	min-height: 50px;
}
body.frontpage #right #slides h2 {
	margin-bottom: 14px;
}
body.frontpage #right .features article:nth-child(4) {
	margin-right: 0;
}

body.frontpage #right #slides {
	margin-right: 0px;
	height: 300px;
}

body.frontpage #right .features:hover article {
	background: none;
}

body.frontpage #right .otagoprofile h2 strong {
	font-weight: normal;
}

body.frontpage #right #pagemetadata {
	position: relative;
	clear: both;
	left: -230px;
	top: -650px;
	width: 170px;
	float: none;
	margin-right: 0;
}

body.frontpage #right #pagemetadata h2 {
	color: #888;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 7px 30px 0 0;
	font-family: 'Gill sans', 'Gill Sans MT', Helvetica, Arial, Helvetica, sans-serif;
	background: transparent;
}



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

/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body.frontpage .titleinner {
		/*padding-top: 220px;*/
	}
	body.frontpage #title h1.notopimage {
		max-width: 650px;
	}
	body.frontpage #content .purple-feature-box .grid_third {
		margin-right: 15px;
		width: 206px;
	}
	#title h1.notopimage {
		max-width: 242px;
	}
	body.frontpage #content .grid1 {
		margin-right: 23px;
		width: 145px;
	}

	body.frontpage #right {
		width: auto;
	}

	body.frontpage #content .grid2,
	body.frontpage #right .latestResearch .grid1,
	body.frontpage #right .news,
	body.frontpage #right #slides {
		width: 310px;
		margin-right: 23px;
	}

	body.frontpage #right #slides {
		margin-right: 0px;
	}

	body.frontpage #right .rightcontentwysiwyg {
		width: 650px;
		float: left;
	}

	body.frontpage #right #slides .otagoprofile div p {
		width: 310px;
	}


}
/* iPad portrait */
@media only screen and (max-width: 768px) {
	body.frontpage #right {
		width: auto;
	}
	body.frontpage #content .grid1,
	body.frontpage #right .latestResearch .grid1,
	body.frontpage #right .features article,
	body.frontpage #right .news,
	body.frontpage #right #slides {
		width: 418px;
		margin-right: 0;
		clear: both;
		height: auto;
	}
	body.frontpage #content .grid_third {
		width: 100%;
	}
	body.frontpage #content ul {
		margin-bottom: 0px;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
		margin-left: 233px;
		max-width: 418px;
	}
	#right .relatedinfo {
		float: left;
		width: 186px;
		margin-right: 23px;
	}
	body.frontpage #right {
		border-top: none;
		padding: 0;
	}

	body.frontpage #right h2 {
		margin-top: 23px
	}

	body.frontpage #right .rightwidget {
		padding: 13px 0px 0px 0px;
	}
	body.frontpage #right li {
		padding: 0 5px 5px 0;
	}

	body.frontpage #right .news article div.articletext {
		width: 186px;
		float: left;
	}
	body.frontpage #right .features article img,
	body.frontpage #right #slides img {
		margin-right: 20px;
		float: left;
	}

	body.frontpage #right .rightcontentwysiwyg {
		float: left;
	}

	body.frontpage #right .rightcontentwysiwyg,
	body.frontpage #right .rightcontentwysiwyg .latestResearch {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	body.frontpage #right #slides .otagoprofile div p:last-child {
		width: 186px;
		float: left;
	}
	body.OTAGO063964 #right {
		border-top: 0;
		margin-top: 0;
	}
}

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

@media only screen and (max-width: 700px) {
	body,
	body.frontpage {
		background: none;
	}
    .titleinner {
        width: 100%;
    }
	#wrapper,
	body.frontpage #wrapper {
		background: url(gfx/banner-inner.jpg) center 0px no-repeat;
		background-size: 1600px;
	}
    #title h1,
    body.frontpage #title h1 {
    	background-position: 14px 15px;
		background-size: 250px;
		font-size: 44px;
    	padding: 204px 0px 14px 4%;
		width: 92%;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
	}
	#title p.heading-translation {
		margin-top: -7px;
		padding-left: 4%;
	}
	#title ul#breadcrumbs {
		margin-left: 4%;
	}
    body.frontpage #content {
			max-width: 97%;
        padding: 0px 0px 0px 0px;
    }
    body.frontpage #right .news {
        width: 100%;
    }
    body.frontpage #content .grid1 {
        width: 30%;
        float: left;
        margin-right: 3%;
        clear: none;
    }
	.news article:hover {
		background-color: #ffffff;
	}
	body.frontpage #content .research-themes div {
		margin-bottom: 0;
		width: 100%;
	}
	body.frontpage .features img {
		display: none;
	}
	#content {
		width: 97%;
	}
	#right {
		width: 97%;
	}
	#content h2 {
		font-size: 24px;
	}
	#content h2.center {
	    text-align: left;
	}
    body.frontpage #right,
    #right {
        margin-top: 0px;
        margin-left: 0px;
        max-width: 100%;
        margin-bottom: 5px;
    }
    #right div {
    	padding-top: 21px;
    }
	  .OTAGO063964 #right div {
    	padding-top: 0;
    }
    #slides .otagoprofile p {
    	padding-top: 7px;
    }
    body.frontpage #right #pagemetadata {
        position: relative;
        clear: both;
        left: auto;
        top: 0;
        width: 100%;
        float: none;
        margin-right: 0px;
    }
    body.frontpage #right #slides {
        width: 100%;
        margin-right: 0px;
        clear: both;
        height: auto;
    }
    body.frontpage #right .features article {
		width: 30%;
		margin-right: 3%;
		clear: none;
		height: auto;
	}
	body.frontpage #right .news article div.articletext {
    	width: 100%;
    	float: none;
	}
	body.OTAGO063964 #title h1 {
		padding-top: 135px;
	}
	body.OTAGO063964 #content h1 {
		font-size: 34px;
	}
}





@media only screen and (max-width: 450px) {
	body.frontpage #title h1 {
		margin-bottom: 4px;
	}
	body.frontpage #content .grid1 {
        width: 100%;
        float: none;
        margin-right: 0%;
        clear: both;
    }
	body.frontpage #right .features article {
		width: 100%;
		margin-right: 0%;
		clear: both;
		height: auto;
	}
	#right p.smalltag {
		margin-bottom: 21px;
	}
	body.frontpage #right .features article img,
	body.frontpage #right #slides img {
		max-width: 100%;
		width: 100%;
	}
	body.frontpage #right .news article div.articletext {
    	width: 100%;
    	float: left;
	}
	body.frontpage #right #slides .otagoprofile div p {
    	width: auto;
    	margin-bottom: 14px;
	}
	body.frontpage #right #slides .otagoprofile div p:last-child {
		width: 100%;
	}
	body.frontpage #slides .otagoprofile a,
	body.frontpage #slides .otagoprofile a:first-child {
    	max-height: 300px !important;
	}
	body.frontpage #right h2 {
    	margin-bottom: 21px;
	}
}