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


/*********

Department of Marketing CSS

*********/

body {
  background: url(gfx/background-2021.png) center 0px repeat-x;
  text-rendering: optimizeLegibility;
}
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-2021.jpg) right 0px no-repeat;
}
:root {
  --first-color: #23513b;
  --second-color: #849690;
  --third-color: #849690;
  --fourth-color: #ada0a0;
	--fifth--color: #ada0a0;
  --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;
}
/* .titleinner {
  background: url(gfx/title-2021.png) 227px 90px no-repeat;
  margin-top: 0px;
	padding-top: 280px;
}
.titleinner img {
    display: none;
}
#title h1 {
  background: none;
  color: #000;
	padding: 0px 0 28px 0px;
	font-size: 38px;
	line-height: 1.15;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	margin: 3px 0 0 23px;
	max-width: 627px;
  position: static;
}
#title h1.notopimage {
    margin-bottom: 7px;
} */
#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    background: url(gfx/title-2021.png) 0px 100px 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 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 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;
}
#right {
	background-image: none;
}
ul#social_media {
  padding: 40px 15px 110px 15px;
}
#content,
#title h1.notopimage {
  max-width: 882px;
  position: relative;
  width: 100%;
}
#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 ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 2;
}
#content ul.pagesubnav li {
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 5px;
}
#content ul.pagesubnav {
   background-color: #f9f9f9;
   border: solid silver .5px;
}
#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 blockquote {
    background-color: var(--otago-background-grey);
    border-left: solid 6px var(--second-color);
}



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

body.frontpage #title h1 {
	line-height: 1.25;
}
body.frontpage #title h1.notopimage {
    font-size: 54px;
}
/* body.frontpage #content.otgx {
    width: 882px;
}
body.frontpage #content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0px;
    min-height: 250px;
} */
/* body.frontpage #content h2,
.features.news h2 {
    font-size: 27px;
    font-weight: 300;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #000000;
    line-height: 1.35;
	margin: 0px 0 21px 0;
} */

body.frontpage #content h2 strong {
/*     color: #953735;
    font-weight: 700; */
    font-weight: unset;
}
body.frontpage #content div:nth-of-type(1) h2 {
    border-bottom: none;
      color: var(--second-color);
      font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 35px;
      font-weight: 300;
      line-height: 1.25;
      padding-bottom: 10px;
      text-rendering: optimizeLegibility;
}
body.frontpage #content h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
    color: #333333;
    padding: 0px 0 14px 0;
    margin-top: 0;
}
body.frontpage #content .grid-half.news-box img {
    height: 114px;
    object-fit: cover;
    width: 100%;
}

/* Skills */

