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


/*********

DSM-Medicine CSS

*********/

body {
    background: url(gfx/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.jpg) center 0 no-repeat;
}
.titleinner {
	margin-top: 0px;
}
body.OTAGO063941 #content h1 {
	display: none;
}
#title h1,
body.frontpage #content .introduction h2 {
	background: url(gfx/title-2020.png) 0 66px no-repeat;
  color: #374f79;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
	margin: 0 0 0 23px;
	max-width: 650px;
	opacity: 1;
	padding: 300px 0 21px 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
body.frontpage #content {
	max-width: 100%;
}
body.frontpage #title h1.notopimage {
    max-width: 100%;
    margin-bottom: 21px;
}
.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 35px;
    margin-top: -16px;
    padding-left: 21px;
}
.titleinner img {display: none;}

#content h2 {
	border: none;
	color: #374f79;
	font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 35px;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 21px;
	padding-bottom: 0;
	text-rendering: optimizeLegibility;
}
#content h3 {
	color: #374f79;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 22px;
	line-height: 1.2;
	margin: 21px 0 7px 0;
}
#content p,
#content ul,
#content ol,
#content li,
#content ol li,
#content ul li,
#content table,
#content table th,
#content table td,
#content dl,
#content form fieldset label,
#content form fieldset input,
#content form fieldset textarea,
#content button,
#content pre,
#right p,
#right li {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
  text-rendering: optimizeLegibility;
}
#content li {
	margin-bottom: 7px;
}
#content ul.pagesubnav {
	border: 1px solid #dddddd;
}
#content ul.pagesubnav li a {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#right {
	background: none;
	border-top: none;
}
#right h2 {
	margin-bottom: 7px;
}

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

body.frontpage #title h1 {
	padding-bottom: 0;
}
body.frontpage #content {
	box-sizing: border-box;
	width: 100%;
}
body.frontpage #content .introduction h2 {
  display: none;
}
body.frontpage #content .introduction span {
	background: none;
}

body.frontpage #content h2 {    
	border-top: 4px dotted #ddd;
    font-size: 30px;
	margin: 35px 0 21px 0;
	padding-bottom: 21px;
	padding-top: 35px;
}

body.frontpage #content .med_section a,
body.frontpage #content .postgrad a {
	border: none;
}


/* Text below the H1 */
body.frontpage #content .introduction p {
	font-size: 18px;
}
body.frontpage #content li:nth-child(4n) {
	margin-right: 0;
	padding-right: 0;
}

body.frontpage #content li:nth-child(4n+1) {
	clear: both;
}

body.frontpage #content ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
body.frontpage #content li {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;	
	float: left;
	line-height: 1.4;
	margin-bottom: 23px;
	margin-left: 0;
	margin-right: 2.6%;
	min-height: 70px;
	list-style-type: none;
	list-style-position: inside;
	position: relative;
	transition: all 0.3s ease-out;
	width: 23%;
}
body.frontpage #content .med_section li a {
	padding: 14px 7px 7px 35px;
}
body.frontpage #content li:hover {
	background: #f9f9f9;
}
body.frontpage #content li a:hover {
	border-bottom: 0;
}
body.frontpage #content li:before {
	background: url(gfx/blu-arrow.png) no-repeat 7px 2px #f9f9f9;
	background-size: 8px;
	border: 1px solid #dddddd;
	border-radius: 50%;
	content: '';
	display: block;
	height: 20px;
	left: 7px;
	position: absolute;
	top: 14px;
	width: 20px;
}
body.frontpage #content li a {
	display: block;
}
body.frontpage #content .postgrad {
	clear: both;
	overflow: hidden;
}
body.frontpage #content .postgrad ul {
	margin-left: 0;
}
body.frontpage #content .postgrad ul li {
	background: #e2eaf8;
	border: none;
	border-radius: 3px;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	height: auto;
	list-style-image: none;
	list-style-type: none;
	margin-right: 1.6%;
	margin-bottom: 28px;
	margin-left: 0;
	padding: 0;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-out;
	width: 18.7%;
}
body.frontpage #content .postgrad ul li:hover {
	background: #86c7dd;
}
body.frontpage #content .postgrad ul li:hover:before {
	transform: scale(1.2,1.2);
}
body.frontpage #content .postgrad ul li:before {
	background: url("gfx/arrow-down-blue.svg") no-repeat center 0;
	border: none;
	content: '';
	display: block;
	height: 35px;
	width: 35px;
	position: absolute;
	top: -15px;
	left: 40%;
	transform: scale(1,1);
	transition: all 0.2s ease-out;
}
.no-svg body.frontpage #content .postgrad ul li:before {
	background: url("gfx/arrow-down-blue.png") no-repeat center 0;
	content: '';
	display: block;
	height: 35px;
	width: 35px;
	position: absolute;
	top: -15px;
	left: 40%;
	transform: scale(1,1);
	transition: all 0.2s ease-out;
}
body.frontpage #content .postgrad ul li:nth-child(4) {
	clear: none;
}
body.frontpage #content .postgrad ul li:nth-child(5) {
	margin-right: 0;
	clear: none;
}
body.frontpage #content .postgrad ul li a {
	border: none;
	display: block;
	padding: 28px 7px 14px 7px;
	min-height: 40px;
}
body.frontpage #content .postgrad ul li a:hover {
	border-bottom: none;
	color: #ffffff;
}

