/*! 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: 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; }@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=latin,latin-ext");

/***************** 

Neuroscience programme CSS

*****************/
#wrapper {
  background: url(gfx/banner-2022.jpg) right 0px no-repeat;
}
body {
    text-rendering: optimizeLegibility;
    background: url(gfx/background-2022.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;
}
:root {
  --first-color: #3d7aa6;
  --second-color: #7a7b75;
  --third-color: #3d7aa6;
  --fourth-color: #7a7b75;
  --fifth-color: #7a7b75;
  --otago-dark-blue: #163568;
  --otago-light-blue: #00508f;
  --otago-link-blue: #416ebf;
  --otago-yellow: #f9c013;
  --otago-pg-blue: #0c385a;
  --otago-light-grey: #555555;
  --otago-dark-grey: #888888;
  --otago-background-grey: #f5f5f5;
}

#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    background: url(gfx/title-2022.png) 0px 65px no-repeat;
    color: var(--first-color);
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0px 0 28px 23px;
    max-width: 882px;
    padding: 400px 0 0 0;
    position: static;
    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 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;
    font-size: 16px;
    line-height: 1.55;
}
#content h2 {
      border-bottom: none;
      color: var(--second-color);
      font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1.25;
      padding-bottom: 10px;
      text-rendering: optimizeLegibility;
}
#content h3 {
      color: var(--third-color);
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 23px;
      line-height: 1.3;
      margin-top: 21px;
}
#content h4 {
      color: var(--fourth-color);
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 20px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}
#content h5 {
      color: var(--fifth-color);
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 19px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}

#content #map_canvas {
	height: 480px;
	width: 100%;
}
#right .otagoprofile p a:hover {
    border-bottom: none;
}

/* .titleinner img {display: none;} */
#content,
#title h1.notopimage {
  max-width: 100%;
  position: relative;
  width: 100%;
	box-sizing: border-box;
}
#right {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 232px;
    width: 100%;
}
#right .rightcontentwysiwyg {
    background-color: #f2f2f2;
    padding: 20px 20px 20px 30px;
    border-radius: 5px;
}
#right h2 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    padding-bottom: 10px;
    text-transform: none;
}
#content ul,
#content ul li,
#right ul li {
	list-style-image: url(/_assets/_gfx/arrow-pale-green-forward.svg);
	list-style-position: outside;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    list-style-position: outside;
    margin-left: 7px;
}
#content ol li {
    font-size: 16px;
    padding-bottom: 10px;
}
#content .grid-third ul {
  margin-left: 22px;
}
#content ol li::marker  {
	color: grey;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 18px;
}
#content ol li {
	padding-left: 4px;
	margin-left: -7px
}
#content ol li ul li {
	padding-left: 4px;
	margin-left: 0px;
}
#content table th {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 18px;
	color: var(--first-color);
}
#content table tr p,
#content table td{
	font-size: 15px;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.4;
}
#content table tr p em,
#content table tr p.smalltag {
	font-size: 13px;
	line-height: 1.4;
	font-style:normal;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}
#content ul.pagesubnav li {
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 0px;
}
#content ul.pagesubnav {
   background-color: #f9f9f9;
   border: solid silver .5px;
}
/* Grid */
#content .tile-box-shadow-container {
	margin-top: 30px;
}
body.frontpage #content .tile-box-shadow-thumbnail-no-description h2  {
      border-bottom: none;
      color: var(--first-color);
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 26px;
}
#content .tile-box-shadow-thumbnail-no-description:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px);
   transition: all 0.3s ease-out;
}
#content .tile-box-shadow-thumbnail-no-description {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#content #box2,
#content #box3 {
	display: none;
}
#content table th {
	background-color: #f5f5f5;
}

#content p.fullwidthimage img,
#content p img,
#content h3 img{
    border: none;
}



/********

FRONTPAGE

********/

/* body.OTAGO059237 { 
	background: url(gfx/frontpage-banner-repeat.jpg) center 0 repeat-x; 
}
body.OTAGO059237 #title {
    background: url(gfx/frontpage-banner.jpg) center 0 no-repeat;
}
body.OTAGO059237 .titleinner { 
	padding-top: 390px; 
	background-position: 217px 164px;
}
body.OTAGO059237 #title h1.notopimage {
    max-width: 882px;
}
body.OTAGO059237 #right {
	float: left;
	clear: both;
    background: none;
}
body.OTAGO059237 #content h2 {
	font-size: 20px;
	border-bottom: none;
}
body.OTAGO059237 #content #box1 h2:nth-child(1),
body.OTAGO059237 #content #box2 h2:nth-child(1) {
	margin-top: 14px;
}
body.OTAGO059237 #content {
	width: 882px;
    min-height: 775px;
}
body.OTAGO059237 #content .grid2 {
	width: 650px;
}
body.OTAGO059237 #content .grid1 ul {
	padding: 0;
	margin: 0;
}
body.OTAGO059237 #content .grid1 ul li {
	list-style: none;
	padding-bottom: 14px; 
}
body.OTAGO059237 #content .otagoprofile img {
	padding: 0;
	margin: 0;
	border: none;
} */