body.frontpage #content.otgx .skills {
   background: #f1f1f1;
    overflow: hidden;
    margin: 21px 0;
    padding: 21px 14px 7px 14px;
}
.svg body.frontpage #content.otgx .skills .grid_third {
    background: url("gfx/tick-icon.svg") no-repeat 0 0;
    width: 209px;
    padding-left: 45px;
}
.no-svg body.frontpage #content.otgx .skills .grid_third {
    background: url("gfx/tick-icon.png") no-repeat 0 0;
    width: 209px;
    padding-left: 45px;
}
/* Find out more */
body.frontpage #content.otgx .find-out-more .grid1:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #content.otgx .find-out-more p {
    background: url("gfx/arrow.svg") no-repeat 0 0;
    padding-left: 18px;
}
.no-svg body.frontpage #content.otgx .find-out-more p {
    background: url("gfx/arrow.png") no-repeat 0 0;
    padding-left: 18px;
}
/* Profiles */
body.frontpage #content.otgx .profiles-box div {
    width: 418px;
}
body.frontpage #content.otgx #slides .otagoprofile {
    margin-top: 0;
    overflow: visible;
    margin-top: 21px;
}
body.frontpage #content.otgx .profiles-box .otagoprofile div {
    width: 186px;
    float: left;
    margin-right: 46px;
}
body.frontpage #content.otgx .profiles-box .otagoprofile div:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content.otgx .profiles-box #slides .otagoprofile p {
    font-size: 14px;
    line-height: 1.4;
    color: #666666;
    font-style: italic;
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
    margin-bottom: 7px;
}
body.frontpage #content.otgx .profiles-box #slides p.thumb {
    margin-bottom: 14px;
}
body.frontpage #content.otgx .profiles-box #slides .otagoprofile p a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 2;
}
body.frontpage #content.otgx p img {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: 0 0 5px #e4e4e4;
}
#slides .otagoprofile a:first-child {
    border: none;
    box-shadow: 0 0 5px #e4e4e4;
}
/* News */
body.frontpage #content.otgx article {
    width: 186px;
    float: left;
    margin-right: 46px;
}
body.frontpage #content.otgx article h3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 7px;
}
body.frontpage #content.otgx article:nth-of-type(2n) {
    margin-right: 0;
}
.svg body.frontpage #content.otgx article .smalltag {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 10px;
    font-style: normal;
	font-weight: 400;
    letter-spacing: 0.05em;
    background: url("gfx/calendar-icon.svg") no-repeat 0 4px;
    color: #888888;
    padding-left: 18px;
    text-transform: uppercase;
}
.no-svg body.frontpage #content.otgx article .smalltag {
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
    color: #888888;
    background: url("gfx/calendar-icon.png") no-repeat 0 3px;
    padding-left: 18px;
}
/* Handbook */
body.frontpage #content .handbook-box a {
    background: #E8B121;
    display: inline-block;
    padding: 6px 28px 4px 28px;
    border: 2px solid #C89716;
    border-radius: 16px;
    color: #ffffff;
    transition: all 0.2s ease;
}
body.frontpage #content .handbook-box a:hover {
    background: #C89716;
    box-shadow: 0 -3px 4px #e4e4e4;
}
body.frontpage #content .handbook-box p img {
    float: left;
    margin-right: 23px;
    display: block;
}
/* body.frontpage #content .news-box h2,
body.frontpage #content .profiles-box h2,
body.frontpage #content .handbook-box h2,
body.frontpage #content .event-box h2 {
    color: #953735;
    font-size: 24px;
    margin-top: 28px;
} */
body.frontpage #content .news-box h2 {
    background: url("/_assets/_gfx/sprite-widget.png") no-repeat 53px -334px;
}
body.frontpage #content .profiles-box h2 {
    background: url("/_assets/_gfx/sprite-widget.png") no-repeat 230px -160px;
}
body.frontpage #content .handbook-box h2 {
    background: url("/_assets/_gfx/sprite-widget.png") no-repeat 0px -392px;
}
body.frontpage #content #box3 h2 {
    margin-top: 35px;
}
body.frontpage #content #box4,
body.frontpage #content #box5 {
    margin-bottom: 35px;
    margin-top: 28px;
}
body.frontpage #content.otgx .grid-half {
    width: 418px;
    float: left;
    margin-right: 46px;
}
body.frontpage #content.otgx .grid-half:nth-of-type(6) {
    background: url("/_assets/_gfx/calendar-icon-grey.svg") right 35px no-repeat;
    background-size: 21px;
    margin-bottom: 49px;
    width: 100%;
}
body.frontpage #content.otgx .grid-half:nth-of-type(2n+1) {
    margin-right: 0;
}
body.frontpage #content .grid_third:nth-of-type(3n) {
    margin-right: 0;
}
body.frontpage #content .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content .grid1 {
    padding-top: 21px;
}
body.frontpage #content .grid1 ul {
    margin-left: 0;
}
body.frontpage #content p.clearall {
    line-height: 0;
    margin-bottom: 0;
}
body.frontpage #content h2 a,
body.frontpage #content h3 a {
    border-bottom: none;
}
/* Feature boxes - third grid */
body.frontpage .feature-box img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    max-width: 100%;
}
@-webkit-keyframes fadetext {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
@keyframes fadetext {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
@-webkit-keyframes move {
    0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes move {
    0% { -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; }
    100% { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
.features article h3 {
    font-family: Helvetica, Arial, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.45;
}
body.frontpage #content .news-box article a {
    border-bottom: none;
}
body.frontpage .news article img {
    display: none;
}
.news article:hover {
    background-color: #ffffff;
}
body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}

@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-2021@2x.png);
    background-size: 237px;
  }
}


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

@media only screen and (min-width: 1025px) and (max-width: 1485px) {
    #wrapper {
        background-position: -20px 0px;
    }
}


