@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Rozha+One&display=swap');
/*! 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 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; }

#emergency.critical {
  display: none;
}
body.emergency #wrapper {
  top: 0 !important;
}
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;
}
/*div.global_nav_main ul li:nth-of-type(2),
div.global_nav_main ul li:nth-of-type(7),
div.global_nav_main ul li:nth-of-type(9),
div.global_nav_main ul li:nth-of-type(10),
div.global_nav_main ul li:nth-of-type(12) {
  display: none;
}
div.global_nav_main ul li ul li:nth-of-type(2) {
  display: block;
}*/

#contentwrapper,
div#nav_holder,
#title h1.notopimage {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#contentwrapper {
  margin-top: -3px;  
}
div#nav_holder {
  box-sizing: border-box;
  padding-left: 30px;
}
#title {
  position: absolute;
  top: 0;
}
#title h1.notopimage {
  display: none;
}
#title ul#breadcrumbs {
  /*margin: 70px 0 0 calc(55vw + 70px);*/
  display: none;
}
.topnavinner {
  box-sizing: border-box;
  width: 100%;
}
#content {
  display: flex;
  padding: 0;
  position: relative;
}
#content .featured-image-banner,
#content .content-container {
  box-sizing: border-box;
}
#content .featured-image-banner {
  display: block;
  height: 100vh;
  padding: 0;
  overflow: hidden;
  position: sticky;
  top: 0;
  width: 55%;
}
#content .featured-image-banner p {
  height: 100vh;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: relative;
}
#content .featured-image-banner p img {
  border-right: 0;
  box-sizing: border-box;
  height: 100vh;
  margin: 0;
  max-width: 100vh;
  object-fit: cover;
  width: 100%;
}
/*#content .featured-image-banner p:before {
  background: none;
  border: 20px solid #ffffff;
  border-right: 0;
  content: '';
  display: block;
  height: calc(100vh - 79px);
  position: absolute;
  top: 0;
  width: 55vw;
}*/
#content .content-container {
  box-sizing: border-box;
  padding: 70px 100px 70px 120px;
  width: 45%;
}
body.OTAGO748892 {
  background: #eeeeee;
}
body.OTAGO748895 {
  background: #fff1cd;
}
.titleinner {
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

li ul.global_second li:nth-of-type(3) {
  display: none;
}
#content .featured-image-banner:before {
	background-image: url("../gfx/title-updated@2x.png");
  background-repeat: no-repeat;
  background-position: 0px bottom;
  background-size: 550px;
  bottom: 200px;
  content: '';
  display: block;
  height: 200px;
  position: absolute;
  left: 20px;
  width: 560px;
  z-index: 999;
}
#content {
	box-sizing: border-box;
	width: 100%;
}
.OTAGO709039 #title h1 {
  background-image: url("../gfx/title-2019@2x.png");
}

.OTAGO709048 #content h1 {
  color: #7a7bb0;
}

#content h1 {
  color: #00508F;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 120px;
  font-weight: normal;
  letter-spacing: -0.04em;
  line-height: 0.84;
  margin-bottom: 28px;
  margin-top: 21px;
  text-rendering: optimizeLegibility;
}
.OTAGO734707 #content h1 {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  line-height: 0.98;
}
.OTAGO734288 #content h1 span {
  color: #253a5a;
  display: block;
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2;
}
.OTAGO826086 #content h1 {
  margin-bottom: 180px;
  position: relative;
}
.OTAGO826086 #content h1 span {
  background: url(../gfx/bang.png) no-repeat 0 0;
  background-size: 360px;
  text-indent: -9999px;
  display: block;
  height: 300px;
  left: -50px;
  margin-top: -40px;
  position: absolute;
  top: 200px;
  width: 400px;
  z-index: 99;
}
.OTAGO826093 #content h1 {
  background: #F2E9A0;
  background: -webkit-radial-gradient(circle farthest-corner at right center, #F2E9A0 18%, #a08950 100%);
  background: -moz-radial-gradient(circle farthest-corner at right center, #F2E9A0 18%, #a08950 100%);
  background: radial-gradient(circle farthest-corner at right center, #F2E9A0 18%, #a08950 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.OTAGO826097 #content h1 {
  color: #2b9baa;
}
.OTAGO826104 #content h1 {
  color: #fbacc9;
}
.OTAGO826130 #content h1 {
  color: #ffbf00;
}
.OTAGO826132 #content h1 {
  color: #333333;
}
.OTAGO826079 #content h1 {
  color: #8f9691;
}
.OTAGO826132 #content h1 strong {
  color: #00508F;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  letter-spacing: -0.04em;
  text-transform: none;
}
#content .section-heading {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  text-transform: uppercase;
}
.OTAGO748885 #content h1,
.OTAGO748885 #content h2 {
  color: #00508f
}

