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

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

Study Public Health BASECAMP CSS

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

body {
  background: url(gfx/background-2019.png) center 0px 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-2019.jpg) right 0px no-repeat;
}
#title h1 {
  background: url(gfx/title-2019.png) 0px 160px no-repeat;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 3px 0 0 23px;
  max-width: 882px;
  opacity: 1;
  padding: 545px 0 21px 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
.heading-translation {
  color: #888888;
  font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 35px;
  margin-top: -7px;
  padding-left: 21px;
}
.titleinner {
  margin-top: 0px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}

#content p,
#content ul,
#content li,
#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;
}
#content ul.pagesubnav {
  border: 1px solid #dddddd;
  background-color: #f9f9f9;
  padding-top: 14px;
}
#content ul.pagesubnav li {
  margin-bottom: 7px;
}
#content ul.pagesubnav li a {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content table th,
#content table td {
  font-size: 14px;
  line-height: 1.5;
}
#content table th {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 700;
}


#content {
  text-rendering: optimizeLegibility;
}
#content h2 {
  border-bottom: none;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: -0.005em;
  line-height: 1.2;
  margin-bottom: 21px;
  margin-top: 35px;
  padding-bottom: 7px;
}
#content h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h3 {
  color: #163568;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 22px;
  letter-spacing: 0.02em;
  line-height: 1.45;
  margin-top: 21px;
}
#content h4 {
  font-family: 'Minion Pro', Minion, Times New Roman, serif;
}
#content ul li {
  margin-bottom: 3px;
}
#content .heading-translation {
  color: #777777;
  font-size: 21px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 35px;
  margin-top: -9px;
}
#content .notice {
  background-color: #ffffff;
  background-image: url(/_assets/_gfx/info-icon.svg);
  background-position: 10px 18px;
  background-repeat: no-repeat;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #555555;
  padding: 14px 14px 14px 42px;
}
#content .timetable-postgraduate {
  box-sizing: border-box;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	width: 100%;
}
#content .grid-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 5%;
  width: 47.5%;
}
#content .grid-half h3 {
  margin-bottom: 21px;
  width: 100%;
}
#content .grid-half:nth-of-type(2) {
  margin-right: 0;
}
#content .grid-half .grid-half {
  margin-right: 5%;
}
#content .grid-half .grid-half:nth-of-type(2) {
  margin-right: 0;
}
#content .grid-half .grid-half ul {
  list-style-type: none;
  margin-left: 0;
}
#content .grid-half h4 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 60px;
}
#content .grid-half h4 .smalltag {
  font-weight: 400;
  font-style: normal;
}
#content .grid-half .grid-half ul li {
  font-size: 13px;
  height: 100px;
  margin-bottom: 14px;
  padding: 7px;
}
#content .grid-half .grid-half ul li a {
  font-weight: 700;
}
#content .grid-half .grid-half ul li:nth-of-type(1) {
  background: #bae3f8;
}
#content .grid-half .grid-half ul li:nth-of-type(2) {
  background: #cbe1be;
}
#content .grid-half .grid-half ul li:nth-of-type(3) {
  background: #cbe1be;
}
#content .grid-half .grid-half ul li:nth-of-type(4) {
  background: #fecf7d;
}
#content .grid-half:nth-of-type(2) .grid-half:nth-of-type(1) ul li:nth-of-type(4) {
  background: #cbe1be;
}
#content .grid-half .grid-half ul li:nth-of-type(5),
#content .grid-half:nth-of-type(2) .grid-half:nth-of-type(2) ul li:nth-of-type(6) {
  background: #fecf7d;
}

/* Postgraduate Research Opportunities */

.OTAGO670339 #content div.clearFix h2 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
}


#right {
  background: none;
}
#right h2 {
  margin-bottom: 14px;
}
#right p {
  border-bottom: 0;
}

/* Grid styles */

