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


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

Maori ki Otago CSS

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

body {
  background: url(gfx/background.png) repeat-x 0 0;
}
header#global_intro h1 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#wrapper {
  background: url(gfx/banner.jpg) no-repeat center 0;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content dl,
#content label,
#content input,
#content textarea,
#content select,
#right p,
#right li {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
#content th,
#content td,
#right p,
#right li,
#right dl {
  font-size: 13px;
}
#content ul,
#content ol {
  margin-left: 16px;
}
#content li {
  line-height: 1.9;
}
#content a {
  transition: all 0.3s ease-out;
}
nav#global_nav ul.global_first > li > a span {
  display: inline-block;
  overflow: hidden;
}
nav#global_nav a span.english-hover {
  text-indent: -200px;
}
nav#global_nav a:hover span.maori-hover {
  text-indent: -200px;
}
nav#global_nav a:hover span.english-hover {
  text-indent: 0;
}
#title h1 {
  background: url(gfx/title-update.png) 25px 158px no-repeat;
  color: #444444;
  font-family: "Amsi pro condbold", Helvetica, Arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-top: 3px;
  padding: 420px 0px 21px 23px;
  position: static;
  opacity: 1;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
#title p.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 28px;
    margin-top: -14px;
    padding-left: 23px;
}
.titleinner {
  padding-top: 3px;
  padding-bottom: 0px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
#content h2 {
  padding-bottom: 7px;
  font-size: 28px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 35px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  border-bottom: none;
  color: #444444;
}
#content h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h2 a:hover {
  border-bottom: none;
}
#content h4 {
  font-size: 16px;
  color: #777777;
}
#content hr {
  margin-top: 35px;
  margin-bottom: 35px;
}
#content p img {
  border: none;
  padding: 0;
}
#content div.jwplayer { margin-bottom: 14px; }
#content p.fullwidthimage img {
  width: 100%;
  box-sizing: border-box;
}
#right {
    background: none;
}


/* Karakia */

.lyrics-container {
  margin-bottom: 35px;
  overflow: hidden;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
#content .lyrics-container p {
  width: 50%;
  float: left;
  padding: 21px 14px 21px 21px;
  box-sizing: border-box;
  margin-bottom: 0;
  line-height: 2;
}
#content .lyrics-container p:nth-of-type(2n) {
  background: #f9f9f9;
  box-shadow: inset 10px 0px 20px 0px #eee;
}
#content .lyrics-container p.smalltag {
  width: 100%;
  border-top: 1px solid #cccccc;
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.6;
}
#content .lyrics-container#anthem p:nth-child(3) {
  width: 100%;
  text-align: center;
  border-top: 1px solid #dddddd;
  font-weight: 700;
}
#content .lyrics-container#anthem p:nth-child(3) em {
  font-style: normal;
}


/* Search datatables */

#content .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
    width: 100%;
    background: #f9f9f9;
    padding: 21px 14px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 28px;

}
#content .dataTables_wrapper .dataTables_filter label,
#content .dataTables_wrapper .dataTables_filter label input {
    width: 100%;
}
#content .dataTables_wrapper .dataTables_filter label input {
    width: 85%;
    margin-left: 5%;
    padding: 7px;
}
#content table.dataTable {
    border-bottom: none;
}
#content table.dataTable thead th {
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px solid #f9c000;
    background-color: #ffffff;
    color: #666666;
}
#content table.dataTable td {
    border-bottom: 1px solid #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content table tr.odd,
#content table tr.even,
#content table tr.even td.sorting_1 {
    background: none !important;
}

/* Form styles */

#content form fieldset {
  margin: 14px 0 14px 0;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  padding: 14px 28px;
  background: #f9f9f9;
  border: 1px solid #dddddd;
}
#content form fieldset legend {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#content form fieldset h2 {
  background: none;
  border: none;
  font-weight: 300;
  padding-top: 0;
  margin-top: 14px;
  margin-bottom: 7px;
  font-size: 24px;
  font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
}
#content form fieldset h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #555555;
  padding-top: 0;
  border-top: none;
}
#content form fieldset label {
  font-weight: normal;
  width: 100%;
  margin-bottom: 7px;
}
#content form fieldset input,
#content form fieldset select,
#content form fieldset textarea {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 21px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 2px;
  font-size: 15px;
  border: 1px solid #cccccc;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#content input:focus,