#content h2 {
  background-image: none;
  font-family: 'Minion Pro', Georgia, Times New Roman, serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 28px;
  margin-top: 35px;
  padding-top: 0;
  text-rendering: optimizeLegibility;
}
.OTAGO826060 #content h2 {
  color: #00508F;
}
.OTAGO826087 #content h2 {
  color: #968574;
}
.OTAGO826087 #content h2:nth-of-type(2) {
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 70px;
  letter-spacing: -0.02em;
}
.OTAGO748891 #content h2 {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
  margin-left: 0;
  padding: 0;
}
.OTAGO748899 #content h2 + h2 {
  margin-top: 0;
}
.OTAGO748899 #content h2:not(:first-of-type) {
  color: #990b19;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 60px;
  letter-spacing: -0.04em;
}
.OTAGO748892 #content h2 {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-weight: 400;
  margin-top: 0;
}
.OTAGO748897 #content h2 {
  color: #00508f;
}
.OTAGO748895 #content h2 {
  color: #0c385a;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 55px;
  letter-spacing: -0.03em;
  line-height: 1;
}
.OTAGO826093 #content h2 {
  color: #BBA96B;
}
#content h3 {
  color: #333333;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 20px;
  line-height: 1.25;
}
.OTAGO748891 #content h3 {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 28px;
}
.OTAGO748891 #content h3:first-of-type {
  margin-top: 0;
}
.OTAGO826087 #content h3 {
  font-family: 'Minion Pro', Minion, Times New Roman, serif;
  font-size: 30px;
  line-height: 1.4;
}
#content .grid1.introbox h2 {
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 25px;
  letter-spacing: 0;
  margin-bottom: 0;
  padding-top: 14px;
  text-transform: none;
}
#content strong {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.OTAGO826086 #content strong {
  color: #a5165d;
}
.OTAGO748885 #content strong {
  color: #00508f
}
.OTAGO826087 #content strong {
  color: #233842;
}
.OTAGO826093 #content strong {
  color: #BBA96B;
}
.OTAGO826097 #content strong {
  color: #2b9baa;
}
.OTAGO826104 #content strong {
  color: #7d0725;
}
.OTAGO826130 #content strong {
  color: #a5165d;
}
.OTAGO826132 #content strong {
  color: #00508F;
}
.OTAGO826079 #content strong {
  color: #501021;
}

.OTAGO748899 #content strong {
  color: #990b19
}
.OTAGO748908 #content strong {
 color: #c42337; 
}
.OTAGO749048 #content strong {
  color: #0098ce;
}
.OTAGO749049 #content strong {
  color: #e93c3e;
}
.OTAGO749051 #content strong {
  color: #0c385a;
}
.OTAGO748890 #content strong {
  color: #990b19;
}
.OTAGO748892 #content strong,
.OTAGO748891 #content strong {
  letter-spacing: 0;
  text-transform: none;
}
.OTAGO748897 #content strong {
  color: #00508f;
}
.OTAGO748895 #content strong {
  color: #0c385a;
}
.OTAGO749859 #content strong {
  color: #005978;
}
.OTAGO709045 #content .grid-third p {
  font-size: 15px;
  text-align: center;
}
#content h3:first-of-type {
  margin-top: 28px;
  margin-bottom: 28px;
}
#content .grid1 h3 {
  margin-top: 7px;
  margin-bottom: 7px;
  position: relative;
}
#content .grid1 h2 a {
  display: block;
}
#content .grid1 h2:before {
  content: '';
  display: block;
  width: 37px;
  height: 3px;
  background: #f9c000;
  margin-top: 0;
  margin-bottom: 14px;
  transition: all 0.3s ease-out;
}
#content .grid1 h3:hover:before {
  width: 50%;
}
#content h2:after { display: none; }

#content p:first-of-type span {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#content p.smalltag {
  color: #888888;
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-style: normal;
}
#content p.smalltag strong {
  color: #333333;
}
#content img {
  box-sizing: border-box;
}
#content p img {
  border: none;
  margin-bottom: 0;
  padding: 0;
}
.OTAGO748892 #content p img[align="right"] {
  max-width: 100px;
  clear: both;
}
#content .grid-third {
  margin-right: 5.3%;
  width: 29.8%;
}
#content .grid-third:nth-of-type(3n) {
  margin-right: 0;
}
#content .grid-third img {
  margin-left: 0;
  margin-bottom: 0;
}
#content .grid-third h2 {
  font-size: 22px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.OTAGO709049 #content .grid-third {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 10px 20px #f5f5f5;
  box-sizing: border-box;
  padding: 14px;
  margin-bottom: 46px;
}
.OTAGO709068 #content .grid-third img {
  margin-top: 21px;
}
.OTAGO709068 #content .grid-third p {
  font-size: 15px;
}