.OTAGO669256 #content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 28px;
  width: 100%;
  max-width: 882px;
}
.grid-third.card-layout {
  border-radius: 3px;
  border: 1px solid #dddddd;
  margin-bottom: 46px;
  width: 29.8%;
  margin-right: 5.3%;
  padding: 14px;
  box-sizing: border-box;
  box-shadow: 0 0 10px #e4e4e4;
  transform: translateY(0px);
  transition: all 0.3s ease-out;
  will-change: transform;
  backface-visibility: visible;
}
.grid-third.card-layout:hover {
  transform: translateY(-5px);
}
.grid-third.card-layout:nth-of-type(3n) {
  margin-right: 0;
}
#content .grid-third.card-layout h2 {
  font-size: 20px;
  border-bottom: none;
  margin-top: 7px;
  margin-bottom: 7px;
}
#content .grid-third.card-layout h2 a {
  display: block;
}
#content .grid-third.card-layout h2 a:hover {
  border-bottom: none;
}
#content .grid-third.card-layout h2:after {
  content: '';
  width: 40px;
  height: 3px;
  background: #f9c000;
  display: block;
  margin-top: 11px;
  transition: all 0.3s ease-out;
}
#content .grid-third.card-layout h2:hover:after {
  width: 67px;
}
#content .grid-third.card-layout p {
  color: #777777;
  margin-bottom: 7px;
}

#right {
  background-size: none;
}
#right .otagoprofile h2 {
  margin-bottom: 7px;
}
#right .otagoprofile p {
  margin-bottom: 7px;
}
#right .otagoprofile p a:hover {
  border-bottom: none;
}

/*========

Frontpage

========*/

body.frontpage #title h1.notopimage {
  max-width: 882px;
  font-size: 55px;
  padding-right: 0;
}
body.frontpage #content {
  box-sizing: border-box;
  width: 100%;
}
body.frontpage #content h2:after {
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-top: 21px;
  position: relative;
  width: 47px;
}

/* Homepage - Locations */

body.frontpage #content .location-list {
  margin-top: 35px;
}
body.frontpage #content .location-list h2 {
  border-top: 5px dotted #dddddd;
  border-bottom: none;
  color: #163568;
  font-size: 35px;
  margin-bottom: 21px;
  padding-top: 28px;
}
body.frontpage #content #box2 {
  border-bottom: 5px dotted #dddddd;
  display: flex;
  flex-wrap: wrap;
  justify-content:  space-between;
  padding-bottom: 42px;
}
body.frontpage #content #box2 h2 {
  width: 100%;
}




body.frontpage #content .grid-container .grid-third:nth-of-type(1),
body.frontpage #content .grid-container .grid-third:nth-of-type(2),
body.frontpage #content .grid-container .grid-third:nth-of-type(3) {
  box-sizing: border-box;
  width: 29.8%;
  margin-right: 5.3%;
  border: none;
  box-shadow: none;
/*   background: red; */
}
/* .OTAGO074546 #content .grid-third:nth-of-type(1),
.OTAGO074546 #content .grid-third:nth-of-type(2),
.OTAGO074546 #content .grid-third:nth-of-type(3) {
  width: 29.8%;
  margin-right: 5.3%;
}
 */
/* .OTAGO074546 #content .grid-third:nth-of-type(1),
.OTAGO074546 #content .grid-third:nth-of-type(2),
.OTAGO074546 #content .grid-third:nth-of-type(3) {
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #dddddd;
  box-shadow: 0 14px 20px #f5f5f5;
  width: 29.8%;
  margin-right: 3%;
  background: red;
} */





#content.otgx .grid-third {
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #dddddd;
  box-shadow: 0 14px 20px #f5f5f5;
  width: 29.8%;
}

body.frontpage #content .grid-third p {
  color: #444444;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
}
#content.otgx .grid-third p img {
  border: none;
  border-radius: 2px 2px 0 0;
  display: block;
  margin-bottom: 14px;
  margin-left: 0;
  padding: 0;
  width: 100%;
}

/* Homepage - Reasons */

body.frontpage #content .reasons {
  margin-top: 35px;
  margin-bottom: 35px;
  float: left;
}
body.frontpage #content .reasons h2 {
  border-bottom: none;
  border-top: 5px dotted #dddddd;
  padding-top: 42px;
}
body.frontpage #content .reasons ul {
  margin-left: 0;
  position: relative;
}
body.frontpage #content .reasons ul::before {
  content: '';
  width: 4px;
  height: 100%;
  background-color: #dddddd;
  position: absolute;
  margin-left: 20px;
  z-index: -2;
}
body.frontpage #content .reasons ul li {
  margin-bottom: 49px;
  list-style-type: none;
  padding-left: 63px;
  position: relative;
}
body.frontpage #content .reasons ul li::before {
  background-color: #fff;
  border: 3px solid #f9c000;
  border-radius: 50px;
  box-sizing: border-box;
  color: #777777;
  float: left;
  font-family: 'Amsi Pro Condbold';
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  height: 42px;
  left: 0;
  margin-left: 0px;
  margin-right: 21px;
  margin-top: -10px;
  padding-top: 8px;
  position: absolute;
  text-align: center;
  top: 10px;
  vertical-align: middle;
  width: 42px;
}
body.frontpage #content .reasons ul li:nth-of-type(1n):before {
  content: "1";
}
body.frontpage #content .reasons ul li:nth-of-type(2n):before {
  content: "2";
}
body.frontpage #content .reasons ul li:nth-of-type(3n):before {
  content: "3";
}
body.frontpage #content .reasons ul li:nth-of-type(4n):before {
  content: "4";
}
body.frontpage #content .reasons ul li:nth-of-type(5n):before {
  content: "5";
}
body.frontpage #content .reasons ul li:nth-of-type(6n):before {
  content: "6";
}
body.frontpage #content .reasons ul li:nth-of-type(7n):before {
  content: "7";
}
body.frontpage #content .reasons ul li:nth-of-type(8n):before {
  content: "8";
}
body.frontpage #content .reasons ul li:nth-of-type(9n):before {
  content: "9";
}
body.frontpage #content .reasons ul li:nth-of-type(10n):before {
  content: "10";
}