/* iPad landscape > */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#wrapper {
        background-position: -10px 0px;
        background-size: 1200px;
    }
    body {
        background: none;
}
/*     .titleinner {
        padding-top: 270px;
	} */
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage{
        max-width: 418px;
        padding-right: 0;
        padding: 300px 0 0 0;
    }
    #contentwrapper {
        width: 879px;
    }
	body.frontpage #title h1.notopimage {
		max-width: 650px;
	}
    body.frontpage #content .grid4 .grid1,
    .features article {
        width: 150px;
        margin-right: 16px;
    }
    .news article .articletext {
        width: auto;
        float: none;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    .svg body.frontpage #content.otgx .skills .grid_third,
    .no-svg body.frontpage #content.otgx .skills .grid_third {
        width: 131px;
    }
    #content .grid1 {
        width: 128px;
    }
    body.frontpage #content.otgx .grid-half,
    body.frontpage #content.otgx .profiles-box div {
        width: 302px;
    }
    body.frontpage #content.otgx article {
        width: 100%;
    }
    body.frontpage #content.otgx .profiles-box .otagoprofile div {
        width: 100%;
    }
    body.frontpage #content.otgx .profiles-box .otagoprofile div img {
        width: 100%;
    }
    body.frontpage #content .handbook-box p img {
        float: none;
        margin-right: 0;
    }
    #slides .otagoprofile a:first-child {
        max-height: auto;
        box-shadow: none;
    }
}

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

Portrait tablet ^

********/

@media only screen and (max-width: 768px) {
	#wrapper {
        background-position: -10px 0px;
        background-size: 1200px;
    }
    body {
        background: none;
    }
/*     .titleinner {
	    padding-top: 300px;
        padding-bottom: 0;
        background: url(gfx/title.png) 227px 70px no-repeat;
    } */
    
    body.frontpage #title h1 {
		width: auto;
	}
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        padding: 320px 0 0 0;
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
}
/*     body.frontpage .titleinner {
        padding-top: 260px;
        background: url(gfx/title.png) 227px 58px no-repeat;
    } */
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 30px;
    }
	body.frontpage #content {
        padding-top: 0;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }
    body.frontpage #content .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;
    }
    .news article .articletext {
        width: 100%;
        float: none;
    }
    body.frontpage #content h3 {
        padding-bottom: 7px;
    }
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
	}
    #right .rightwidget {
        padding-right: 0;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    .svg body.frontpage #content.otgx .skills .grid_third,
    .no-svg body.frontpage #content.otgx .skills .grid_third {
        width: 90%;
        margin-bottom: 7px;
    }
    body.frontpage #content .grid1:nth-last-of-type(2n+1) {
        margin-right: 0;
    }
}


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

@media only screen and (max-width: 700px) {
    
    #wrapper,
    body.frontpage #wrapper {
        width: 100%;
        background-position: -200px 0;
        background-size: 900px;
    }
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage{
        background-position: 0px 48px;
        padding-top: 220px;
        background-size: 160px;
        margin: 0;
    }
/*     #title h1 {
        font-size: 28px;
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
        padding-bottom: 14px;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1 {
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    } */
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 30px;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #content h2 {
        font-size: 22px;
        text-align: left;
    }
    body.frontpage #content .grid1 {
        width: 44%;
        margin-right: 12%;
        margin-bottom: 0;
    }
    body.frontpage #content.otgx .grid-half {
        width: 100%;
    }
    body.frontpage #content.otgx .profiles-box div {
        width: 100%;
    }
    body.frontpage #content.otgx article,
    body.frontpage #content.otgx .profiles-box .otagoprofile div {
        width: 44%;
        margin-right: 12%;
    }
    body.frontpage #content img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    body.frontpage #content .grid1 p img {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    body.frontpage #right {
        background-image: none;
        clear: both;
        margin: 0px 0 0 0;
        padding: 0;
    }
    #right {
        padding-left: 0px;
	width: 97%
}
    body.frontpage #content div:nth-of-type(1) h2 {
        font-size: 28px;
    }
}
@media only screen and (max-width: 375px) {
     #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        background-size: 150px;
        background-position: 0 25px;
        font-size: 29px;
        padding-top: 155px;
        line-height: 1.1
    }
    body.frontpage #content div:nth-of-type(1) h2 {
        font-size: 22px
    }
    #wrapper,
    body.frontpage #wrapper  {
        background-position: -100px 35px;
        background-size: 580px;
    }
    #content {
        max-width: 97%;
    }
	#content p + ul.pagesubnav {
		    margin-top: 0;
		    margin-bottom: 30px;
	}
}