#content .responsive-embed-container {
  margin-top: 52px;
  margin-bottom: 21px;
}
#content img {
  box-sizing: border-box;
}

/* FRONTPAGE */

body.OTAGO825996 #content .frontpage h1 {
  color: #00508f;
  font-size: 80px;
  margin-bottom: 55px;
}
body.OTAGO825996 #content .frontpage h1 span {
  color: #f9c000;
}
body.OTAGO825996 #content .frontpage h2 {
  color: #555555;
  font-size: 24px;
  line-height: 1.1;
  margin: 0;
	padding: 0;
	position: relative;
  text-shadow: none;
}
body.OTAGO825996 #content .frontpage h2 a {
  border-bottom: none;
  color: #416ebf;
	display: block;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
	font-size: 55px;
  letter-spacing: -0.01em;
	line-height: 1;
  margin-bottom: 0;
  margin-top: 14px;
	text-shadow: none;
}
body.OTAGO825996 #content .content-container.frontpage h2 img {
  margin-bottom: 21px;
  width: 100%;
}
body.OTAGO825996 #content .frontpage .grid1.introbox:nth-of-type(3n) {
  margin-right: 0;
}
body.OTAGO825996 #content .frontpage .grid1.introbox h2 {
  margin-bottom: 7px;
  margin-top: 14px;
}
body.OTAGO825996 #content .frontpage .grid1.introbox h2 a {
  font-size: 25px;
  line-height: 1.2;
  margin-top: 0;
}
body.OTAGO825996 #content .grid1 h2::before {
  margin-bottom: 10px;
}
body.OTAGO825996 #content .frontpage h3 {
  font-size: 21px;
}
body.OTAGO825996 #content .grid1.introbox p {
  font-family: 'DM Sans', 'Open Sans', Helvetica, arial, sans-serif;
  font-style: normal;
  line-height: 1.5;
}
body.OTAGO825996 #content .grid_half:nth-of-type(2) {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 35px;
  margin-right: 0;
  margin-top: 35px;
  padding: 14px 21px 21px 21px;
  width: 100%;
}
body.OTAGO825996 #content .grid_half img[align=left] {
  max-width: 100px;
}
.OTAGO825996 #content hr {
  margin-top: 21px;
}


#content .past-informs-future-container {
  background: #4f80a9;
  margin-top: 55px;
  padding-top: 21px;
}
#content .past-informs-future-container h2 {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-weight: 400;
  margin-top: 0;
}
#content .past-informs-future-container h2,
#content .past-informs-future-container p {
  color: #ffffff;
  margin-left: 35px;
  margin-right: 35px;
  padding-left: 0;
}

#content .past-informs-future-container p strong {
  color: #98d8fb;
}
#content .past-informs-future-container img {
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}
#content .past-informs-future-container p:last-of-type {
  line-height: 0;
  margin: 0;
}



.OTAGO749859 #content h3 {
  color: #005978;
   font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 14px;
  text-transform: uppercase;
}


/* VC comment */



.OTAGO709043 #content blockquote p strong {
  color: #db2d2d;
}

/* Feature */

#content blockquote {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-size: 22px;
  line-height: 1.5;
}
#content blockquote p {
  background: none;
  font-style: normal;
}
.OTAGO748885 #content blockquote p {
  color: #00508f;
}
#content p.caption232 img {
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
#content p.caption232 {
  max-width: 40%;
}
#content p.caption232,
#content p.fullwidthimage {
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  width: 100%;
}
#content p.caption232 strong,
#content p.fullwidthimage strong {
  font-weight: 700;
}
#content p.fullwidthimage {
  margin-bottom: 49px;
  margin-top: 49px;
}
#content p.fullwidthimage img {
  margin: 0;
}
#content p.fullwidthimage span {
  display: block;
  margin-top: -7px;
  padding: 21px;
}
.OTAGO734306 #content p.fullwidthimage span {
  background: #cd3264;
  color: #ffffff;
}
.OTAGO734675 #content p.fullwidthimage span {
  background: #6f8d33;
  color: #ffffff;
}
.OTAGO734684 #content p.fullwidthimage span {
  background: #d71c3f;
  color: #ffffff;
}
.OTAGO734685 #content p.fullwidthimage span {
  background: #2b2c89;
  color: #ffffff;
}
.OTAGO748891 #content p.fullwidthimage span,
.OTAGO748891 #content p.caption232 span {
  background: #253a5a;
  color: #ffffff;
}
.OTAGO748891 #content p.caption232 span {
  display: block;
  line-height: 1.5;
  padding: 14px;
}
.OTAGO748891 #content p.caption232 {
  border-bottom: 0;
  line-height: 0;
}
.OTAGO748891 #content p.caption232 img {
  margin: 0;
  padding: 0;
}
.OTAGO748891 #content p.caption232 span strong {
  color: #ffffff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.OTAGO734707 #content p.fullwidthimage span {
  background: #b13562;
  color: #ffffff;
}
.OTAGO734709 #content p.fullwidthimage span {
  background: #ee3342;
  color: #ffffff;
}
.OTAGO734288 #content p.fullwidthimage span {
  background: #06153d;
  color: #ffffff; 
}
#content p.fullwidthimage span strong {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.OTAGO748895 #content p.fullwidthimage {
  border-bottom: 0;
  margin-bottom: 21px;
}
.OTAGO748895 #content p.fullwidthimage span {
  background: #0c385a;
  color: #ffffff;
  display: block;
  font-weight: 400;
  text-transform: none;  
}
.OTAGO748895 #content p.fullwidthimage span strong {
  color: #ffffff;
}