#content select:focus,
#content textarea:focus {
  border: 1px solid #bbb;
  box-shadow: 0 0 5px #e4e4e4;
}
#content form fieldset select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/_assets/_gfx/down-arrow-yellow.svg) no-repeat center right 10px #ffffff;
  padding: 0px 2px;
  height: 35px;
}
#content input[required] {
  border-left: 1px solid #cccccc;
}
#content form input[type="submit"].submit {
  text-align: center;
  margin-top: 14px;
  padding-left: 0;
  padding-right: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 7px 28px 7px 35px;
  background-image: url(/_assets/_gfx/circle-white-confirm.svg);
  background-repeat: no-repeat;
  background-position: left 9px top 8px;
  margin-right: 0;
  transition: all 0.3s ease-out;
}
#content form input[type="submit"].submit:hover {
  background-image: url(/_assets/_gfx/circle-white-confirm.svg);
  background-repeat: no-repeat;
  background-position: left 9px top 8px;
}
div.error {
  width: 100%;
  border-radius: 3px;
  padding: 3px 7px 4px 7px;
  box-sizing: border-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/* Grids */

#content.parent_grid-third,
#content.parent_grid-quarter,
#content.parent_grid-fifth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-third {
  width: 29.8%;
  margin-right: 5.3%;
  border-radius: 3px;
  box-shadow: 0 0 10px #e4e4e4;
  box-sizing: border-box;
    transition: all 0.3s ease-out;
    backface-visibility: visible;
}
.grid-third:hover {
    box-shadow: 0 5px 5px #cccccc;
    transform: translateY(-5px);
    backface-visibility: visible;
}
#content .grid-third img {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 3px 3px 0 0;
}
#content .grid-third a {
    border-bottom: none;
    color: #ffffff;
}
#content .grid-third h3 {
    padding: 0 14px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 26px;
    -moz-osx-font-smoothing: auto;
}
#content .grid-third h3:after {
    width: 40px;
    height: 3px;
    content: '';
    display: block;
    background: #e90000;
    margin-top: 14px;
}
#content .grid-third p {
    color: #e4e4e4;
    padding: 0 14px;
}
#content .grid-third p:nth-of-type(1) {
    padding: 0;
}

/*-------------------------

FRONTPAGE

-------------------------*/

body.frontpage #title h1 {
    padding: 420px 0px 21px 23px;
    max-width: 100%;
    font-size: 55px;
}
#content.otgx {
    width: 100%;
    max-width: 882px;
}
body.frontpage #content .grid-third {
    background: #000000;
    margin-top: 35px;
}
body.frontpage #content .grid-third:nth-of-type(4) {
    margin-right: 0;
}
body.frontpage #right {
    padding-left: 0;
}

/* Welcome box */

body.frontpage #content .welcome-box {
    border-radius: 3px;
    border-top: 5px dotted #dddddd;
    padding: 28px 0 7px 0;
}
body.frontpage #content .welcome-box h2 {
  padding-right: 40px;
}
body.frontpage #content .welcome-box h2:after {
  content: '”';
  font-family: Georgia, Times New Roman, serif;
  float: right;
  background-color: #e90000;
  width: 40px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  padding-top: 10px;
  padding-bottom: 0;
  color: #ffffff;
  border: 2px solid #e4e4e4;
  margin-top: -3px;
  margin-right: -40px;
}
body.frontpage #content .welcome-box p {
 font-family: 'Open Sans', Helvetica, Arial, sans-serif;
 font-style: italic;
}




/* jQuery Data Tables */

div.dataTables_filter {
    margin-bottom: 21px;
}
#content div.dataTables_filter input {
    margin: 0;
}

/* Kickstart 101 */

.OTAGO717504 #content table {
  border: 1px solid #dddddd;
}
.OTAGO717504 #content table th {
  background: url(/_assets/_gfx/calendar-icon-grey.svg) 10px 15px #f9f9f9;
  border-right: 1px solid #dddddd;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 14px 14px 14px 35px;
}
.OTAGO717504 #content table td {
  font-size: 14px;
  padding: 14px;
}
.OTAGO717504 #content .fact-box,
.OTAGO717504 #content .fact-box2 {
  background: url(gfx/background-pattern.jpg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}
.OTAGO717504 #content .fact-box p,
.OTAGO717504 #content .fact-box2 p {
  color: #ffffff;
  font-family: 'Amsi Pro condlight';
  font-size: 26px;
  line-height: 1.1;
  margin-bottom: 0;
  padding: 42px 14px;
  text-align: center;
  width: 100%;
}
.OTAGO717504 #content .fact-box p {
  width: 50%;
}
.OTAGO717504 #content .fact-box2 p {
  font-size: 30px;
}
.OTAGO717504 #content .fact-box p strong,
.OTAGO717504 #content .fact-box2 p strong {
  color: #f9c000;
  font-family: 'Amsi Pro condbold', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 45px;
}
.OTAGO717504 #content .fact-box2 p strong {
  font-size: 55px;
}

/*---------------------------------------

Media queries

---------------------------------------*/

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  #title h1, #title h1.notopimage {
    background: url(gfx/title-updated@2x.png) 25px 148px no-repeat;
    background-size: 494px;
  }
}