/* Profile page */

.OTAGO063941 #content table {
	border: 1px solid #dddddd;
	margin-bottom: 35px;
}
.OTAGO063941 #content table th {
	background: #ffffff;
	color: #888888;
}
.OTAGO063941 #content table th:nth-of-type(1) {
	width: 30%;
}
body.OTAGO063941 #right {
	margin-top: 12px;
}
body.OTAGO063941 #right ul li {
	font-size: 13px;
}
body.OTAGO063941 #right .otagoprofile ul li {
	list-style-type: none;
	margin-left: 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-2020@2x.png);
             background-size: 163px;
          }
}


/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body.frontpage #content .introduction h2 {
		background: none;
	}
	
}



@media only screen and (max-width: 768px) {
	body.frontpage #content {
		width: auto;
	}
}


@media only screen and (min-width: 700px) and (max-width: 768px) {
	body.frontpage #content .postgrad ul li {
		margin-right: 0;
		padding-left: 14px;
		text-align: left;
		width: 100%;
	}
	body.frontpage #content .postgrad ul li::before {
		left: 14px;
	}
	body.frontpage #content li {
		margin-right: 0;
		min-height: auto;
		padding-bottom: 14px;
		width: 100%;
	}
}


@media only screen and (max-width: 700px) {
	#wrapper {
		background-size: auto 400px;
		background-position: 50% 0;
		background-image: url(gfx/frontpage-banner.jpg);
	}
	body.frontpage, body {
		background: none;
	}
	#title h1,
	body.frontpage #title h1 {
		background-position: 0 21px;
		background-size: 150px;
		font-size: 45px;
		margin-bottom: 21px;
		padding-bottom: 0;
		padding-top: 200px;
	}
	.heading-translation {
		font-size: 35px;
		margin-bottom: 21px;
		margin-top: -21px;
	}
  body.frontpage #content {
		width: auto;
	}
	#content,
	body.frontpage #content {
		max-width: 97%;
		min-height: auto;
	}
	body.frontpage #content li {
		width: 47%;
		margin-right: 5%;
	}
	body.frontpage #content li:nth-of-type(2n) {
		margin-right: 0;
	}
	#title h1 {
		padding-left: 0;
		margin-left: 0;
	}
	body.OTAGO063941 #right {
		margin-top: 0;
	}
	body.OTAGO063941 #content table {
		display: block;
		overflow: hidden;
	}
	.OTAGO063941 #content table tbody,
	.OTAGO063941 #content table tr {
		display: block;
		width: 100%;
	}
	.OTAGO063941 #content table th,
	.OTAGO063941 #content table td {
		display: block;
		max-width: 100%;
		width: 100%;
	}
	.OTAGO063941 #content table th {
		padding-bottom: 0;
	}
	.OTAGO063941 #content table td {
		padding-top: 0;
	}
	.OTAGO063941 #content table tr {
		border-bottom: 1px solid #dddddd;
	}
	.OTAGO063941 #content table tr:last-of-type {
		border-bottom: 0;
	}
}



@media only screen and (max-width: 600px) {
	body.frontpage #content .postgrad ul li {
		width: 45%;
		margin-right: 5%;
	}
	body.frontpage #content .postgrad ul li a {
		min-height: 40px;
		text-align: left;
		padding-left: 5%;
	}
	body.frontpage #content .postgrad ul li:before {
		background: url("gfx/arrow-down-blue.svg") no-repeat 0px 0;
		left: 5%;
	}
}



@media only screen and (max-width: 400px) {
	body.frontpage #content li {
		width: 95%;
		margin-right: 0;
		padding-right: 0;
	}
}