.OTAGO734684 #content ul + h2 {
  font-size: 35px;
  margin-bottom: 7px;
}
.OTAGO734684 #content .aside-box {
  background: #d71c3f;
  color: #ffffff;
  padding: 35px 21px 21px 21px;
}
.OTAGO734684 #content .aside-box h3 {
  color: #ffffff;
  font-size: 28px;
}
.OTAGO734684 #content .aside-box > h3 {
  margin-top: 0;
}


.container-red {
  background: #db2d2d;
  padding: 7px 35px;
}
#content .container-red h3,
#content .container-red p {
  color: #ffffff;
}
#content .container-red p strong {
  color: #333333;
}
.sidebar {
  margin-bottom: 35px;
  padding: 35px 35px;
}
#content .caption-box {
  background: #f5f5f5;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-top: 50px;
  padding: 21px 21px 1px 21px;
}
#content .caption-box p {
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
}
#content .caption-box strong {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.OTAGO734306 #content .caption-box {
  background: #cd3264;
  color: #ffffff;
}
.OTAGO734675 #content .caption-box {
  background: #6f8d33;
  color: #ffffff;
}
.OTAGO734676 #content .caption-box {
  background: #ee3342;
  color: #ffffff;
}
.OTAGO734682 #content .caption-box {
  background: #157a46;
  color: #ffffff;
}
.OTAGO734685 #content .caption-box {
  background: #2b2c89;
  color: #ffffff;
}
.OTAGO734266 #content .caption-box {
  background: #253a5a;
  color: #ffffff;
}
.OTAGO734707 #content .caption-box {
  background: #b13562;
  color: #ffffff;
}
.OTAGO734709 #content .caption-box {
  background: #ee3342;
  color: #ffffff;
}
.OTAGO734728 #content .caption-box {
  background: #9b907c;
  color: #ffffff;
}



/* Books */

.OTAGO826078 #content h2 {
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 7px;
  padding-bottom: 0;
}
.OTAGO826078 #content h2 img[align=right] {
  box-shadow: 0 10px 20px #e4e4e4;
  margin-left: 21px;
}
.OTAGO826078 #content h3 {
  font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 14px;
  margin-top: 0;
}

.container-yellow,
.yellow-feature-box {
  background: #f9c000;
  margin-top: 42px;
  padding: 0px 35px 14px 35px;
}
#content .container-yellow h2 {
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 21px;
}
#content .container-yellow h2 strong {
  color: #333333;
}
#content .container-yellow strong,
#content .yellow-feature-box strong {
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
}

#content .container-blue p {
  color: #ffffff;
}
#content .container-blue p strong {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
}

/* ALUMNI NEWS */