@media only screen and (min-width: 701px) and (max-width: 1160px) {
  #contentwrapper, .topnavinner, .titleinner, footer.wrapper, div.footer_wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contentwrapper, .topnavinner, footer.wrapper, div.footer_wrapper {
    max-width: 1114px;
  }
  ul#breadcrumbs {
    width: 100%;
    max-width: 70%;
    overflow: hidden;
    margin-left: 0;
    padding-left: 232px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contentwrapper {
    margin: 0;
    padding: 0;
    width: 98%;
  }
  #globalsearch {
    max-width: 232px;
    width: 100%;
  }
  div#nav_holder {
    max-width: 100%;
    width: 100%;
  }
  .titleinner {
    max-width: 100%;
    padding-left: 232px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  div#nav_wrapper {
    left: 23px;
  }
  #content {
    width: 100%;
    padding: 12px 0px 46px 252px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 253px;
    margin-left: 0;
  }
  body.frontpage #content, #content.otgx {
    max-width: 100%;
  }
  body.frontpage #content h2, body.frontpage #content h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  body.frontpage #wrapper {
    background-position: -530px 0;
  }
  body.frontpage #title h1.notopimage {
    max-width: 94%;
  }
  body.frontpage #content.otgx {
    max-width: 100%;
  }
}

/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #features {
    width: 650px;
  }
  #wrapper {
    background-position: -740px 0;
  }
  #title h1,
  #title h1.notopimage {
    background: url(gfx/title-updated@2x-mobile.png) no-repeat 20px 120px;
    background-size: 254px;
  }
}


@media only screen and (max-width: 850px) {
  ul#breadcrumbs {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .topnavinner {
    max-width: 98%;
  }
  #globalsearch form input.searchinput {
    width: 80%;
  }
  #wrapper {
    width: 100%;
  }
  #right {
    border-bottom: none;
  }
  #features .events {
    width: 418px;
    margin-left: 232px;
    border-left: none;
  }
  #features .events article {
    margin-top: 14px;
  }
  #features .events article:first-child {
    margin-top: 14px;
  }
  body {
    background: none;
  }
  #wrapper,
  body.frontpage #wrapper {
      background-position: -440px 0;
      background-size: 1500px;
  }
  #title h1,
  #title h1.notopimage,
  body.frontpage #title h1 {
    background: url(gfx/title-updated@2x-mobile.png) no-repeat 20px 80px;
    background-size: 254px;
    padding-top: 315px;
    padding-right: 0;
    font-size: 45px;
  }
}


@media only screen and (min-width: 701px) and (max-width: 768px) {
  div#nav_holder {
    left: 0;
  }
}


/* Mobile styles*/

@media only screen and (max-width: 700px) {
  body, body.frontpage {
    background: none;
  }
  div#nav_holder { left: -50em; }
  nav#global_nav {
    width: 80%;
  }
  #wrapper,
  body.frontpage #wrapper {
    background-size: 1000px;
    background-position: -385px 0;
    background-repeat: repeat-x;
  }
  body.frontpage .titleinner, .titleinner {
    width: 100%;
  }
  #title h1,
  #title h1.notopimage,
  body.frontpage #title h1 {
    background: url(gfx/title-updated@2x-mobile.png) no-repeat 23px 35px;
    background-size: 200px;
    padding: 215px 4% 21px 4%;
    font-size: 40px;
    line-height: 1.1;
  }
  #title p.heading-translation {
    margin-top: -4px;
    padding-left: 4%;
  }
  #title ul#breadcrumbs {
    margin-left: 4%;
  }
  #content.otgx {
    max-width: 96%;
  }
  #features .events {
    width: 97%;
    margin-left: 0px;
    padding: 0;
  }
  #features .events article {
    width: 47.5%;
    margin-right: 5%;
  }
  #features .events article:nth-of-type(2n) {
    margin-right: 0;
  }
  #content .grid-third img {
    float: none;
    max-width: 100%;
    margin: 0;
  }
  #content .grid-third h3 {
    line-height: 1.2;
  }
}


@media only screen and (max-width: 600px) {
  #wrapper,
  body.frontpage #wrapper {
    background-size: 1000px;
    background-position: -450px 0;
  }
    #content p.caption232 {
        width: 100%;
        box-sizing: border-box;
    }
    #content p.caption232 img {
        float: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}


@media only screen and (max-width: 400px) {
  body.frontpage #content .grid-third {
    width: 47.3%;
    margin-top: 21px;
  }
  body.frontpage #content .grid-third:nth-of-type(3) {
    margin-right: 0;
  }
  #title h1,
  #title h1.notopimage,
  body.frontpage #title h1 {
    padding: 205px 4% 10px 4%;
    background-size: 150px;
    background-position: 23px 40px;
  }
}