/** Hidding useless entry on the BSc page **/

.OTAGO043549 #right .applynow > * {
	display:none;
}

.OTAGO043549 #right .applynow > *:nth-child(1) {
	display:block;
}

.OTAGO043549 #right .applynow > *:nth-child(2) {
	display:inline;
}

/* There is hidden content above, box 2 and 3 */
body.frontpage #content #box1 {
	width: 100%;
}




@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) and (min-width: 701px) {
  #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    background-image: url(gfx/title-2022@2x.png);
    background-size: 269px;
  }
}


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

@media only screen and (max-width: 1300px){
	#wrapper {
  background-size: 1200px;
  }
	body {
		background-size: 9.6px;
	}
	#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
		padding-top: 310px;
	}
}

@media only screen and (max-width: 1075px){
	#wrapper {
    background-size: 1000px;
		background-position: right -50px top 0;
  }
	body {
		background-size: 8px;
	}
	#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
		padding-top: 260px;
		background-size: 220px;
		background-position: 0 30px;
		font-size: 50px;
	}
}

@media only screen and (max-width: 875px){
	#wrapper {
    background-size: 850px;
		background-position: right -60px top 0;
  }
	body {
		background: none;
	}
	#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
		padding-top: 210px;
		background-size: 175px;
		background-position: 0 30px;
		font-size: 40px;
	}
	#content h2 {
		font-size: 30px;
	}
}

/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body.OTAGO059237 #content .grid1 {
		width: 650px;
	}
	body.OTAGO059237 #content .grid4 {
		background-position: 33px 160px;
	}
	body.OTAGO059237 #content {
		width: 650px;
		background-position: 265px 160px;
	}
	body.OTAGO059237 #content .otagoprofile div {
		width: auto;
		margin-right: 0;
	}
	body.OTAGO059237 #content .otagoprofile p {
		padding-left: 232px;
	}
	body.OTAGO059237 #content .otagoprofile p:first-child {
		float: left;
		padding: 0;
	}
}

@media only screen and (max-width: 768px) {
	body.OTAGO059237 #content .grid1,
	body.OTAGO059237 #content .grid2 {
		padding-left: 0;
		width: 418px;
	}
	body.OTAGO059237 #content .grid4 {
		background-position: 33px 225px;
	}
	body.OTAGO059237 #content {
		width: 418px;
		background-position: 265px 225px;
	}
	body.OTAGO059237 #content .otagoprofile div {
		width: auto;
		margin-right: 0;
	}
	body.OTAGO059237 #content .otagoprofile p {
		padding-left: 232px;
	}
	body.OTAGO059237 #content .otagoprofile p:first-child {
		float: left;
		padding: 0;
	}
}

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

@media only screen and (max-width: 700px) {
/* 	body.OTAGO059237  { background-position: center -140px; }
    body.OTAGO059237 .titleinner {padding-top: 250px; background-size:310px; background-position: 0 100px;}
    body.OTAGO059237 #title {padding: none; background-size: 1100px;}
    body.OTAGO059237 #content p.intro { font-size: 1.8em; line-height: 1.2em;} */
    
/*     body.OTAGO059237 #content .grid1,
	body.OTAGO059237 #content .grid2 {
				width: 100%;} */
	
/* 	body.OTAGO059237 #content {background-position: 200px 0px; width: 100%;}
    body { background-position: center -140px; }
   .titleinner {padding-top: 190px; background-size:310px; background-position: 0 55px;}
    #title {padding: none; background-size: 1500px;}
     */
    body.OTAGO059237 #content .otagoprofile p {
		padding-left:0;
		float: none;
	}
	body.OTAGO059237 #content .otagoprofile img {
	    float: none;
	} 
	  body.OTAGO059237 #content .otagoprofile a {
	 	display: inline;
    }
	#wrapper {
    background-size: 850px;
		background-position: right -60px top 0;
  }
	#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
		padding-top: 210px;
		background-size: 175px;
		background-position: 0 30px;
		font-size: 40px;
		margin-left: 0;
	}
	#content h2 {
		font-size: 30px;
	}
	#content {
		max-width: 97%;
	}
	#right {
        padding-left: 0px;
	width: 97%
  }
	body.OTAGO046713 #content p.caption186 img {
		float: left;
	}
}

@media only screen and (max-width: 575px) {
	#wrapper {
    background-size: 650px;
		background-position: right -40px top 0;
  }
	#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
		padding-top: 150px;
		background-size: 140px;
		background-position: 0 20px;
		font-size: 33px;
	}
	#content h2 {
		font-size: 28px;
	}
	#content p + h2 {
		margin-top: 20px;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 450px){
	#wrapper {
    background-size: 550px;
		background-position: right -100px top 0;
  }
	#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
		background-size: 110px;
		background-position: 0 20px;
/* 		font-size: 27px; */
		padding-top: 120px;
		margin-bottom: 5px;
	}
}