.OTAGO826083 {
  background-color: #feedac;
}
.OTAGO826083 #content h2 {
  color: #00508F;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 50px;
  line-height: 1.05;
  padding-bottom: 0;
}
.OTAGO826083 #content h3 {
  font-size: 30px;
  line-height: 1.5;
}
.OTAGO826083 #content .grid-third a {
  border-bottom: 0;
}
.OTAGO826083 #content p,
.OTAGO826083 #content li {
  font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.OTAGO826083 #content .blockquote-container {
  background: #ffffff;
  padding: 35px;
}
.OTAGO826083 #content .blockquote-container blockquote {
  margin-top: 0;
  overflow: visible;
}
.OTAGO826083 #content .blockquote-container blockquote p {
  font-size: 20px;
  font-weight: 700;
  margin-top: 21px;
  padding-left: 35px;
  position: relative;
}
.OTAGO826083 #content .blockquote-container blockquote p:before {
  background: none;
  color: #f9c000;
  content: '“';
  font-size: 70px;
  height: 70px;
  left: -10px;
  position: absolute;
  top: -20px;
  width: 50px;
}
.OTAGO826083 #content .blockquote-container blockquote:before,
.OTAGO826083 #content .blockquote-container blockquote:after {
  display: none;
}
.OTAGO826083 #content .circle-photo img {
  border-radius: 50%;
  display: block;
  float: right;
  max-width: 226px;
}
.OTAGO826083 #content .blue-feature-box {
  background: #00508F;
  margin-bottom: 70px;
  margin-top: 42px;
  padding: 21px 35px;
}
.OTAGO826083 #content h3 {
  font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 0.01em;
  margin-top: 35px;
  text-transform: uppercase;
}
.OTAGO826083 #content h3 strong {
  font-weight: 700;
  letter-spacing: 0;
}
.OTAGO826083 #content .blue-feature-box h2 {
  color: #f9c000;
  padding-bottom: 0;
}
.OTAGO826083 #content .blue-feature-box h2 strong {
  color: #ffffff;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
}
.OTAGO826083 #content .blue-feature-box h3 {
  color: #f9c000;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
}
.OTAGO826083 #content .blue-feature-box p {
  color: #ffffff;
}
.OTAGO826083 #content .blue-feature-box p a {
  color: #ffffff;
}
.OTAGO826097 #content blockquote {
  background-color: #2b9baa;
  color: #ffffff;
  padding: 35px;
}
.OTAGO826130 #content blockquote {
  background-color: #a5165d;
  color: #ffffff;
  padding: 35px;
}
.OTAGO826132 #content blockquote {
  background-color: #00508F;
  color: #ffffff;
  padding: 35px;
}
.OTAGO826083 #content table tr {
  border-bottom: 1px solid #f9c000;
}
.OTAGO826083 #content table td {
  font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
}
.OTAGO826083 #content table td:nth-of-type(1) {
  width: 50%;
}
.OTAGO826083 #content .fullwidthimage {
  border-bottom: 1px solid #f9c000;
}






/* Next previous */

#content .next-prev { border-top: none; }
#content .next-prev .prev {
  position: absolute;
  top: 280px;
  left: -202px;
  width: 180px;
  text-align: right;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 1.3;
}
#content .next-prev .prev a {
  transform-origin: right;
}
#content .next-prev .prev a,
#content .next-prev .next a {
  transform: scale(1);
  transition: all 0.1s ease;
}
#content .next-prev .prev a:hover {
	background-color: #ffffff;
	padding: 7px 0px 7px 20px;
	border-radius: 4px;
	background-position: 0px 3px;
  transform: scale(1.1);
}
#content .next-prev .next {
  color: #999999;
  font-family: "Amsi Pro Condlight", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.3;
  position: absolute;
  right: -194px;
  text-align: right;
  text-transform: uppercase;
  top: 280px;
  width: 180px;
}
.n11150 #content .next-prev .prev,
.n11150 #content .next-prev .next {
  top: 400px;
}
#content .next-prev .next a {
  background: #ffffff url("../gfx/simple-arrows-sprite.png") no-repeat 165px -330px;
  padding-right: 30px;
  transform-origin: left;
}
#content .next-prev .next a:hover {
	background-color: #ffffff;
	padding: 7px 30px 7px 0px;
	border-radius: 4px;
	background-position: 165px -330px;
  transform: scale(1.1);
}
.OTAGO696382 #content .prev {
  text-transform: none;
}