/* Homepage - Qualifications */

body.frontpage #content.otgx .quals {
  float: left;
  width: 100%;
  margin-top: 35px;
}
body.frontpage #content.otgx .quals .grid-half {
  float: left;
  width: 48%;
  margin-right: 4%;
}
body.frontpage #content.otgx .quals .grid-half:nth-of-type(2n) {
  margin-right: 0;
}
body.frontpage #content.otgx .quals ul {
  margin-left: 0;
}
body.frontpage #content.otgx .quals li {
  margin: 7px 0 14px 16px;
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
}
body.frontpage #content.otgx .quals li a {
  border-bottom: none;
  transition: border-bottom 0.2s ease;
}
body.frontpage #content.otgx .quals li a:hover {
  border-bottom: 1px solid #416EBF;
  transition: border-bottom 0.3s ease;
}

/* Homepage - News */

body.frontpage #content .news-feature {
  margin: 35px 0;
  float: left;
  width: 100%;
}
body.frontpage #content .news-feature {
  margin: 35px 0;
  float: left;
  width: 100%;
  margin-top: 0;
}

body.frontpage #content .news-feature h2 span {
  background-color: #ffffff;
  padding-right: 14px;
}
body.frontpage #content .news-feature h2 span.view-more {
  font-size: 18px;
  font-weight: 400;
}
body.frontpage #content .news-feature h2 span.view-more:before {
    content:   url(/_assets/_gfx/arrow-yellow-forward.svg);
    margin-right: 7px;
}
body.frontpage #content .news-feature article {
  width: 186px;
  float: left;
  margin-right: 46px;
}
body.frontpage #content .news-feature article:nth-of-type(4n) {
  margin-right: 0;
}
body.frontpage #content .news-feature article a {
  border-bottom: none;
}
body.frontpage #content .news-feature article h3 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 7px;
  margin-bottom: 7px;
}
body.frontpage #content .news-feature article .smalltag {
    font-style: normal;
    color: #888888;
}
body.frontpage #content .grid-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
  margin-top: 21px;
}
body.frontpage #content .grid-container ul {
  margin-left: 16px;
}
body.frontpage #content .grid-container li {
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
  margin-bottom: 7px;
}
body.frontpage #content .grid-container .grid_third {
  width: 29.8%;
}



/*========

Right

========*/

body.frontpage #right {
  margin-top: 0px;
  padding-left: 0;
  margin-left: 0;
  background: none;
  position: absolute;
  top: 600px;
  border-top: none;
}
body.frontpage #right img{
  display: none;
}
body.frontpage #right p.smalltag {
  text-transform: none;
  padding-left: 20px;
}
body.frontpage #pagemetadata {
  clear: both;
  padding-left: 0;
  margin-left: 0;
}

/* News */

body.OTAGO679025 #content h2 {
  margin-bottom: 0;
}
body.OTAGO679025 #content article {
  margin-bottom: 21px;
}






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




/* Tablet styles */

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

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #wrapper {
    background-position: -1100px 0;
  }
  .OTAGO669256 #content {
    max-width: 650px;
  }

  /* Homepage - News */

  body.frontpage #content .news-feature article {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 28px;
  }
  body.frontpage #content .news-feature article:nth-of-type(2n) {
    margin-right: 0;
  }

  /* Timetable */
  body.OTAGO076253 #content .timetable-postgraduate .grid-half ul li {
    height: 120px;
    font-size: 12px;
  }
}