#content ul.pagesubnav {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  box-shadow: inset 0 0 10px #e9e9e9;
}
#content blockquote {
  background: none;
  padding: 0px 0px;
  margin: 42px 0;
  border: none;
}
#content blockquote:before,
#content blockquote:after {
  background: #cccccc;
  content: '';
  display: block;
  height: 2px;
  width: 50px;
}
#content blockquote:before {
  margin-bottom: 21px;
}
#content blockquote:after {
  margin-top: 21px;
}
#content blockquote p {
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 0;
}
.OTAGO826060 #content blockquote {
  background-color: #00508F;
  color: #ffffff;
  padding: 35px;
}
.OTAGO826086 #content blockquote {
  background-color: #a5165d;
  color: #ffffff;
  padding: 35px;
}
.OTAGO826087 #content blockquote {
  background-color: #233842;
  color: #ffffff;
  padding: 35px;
}
.OTAGO826093 #content blockquote {
  color: #BBA96B;
}
#content p.fullwidthimage {
  font-size: 14px;
}
#content p.fullwidthimage img {
  width: 100%;
  max-width: 100%;
  padding: 0;
  border: none;
}
#content p.fullwidthimage + h2 {
  margin-top: 0;
}
#content hr {
  clear: both;
  border-top: 5px dotted #dddddd;
  margin-top: 56px;
}
.OTAGO748892 #content hr {
  border-top: 4px solid #333333;
  max-width: 50px;
}
#content .grid-container {
  display: flex;
  flex-wrap: wrap;
}
.OTAGO748893 #content h1,
.OTAGO749646 #content h1,
.OTAGO748887 #content h1 {
  margin-bottom: 70px;
  width: 100%;
}
#content .grid1.introbox h2 {
  line-height: 1.2;
  margin-top: 0;
}
#content .grid1.introbox img {
  margin-left: 0;
  width: 100%;
}
#content .grid1.introbox,
#content div.grid1.introbox:nth-of-type(4n) {
  border: 1px solid #dddddd;
  box-shadow: none;
  min-height: auto;
  margin-right: 6.9%;
  width: 28.6%;
}
#content div.grid1:nth-of-type(2n) {
  margin-right: 6.9%;
}
#content .grid1.introbox:nth-of-type(3) {
  margin-right: 0;
}
#content .grid1.introbox p {
  font-family: 'Open sans', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 7px;
}
#content .grid1.introbox h2 a {
  border-bottom: 0;
}
#content .grid1.introbox a {
  border-bottom: 0;
}
a[href*="youtube.com"] {
  background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -324px -28px;
}
#content p,
#content li {
  font-size: 20px;
  line-height: 1.65;
  font-family: Georgia, Times New Roman, serif;
}
#content p { margin-bottom: 21px; }
#content .grid1.magazine-intro {
  width: 100%;
  margin-right: 0;
  margin-bottom: 21px;
}
#content .magazine-intro ul.pagesubnav {
  border-bottom: none;
  border-radius: 3px;
  margin-top: 28px;
  padding-top: 21px;
  border: 1px solid #e4e4e4;
  margin-bottom: 14px;
}
#content .magazine-intro ul.pagesubnav li { margin-bottom: 7px; }
#content .magazine-intro ul.pagesubnav li { background-image: none; }
#content .grid3 {
  width: 100%;
  margin-right: 0;
}
#content p.caption186 {
  clear: right;
}
.feature-container,
.OTAGO709059 #content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.OTAGO748899 #content .profile-circle {
  clear: right;
  float: right;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 42px;
  margin-left: 21px;
  max-width: 232px;
  text-align: center;
}
.OTAGO748899 #content .profile-circle img {
  border-radius: 50%;
  margin-bottom: 14px;
  margin-left: 0;
}

#content .at-a-glance-container {
  background: url(../gfx/covid-a-red.jpg) 0 0 no-repeat #340b0f;
  background-size: cover;
  padding: 1px 35px 35px 35px;
}
#content .at-a-glance-container h2 {
  color: #ffc20e;
  font-family: 'Rozha One', Minion Pro, Times New Roman, serif;
  font-size: 60px;
}
#content .at-a-glance-container h3 {
  color: #ffffff;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  line-height: 1.4;
}
#content .at-a-glance-container h4 {
  color: #ffffff;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
}
#content .at-a-glance-container p {
  color: #ffffff;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
}
#content .at-a-glance-container p strong {
  color: #ffc20e;
}
#content .at-a-glance-container .nz-box {
  background: url(../gfx/nz-map.svg) no-repeat right center;
  background-size: 100px;
  padding-right: 50px;
}
#content .at-a-glance-container .world-box {
  background: url(../gfx/world-red.svg) no-repeat right center;
  background-size: 120px;
  padding-right: 150px;
}
.OTAGO748899 #content .sidebar-container {
  background: #222b10;
  padding: 35px;
}
.OTAGO748899 #content .sidebar-container h2 {
  color: #f9c000;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 14px;
}
.OTAGO748899 #content .sidebar-container h2:not(:first-of-type) {
  font-size: 35px;
  letter-spacing: 0;
}
.OTAGO748899 #content .sidebar-container p {
  color: #ffffff;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.OTAGO748899 #content .sidebar-container p strong {
  color: #ffffff;
  font-weight: 700;
  text-transform: none;
}
.OTAGO748899 #content .sidebar-container hr {
  border-color: #f9c000;
  margin-top: 28px;
  width: 20%;
}


/* UNINEWS */

.OTAGO826069 #content h2 {
  margin-bottom: 14px;
}
.OTAGO826069 #content h2:before {
  background: #333333;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 21px;
  width: 50px;
}
.OTAGO826069 #content p strong {
  letter-spacing: 0;
  text-transform: none;
}

/* INBRIEF */

body.OTAGO826068,
body.OTAGO826069 {
  background-color: #eee;
}
body.OTAGO826068 #content p.introduction {
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
}
body.OTAGO826068 #content h2, 
body.OTAGO826068 #content p,
body.OTAGO826069 #content h2, 
body.OTAGO826069 #content p {
    font-family: 'DM Sans', Helvetica, Arial, sans-serif;
}
body.OTAGO826068 #content p strong {
  letter-spacing: 0;
  text-transform: none;
}
.OTAGO826068 #content .caption-box {
  background-color: #00508F;
  color: #ffffff;
  margin-bottom: 35px;
  margin-top: 21px;
}

/* HOCKEN LEGACY */
.OTAGO734286 {
  background-color: #efe6d1;
}




/* Addendum */

.OTAGO826081 #content h1 {
  color: #bbbc42;
}




#content .page-navigation {
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 6px;
  display: flex;
  margin-top: 100px;
}
#content .page-navigation div {
  transition: all 0.3s ease;
  width: 50%;
}
#content .page-navigation div p {
  font-family: 'DM Sans', Helvetica, arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
}
#content .page-navigation div p a {
  border-bottom: 0;
  display: block;
  padding: 0 35px 35px 35px;
}
#content .page-navigation div:hover {
  background: #f9f9f9;
}
#content .page-navigation .forward-navigation {
  border-left: 1px solid #dddddd;
  text-align: right;
}
#content .page-navigation .forward-navigation:before {
  color: #777777;
  content: 'Next';
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-right: 35px;
  margin-top: 35px;
  text-transform: uppercase;
}
#content .page-navigation .back-navigation:before {
  color: #777777;
  content: 'Previous';
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-left: 35px;
  margin-top: 35px;
  text-transform: uppercase;
}





@media only screen and (min-width: 2600px) {
  #content .featured-image-banner {
    width: 55%;
  }
  #content .content-container {
    width: 45%;
  }
}

@media only screen and (max-width: 2640px) {
  .OTAGO826086 #content h1 span {
    top: 320px;
  }
}

@media only screen and (max-width: 2130px) {
  .OTAGO826086 #content h1 span {
    top: 420px;
  }
}

@media only screen and (max-width: 1500px) {
  .OTAGO826086 #content h1 span {
    top: 520px;
  }
}
@media only screen and (max-width: 1430px) {
  .OTAGO826086 #content h1 span {
    top: 320px;
  }
}
@media only screen and (max-width: 970px) {
  .OTAGO826086 #content h1 span {
    top: 160px;
  }
}

@media only screen and (max-width: 970px) {
  .OTAGO826086 #content h1 span {
    top: auto;
  }
}

@media only screen and (max-width: 630px) {
  .OTAGO826086 #content h1 {
    margin-bottom: 220px;
  }
}


@media only screen and (max-width: 1650px) {
  .OTAGO734709 #content .featured-image-banner p img,
  .OTAGO734728 #content .featured-image-banner p img {
    margin-left: -20%;
  }  
}




@media only screen and (max-width: 1450px) {
  #content h1 {
    font-size: 90px;
  }
  .OTAGO826086 #content h1 span {
    background-size: 300px;
    top: 220px;
  }
  #content h2 {
    font-size: 30px;
  }
  #content .content-container {
    padding-left: 50px;
    padding-right: 40px;
  }
  #content .featured-image-banner::before {
    background-size: 350px;
    height:150px;
    left: 20px;
    bottom: 170px;
    width: 60%;
  }
  body.OTAGO825996 #content .frontpage h2 a {
    display: inline-block;
    line-height: 1;
    margin-bottom: 21px;
  }
  body.OTAGO825996 #content .frontpage .grid1.introbox h2 a {
    font-size: 22px;
    margin-bottom: 0;
  }
  .OTAGO748899 #content .profile-circle {
    max-width: 186px;
  }
  .OTAGO748899 #content h2:not(:first-of-type) {
    line-height: 1.05;
  }
  .OTAGO748896 #content h2 img[align="right"] {
    width: 100%;
  }
}


@media only screen and (max-width: 1430px) {
  .OTAGO826086 #content h1 span {
    top: 300px;
  }
}



@media only screen and (max-width: 1000px) {
  #content {
    flex-wrap: wrap;
  }
  .OTAGO826086 #content h1 span {
    top: 160px;
  }
  #content .featured-image-banner {
    height: auto;
    position: relative;
    width: 100%;
  }
  #content .featured-image-banner p {
    height: auto;
  }
  #content .featured-image-banner p img {
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  .OTAGO734709 #content .featured-image-banner p img,
  .OTAGO734728 #content .featured-image-banner p img {
    margin-left: 0%;
  }
  #title ul#breadcrumbs {
    display: none;
  }
  #content .content-container {
    max-width: 100%;
    width: 100%;
  }
  #content .featured-image-banner::before {
    background-size: 350px;
    bottom: auto;
    height: 200px;
    left: 20px;
    top: 54%;
    width: 60%;
  }
  .OTAGO748896 #content h2 img[align="right"] {
    float: right;
    max-width: 40%;
  }
}