@media only screen and (min-width: 769px) and (max-width: 927px) {
    #content {
        padding: 12px 0px 46px 209px;
    }
}




@media only screen and (max-width: 768px) {
  #wrapper {
    background-position: -650px 0;
    background-size: 1500px;
  }
  #title h1.notopimage,
  body.frontpage #title h1.notopimage {
    background-position: 0 20px;
    background-size: 230px;
    padding-top: 355px;
  }
  body.frontpage #title h1 {
    padding-right: 0;
  }
  #right {
    border-bottom: none;
  }
  #content .grid-third.card-layout {
    width: 47%;
    margin-bottom: 21px;
  }
  #content .grid-third.card-layout:nth-of-type(3n) {
    margin-right: 5.3%;
  }
  #content .grid-third.card-layout:nth-of-type(2n) {
    margin-right: 0;
  }
  body,
  body.frontpage {
    background: none;
  }
   body.frontpage #content .grid-container .grid-third:nth-of-type(1),
  body.frontpage #content .grid-container .grid-third:nth-of-type(2),
  body.frontpage #content .grid-container .grid-third:nth-of-type(3) {
/*     background: red; */
    width: 100%;
   margin-right: 0;
  }

  /* Timetable */

  body.OTAGO076253 #content .timetable-postgraduate .grid-half ul li {
    height: 120px;
    font-size: 12px;
  }

  /* Homepage - Locations */

  body.frontpage #content.otgx .location-list .gridthird {
  width: 30%;
  margin-right: 5%;
  }
  body.frontpage #content.otgx .location-list .gridthird img {
  max-width: 100%;
  }

  /* Homepage - News */

  body.frontpage #content .news-feature article {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 28px;
  }
  body.frontpage #content .news-feature article:nth-of-type(2n) {
    margin-right: 0;
  }
}




/* Mobile styles*/

@media only screen and (max-width: 700px) {
  .titleinner {
    width: 92%;
  }
  body.frontpage #wrapper,
  #wrapper {
    background-size: 1000px;
    background-position: right 0;
  }
  body.frontpage #title h1.notopimage,
  #title h1.notopimage {
    background-position: 0px 25px;
    background-size: 230px;
    font-size: 40px;
    margin-left: 0;
    padding-top: 210px;
  }
  body.frontpage #content.otgx {
    width: 97%;
  }
  .OTAGO669256 #content {
    max-width: 97%;
  }
  #content .heading-translation {
    margin-top: -3px;
  }
  #content .grid-third img {
    float: none;
    max-width: 100%;
  }
  body.frontpage #content .grid-container .grid-third:nth-of-type(1),
  body.frontpage #content .grid-container .grid-third:nth-of-type(2),
  body.frontpage #content .grid-container .grid-third:nth-of-type(3) {
/*     background: red; */
    width: 100%;
   margin-right: 0;
  }
}



@media only screen and (max-width: 600px) {

  body.frontpage #content.otgx .quals .grid-half {
    width: 100%;
    margin-right: 0;
  }

  /* Homepage - News */

  body.frontpage #content .news-feature article {
    width: 100%;
    margin-right: 0;
  }

}


@media only screen and (max-width: 580px) {
  body.frontpage #wrapper,
  #wrapper {
    background-size: 1000px;
    background-position: -440px 0;
  }
  
}




@media only screen and (max-width: 450px) {
   body.frontpage #wrapper,
  #wrapper {
    background-size: 800px;
    background-position: -330px 0;
  }
  body.frontpage #title h1.notopimage,
  #title h1.notopimage {
    background-image: url(gfx/title-2019.png);
    background-position: 0 15px;
    background-size: 200px;
    font-size: 40px;
    margin-left: 0;
    padding-top: 160px;
  }
  .grid-third h2 {
    hyphens: auto;
  }
  body.frontpage #content.otgx .location-list .gridthird {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  body.OTAGO076253 #content .grid-half {
    width: 100%;
    margin-right: 0;
  }
  body.OTAGO076253 #content .grid-half .grid-half {
    margin-right: 5%;
    width: 47.5%;
  }
  body.OTAGO076253 #content .grid-half .grid-half:nth-of-type(2) {
    margin-right: 0;
  }
  body.OTAGO076253 #content .timetable-postgraduate .grid-half ul li {
    font-size: 13px;
    height: 100px;
  }
 body.frontpage #content .grid-container .grid_third,
  body.frontpage #content .grid-container .grid-third {
/*     background: red; */
    width: 100%;
   margin-right: 0;
  }
}