@media only screen and (max-width: 768px) {
  #content .featured-image-banner::before {
    background-size: 350px;
    bottom: auto;
    height: 200px;
    left: 80px;
    top: 64%;
    width: 60%;
  }
}



@media only screen and (max-width: 700px) {
  #content .featured-image-banner::before {
    background-size: 280px;
    bottom: auto;
    height: 90px;
    left: 3%;
    top: 75%;
    width: 300px;
  }
  #title ul#breadcrumbs {
    display: nonel
  }
  #title ul#breadcrumbs a {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 2px 3px rgba(0,0,0,0.7);
  }
  #content .content-container { 
    padding: 21px 4%;
  }
  #content {
    width: 100%;
  }
  #content .grid-third img {
    float: none;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
  #content .content-container h1 {
    font-size: 90px;
  }
  .OTAGO825996 #content .content-container.frontpage h1 {
    font-size: 60px;
  }
  #content .content-container h2 {
    padding-top: 0;
  }
  .OTAGO825996 #content .content-container.frontpage h2 a {
    display: inline-block;
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 7px;
  }
  body.OTAGO825996 #content .content-container.frontpage h2 img {
    margin-bottom: 14px;
  }
  #content .content-container p img,
  #content .content-container h2 img {
    float: none;
    margin-left: 0;
    max-width: 100%;
  }
  body.OTAGO825996 #content .frontpage .grid1.introbox {
    margin-bottom: 21px;
  }
  body.OTAGO825996 #content .frontpage .grid1.introbox:nth-of-type(3n) {
    margin-right: 5%;
  }
  body.OTAGO825996 #content .frontpage .grid1.introbox:nth-of-type(2n) {
    margin-right: 0;
    width: 47.5%;
  }
  body.OTAGO825996 #content .frontpage .grid1.introbox h2 {
    margin-bottom: 0;
  }
  body.OTAGO825996 #content p img[align="left"] {
    float: none;
    clear: both;
    width: 100%;
  }
}



@media only screen and (max-width: 700px) {
  .titleinner {
    padding-top: 0;
  }
  .topnavinner {
    width: 97%;
  }
  #title h1 {
    background-image: url("../gfx/title-2019@2x.png");
    background-size: 211px;
    background-position: 21px 50px;
    padding: 0 0 101px 0;
  }
  #title h1.notopimage {
    background-position: 21px bottom;
    padding: 0 0 101px 0;
    width: 97%;
  }
  .n11543 #content h1 span {
    font-size: 75px;
  }
  #content {
    width: 100%;
  }
  .OTAGO826086 #content h1 span {
    top: 230px;
  }
  body.OTAGO718310 #content .grid1 img {
    width: 100%;
  }
  #content .grid-third img {
    float: none;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
  .n11543 #content .grid-third  {
    width: 100%;
    margin-right: 0%;
  }
  .n11543 #content .grid-third:nth-of-type(1) .profile-circle {
    margin-top: 0;
  }
  .n11543 #title .titleinner img {
    width: 700px;
    max-width: 700px;
  }
  .OTAGO748899 #content .nz-box,
  .OTAGO748899 #content .world-box {
    padding-right: 0%;
    padding-top: 150px;
    background-position: left top;
  }
  .OTAGO748899 #content h2,
  .OTAGO748899 #content h2:not(:first-of-type),
  .OTAGO748899 #content .sidebar-container h2 {
    font-size: 45px;
    hyphens: none;
    padding-bottom: 0;
  }
  .OTAGO748899 #content .sidebar-container h2 {
    font-size: 30px;
  }
  .OTAGO748899 #content .sidebar-container h2 + .fullwidthimage {
    margin-top: 0;
  }
  .OTAGO748899 #content h2.introduction {
    font-size: 25px;
  }
  .OTAGO748899 #content .profile-circle {
    line-height: 1.3;
    max-width: 120px;
  }
  #content p {
    font-size: 18px;
  }
}




@media only screen and (max-width: 500px) {
  .OTAGO826086 #content h1 span {
    top: 200px;
  }
  #content .grid1.introbox,
  #content .grid1.introbox:nth-of-type(2) {
    margin-bottom: 23px;
    margin-right: 0;
    width: 47.5%;
  }
  #content .grid1.introbox:nth-of-type(1),
  #content .grid1.introbox:nth-of-type(3) {
    margin-right: 5%;
  }
  #content .content-container h1 {
    font-size: 70px;
  }
  .OTAGO748899 #content h2 {
    hyphens: auto;
  }
}



@media only screen and (max-width: 400px) {
  #content .featured-image-banner::before {
    top: 70%;
  }
  .OTAGO826086 #content h1 span {
    top: 260px;
  }
}