/*! 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; }
@import url('https://fonts.googleapis.com/css?family=Enriqueta');
@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; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), 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; }


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

150 YEARS SUMMIT CSS

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

body {
  background: url(gfx/background-updated2.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;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content button,
#right p,
#right li,
#right dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 15px;
}
#content table td,
#content table td p {
  font-size: 15px;
  line-height: 1.6;
}
#right p,
#right li {
  font-size: 13px;
}
#wrapper {
  background: url(gfx/banner-updated2.jpg) no-repeat center 0;
}
#wrapper::before {
  background: url(/_assets/_gfx/tessellations-content-white.png) 0 0 no-repeat;
  background-size: 800px;
  content: '';
  width: 100%;
  height: 465px;
  display: block;
  top: 21px;
  left: 0;
  position: absolute;
  z-index: 0;
}
#title h1 {
  background: url(gfx/title-updated.png) 20px 150px no-repeat;
  background-size: 200px;
  color: #0c385a;
  font-family: 'Enriqueta', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-top: 3px;
  max-width: 650px;
  padding: 485px 0px 28px 23px;
  opacity: 1;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
#title p.heading-translation {
  color: #888888;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 28px;
  margin-top: -14px;
  padding-left: 23px;
}
.n11327 #title h1 {
  font-size: 40px;
  line-height: 1.2;
}
.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: 300;
  line-height: 1.3;
  margin-top: 35px;
  text-rendering: optimizeLegibility;
  border-bottom: none;
}
#content h2:first-of-type {
  margin-top: 0;
}
#content h3 {
  font-family: 'Enriqueta', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content img {
  max-width: 100%;
}
#content ul {
  margin-left: 14px;
}
#content li {
  margin-bottom: 7px;
}
a[href*=".pdf"], a[href*=".PDF"] {
  background: url(/_assets/_gfx/sprite-icons.gif) no-repeat -476px -125px;
  padding-left: 21px;
}
#right {
  background: none;
  margin-top: 12px;
}
#right h2 {
  margin-bottom: 14px;
}
#right p {
  border-bottom: none;
}

/* Key events page */

.OTAGO641725 #content table {
  border: 1px solid #dddddd;
  margin-top: 35px;
}
.OTAGO641725 #content table th {
  padding: 14px 7px 14px 0;
  background: none;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2em;
  border-bottom: 2px solid #f9c000;
  color: #777777;
}
.OTAGO641725 #content table th:nth-of-type(1) {
  padding-left: 21px;
}
.OTAGO641725 #content table td {
  padding: 21px 7px 21px 0;
  font-size: 14px;
}
.OTAGO641725 #content table td:nth-of-type(1) {
  border-left: 3px solid #dddddd;
  font-weight: 700;
  padding-left: 28px;
  position: relative;
  width: 30%;
}
.OTAGO641725 #content table td:nth-of-type(1):before {
  content: '';
  width: 10px;
  height: 10px;
  border: 5px solid #416ebf;
  display: block;
  position: absolute;
  left: -12px;
  top: 22px;
  background: #fff;
  border-radius: 100%;
}

/* Invitation */

#content .invitation {
  background: url(gfx/crest.png) no-repeat center 90px #f9f9f9;
  background-size: 90px;
  border: 1px solid #dddddd;
  font-family: 'Enriqueta', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  margin-bottom: 35px;
  padding: 5px;
  position: relative;
  text-align: center;
}
#content .invitation .invitation-inner {
  border: 1px solid #dddddd;
  padding: 21px 35px 7px 35px;
}
#content .invitation h2,
#content .invitation p {
  font-family: 'Enriqueta', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content .invitation h2 {
  background: #f9f9f9;
  color: #0c385a;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.3em;
  margin-bottom: 14px;
  max-width: 50%;
  padding: 0 20px;
  position: relative;
  text-transform: uppercase;
  z-index: 99;
}
#content .invitation h2:after {
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-top: 14px;
  margin-left: 40%;
  width: 20%;
}
#content .invitation:before {
  content: '';
  width: 90%;
  height: 1px;
  border-top: 1px solid #dddddd;
  position: absolute;
  top: 50px;
  left: 5%;
  z-index: 0;
}
#content .invitation p span {
  color: #888888;
  font-style: italic;
  margin-right: 10px;
}
#content .invitation .signature {
  background: url(gfx/invitation-signature.png) no-repeat center 20px;
  padding-top: 50px;
}
#content .invitation p.signature {
  color: #777777;
  font-size: 11px;
}
#content .invitation p.signature strong {
  color: #333333;
}


/* Timeline */

.OTAGO-175209 #content {
  max-width: 882px;
  width: 100%;
}
.OTAGO-175209 #right {
  margin-left: 186px;
  width: calc(100% - 186px);
  box-sizing: border-box;
}
.OTAGO-175209 #right #defaultCountdown div {
  padding-left: 30px;
}
.OTAGO-175209 #right #defaultCountdown div span {
  float: left;
  width: auto;
}
#content .timeline-icon {
  height: 70px;
  background: url(gfx/calendar-icon@2x.png) no-repeat center 0;
  background-size: 58px;
}
#content .timeline {
  background: url(gfx/timeline-line.png) repeat-y center 0 #f9f9f9;
  position: relative;
  padding: 0 5%;
  box-sizing: border-box;
}
#content .timeline:before,
#content .timeline:after {
  content: '';
  width: 130px;
  height: 3px;
  background: #dddddd;
  display: block;
  margin: 0 auto;
}
#content h3.timeline-month {
  font-family: "Enriqueta", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 35px 0 0 0;
  padding: 0;
  color: #777777;
  margin-left: 0;
  position: relative;
  text-align: right;
  max-width: 45.3%;
  letter-spacing: 0.05em;
}
#content h3.timeline-month.right-hand {
  margin-left: 54.6%;
  text-align: left;
}
#content h3.timeline-month:after {
  content: '';
  display: block;
  border: 5px solid #ffffff;
  box-shadow: 0 0 0px 6px #f9c000;
  border-radius: 100%;
  background: #416ebf;
  width: 13px;
  height: 13px;
  top: 4px;
  right: -13.5%;
  position: absolute;
}
#content h3.timeline-month.right-hand:after {
  left: -13.5%;
}
#content .timeline-activities {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 0 10px #e4e4e4;
  background: #ffffff;
  padding: 14px 14px 10px 14px;
  width: 35%;
  position: relative;
  margin-top: -40px;
  margin-bottom: 35px;
}
#content .timeline-activities.right-hand {
  margin-left: 59.4%;
}
#content .timeline-activities:after {
  content: '';
  width: 15px;
  height: 27px;
  top: 14px;
  right: -15px;
  display: block;
  position: absolute;
  background: url(gfx/icon-speech-arrow-right.svg) no-repeat right 0;
  background-size: 20px;
}
#content .timeline-activities.right-hand:after {
  content: '';
  width: 15px;
  height: 27px;
  top: 14px;
  left: -15px;
  display: block;
  position: absolute;
  background: url(gfx/icon-speech-arrow-left.svg) no-repeat 0 0;
  background-size: 20px;
}
#content .timeline-activities ul {
  margin-left: 0;
  margin-bottom: 0;
}
#content .timeline-activities ul li {
  list-style-type: none;
  background: url(gfx/icon-yellow-arrow.svg) no-repeat 0 6px;
  background-size: 8px;
  padding-left: 15px;
  margin: 0 5% 7px 0;
}
#content .timeline-activities ul li a {
  border-bottom: none;
}
#content .timeline-activities ul li:last-of-type {
  margin-bottom: 7px;
}
#content .timeline dl {
  margin: 0;
}
#content .timeline dt,
#content .timeline dd {
  border: none;
  box-sizing: border-box;
  line-height: 1.5;
}
#content .timeline dt {
  font-weight: 400;
  width: 67%;
  margin: 0 5% 10px 0;
  padding: 0 0 0 20px;
  position: relative;
}
#content .timeline dt:before {
  background: url(gfx/icon-yellow-arrow.svg) no-repeat 0 0px;
  background-size: 7px;
  width: 10px;
  height: 20px;
  display: block;
  content: '';
  position: absolute;
  top: 7px;
  left: 0px;
  z-index: 199;
}
#content .timeline dt a {
  display: block;
  border-bottom: none;
}
#content .timeline dd {
  color: #777777;
  width: 28%;
  margin: 0 0 10px 0;
  padding: 3px 0 0 0;
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
}
#content .collapsed-content p {
  font-size: 14px;
  margin-left: 14px;
}
.collapsed-content {
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease-out;
  will-change: max-height;
}
/*.expanded .collapsed-content {
  opacity: 1;
  max-height: 2000px;
}*/
#content .timeline-read-more.expanded + .collapsed-content {
  opacity: 1;
  max-height: 2000px;
}
#content .timeline-read-more {
  margin-left: 14px;
  margin-top: 15px;
  font-size: 12px;
}
#content .timeline-read-more a {
  border: 1px solid #dddddd;
  padding: 1px 10px;
  border-radius: 16px;
}
#content .timeline-read-more a {
  border: 1px solid #dddddd;
  border-radius: 16px;
  padding: 1px 10px;
  transition: all 0.3s ease-out;
}
#content .timeline-read-more a:hover {
  background: #f9f9f9;
  border: 1px solid #f9c000;
}
#content .timeline .more:before {
  color: #f9c000;
  content: '+';
  display: inline-block;
  font-weight: 700;
  margin-right: 5px;
}
#content .timeline .less,
#content .timeline .expanded .more {
  display: none;
}
#content .timeline .expanded .less {
  display: inline-block;
}
#content .timeline .expanded .less:before {
  color: #f9c000;
  content: '-';
  display: inline-block;
  font-weight: 700;
  margin-right: 5px;
}

/* Gallery */

.OTAGO-175211 #content {
  max-width: 882px;
  width: 100%;
}
.OTAGO-175211 #right {
  padding-left: 0;
  margin-left: 232px;
  max-width: 882px;
  width: 100%;
}
.OTAGO-175211 #right #defaultCountdown {
  width: 100%
}
.OTAGO-175211 #content div a {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  line-height: 0;
  position: relative;
  width: 33.3%;
}
.OTAGO-175211 #content div img {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.OTAGO-175211 #content div a:after {
  background: url(/_assets/_gfx/expand-icon.svg) no-repeat 0 0;
  content: '';
  width: 28px;
  height: 22px;
  display: block;
  bottom: 14px;
  right: 14px;
  position: absolute;
  transition: all 0.2s ease-out;
  will-change: transform;
}
.OTAGO-175211 #content div a:hover:after {
  transform: scale(1.1,1.1);
}
.OTAGO-175211 #content div:hover img:not(:hover) {
  opacity: 0.7;
}

/* Before/after slider */

.ba-slider {
  position: relative;
  overflow: hidden;
}
#content .ba-slider img {
  width: 100%;
  display: block;
  max-width: none;
}
.ba-slider .resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
#content .ba-slider .resize img {
  width: 200%;
}
/* Line seperator */
.ba-slider .handle {
  background: rgba(255,255,255,.5);
  bottom: 0;
  cursor: ew-resize;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 0;
  width: 2px;
}
/* Handle */
.ba-slider .handle:after {
  background: url(gfx/back-forward-arrow.svg) no-repeat center center #416ebf;
  background-size: 34px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  color: #ffffff;
  content: '';
  font-size: 36px;
  font-weight: bold;
  height: 64px;
  line-height: 64px;
  margin: -32px 0 0 -32px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.3s ease-out;
  width: 64px;
}
.ba-slider .handle.ba-draggable:after {
  font-size: 30px;
  height: 48px;
  line-height: 50px;
  margin: -24px 0 0 -24px;
  width: 48px;
}
.OTAGO-175417 #content p.smalltag {
  box-shadow: 0 0 0 1px #dddddd;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 35px;
}
.OTAGO-175417 #content .smalltag span {
  display: block;
  padding: 14px;
}

.OTAGO641715 #content.otgx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.OTAGO641715 #content.otgx .grid-third {
  margin-top: 21px;
}


/* 150 cards */

.n11605 #content {
  box-sizing: border-box;
  /*! display: flex; */
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
}
.n11605 #content .translation-heading {
  color: #888888;
  flex-basis: 100%;
  font-size: 21px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 35px;
  margin-top: -21px;
}
.OTAGO710896 #content p {
  width: 100%;
}
.OTAGO710896 #content {
  display: flex;
}
.OTAGO710896 #content .grid-third {
  background: url(/_assets/_gfx/kowhaiwhai-head.png) -70px -210px no-repeat;
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 10px 20px #f5f5f5;
  padding: 21px 21px 14px 21px;
  flex-basis: 29.5%;
  margin-bottom: 46px;
  transition: all 0.3s ease-out;
}

.OTAGO710896 #content .grid-third:nth-of-type(1) {
  border-bottom: 14px solid #163568;
}
.OTAGO710896 #content .grid-third:nth-of-type(2) {
  border-bottom: 14px solid #444444;
}
.OTAGO710896 #content .grid-third:nth-of-type(3) {
  border-bottom: 14px solid #ff0000;
}
.OTAGO710896 #content .grid-third:nth-of-type(4) {
  border-bottom: 14px solid #416ebf;
}
.OTAGO710896 #content .grid-third:nth-of-type(5) {
  border-bottom: 14px solid #f9c000;
}
.OTAGO710896 #content .grid-third:hover {
  box-shadow: 0 0px 10px #f5f5f5;
}
.OTAGO710896 #content .grid-third:nth-of-type(6) {
  background: none;
  border: 0;
  box-shadow: none;
}
.OTAGO710896 #content .grid-third h2 {
  display: block;
  font-family: "Amsi Pro Condbold", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 1.1;
}
.OTAGO710896 #content .grid-third h2 a:hover {
  border-bottom: 0;
}
.OTAGO710896 #content .grid-third h2 em {
  color: #888888;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}
.n11605 #content .translation-box {
  background: url(/_assets/_gfx/kowhaiwhai-head.png) right -100px top -210px no-repeat #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 10px 20px #f5f5f5;
  box-sizing: border-box;
  /*! flex-basis: 30.8%; */
  margin-bottom: 35px;
  overflow: hidden;
  position: relative;
  /*! text-align: center; */
}
.n11605 #content .translation-box h2 {
  color: #0c385a;
  font-family: "Amsi Pro Condbold", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 40px;
  letter-spacing: 0.01em;
  margin-bottom: 0px;
  padding-left: 28px;
  padding-right: 14px;
  padding-top: 21px;
}
.OTAGO710896 #content .grid-third h2 em:before {
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0px;
  margin-top: 14px;
  width: 40px;
}
.n11605 #content .translation-box h3 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin: 28px;
  padding-top: 0px;
  text-transform: uppercase;
}
.n11605 #content .translation-box h3:before {
  background-color: #cccccc;
  content: '';
  display: block;
  height: 1px;
  margin-bottom: 35px;
  width: 50%;
}
.n11605 #content .translation-box h3 span {
  background: #ffffff;
  border: 2px solid #dddddd;
  border-radius: 3px;
  padding: 5px 5px;
}
.n11605 #content .translation-box p {
  color: #666666;
  font-size: 20px;
  margin-bottom: 21px;
  margin-left: 28px;
}
.n11605 #content .translation-box figure {
  background: #0c385a;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
  padding: 0 28px 14px 28px;
}
.n11605 #content .translation-box figure {
  background: #ff0000;
  float: left;
  min-height: 68px;
  max-width: 50%;
}
.OTAGO710899 #content .translation-box figure {
  background: #163568;
}
.OTAGO710897 #content .translation-box figure {
  background: #333333;
}
.OTAGO710923 #content .translation-box figure {
  background: #f9c000;
}
.OTAGO711020 #content .translation-box figure {
  background: #416ebf;
}
.n11605 #content .translation-box figure,
.n11605 #content .translation-box audio {
    width: 100%;

}
.n11605 #content .translation-box audio {
  border-radius: 2px;
  float: left;
  margin-top: 14px;
  max-width: 50%;
}
.n11605 #content .translation-box figure:nth-of-type(1) {
  border-radius: 0 0 0 2px;
}
.OTAGO710898 #content .translation-box figure:nth-of-type(1) {
  border-right: 1px solid #990000;
}
.OTAGO710897 #content .translation-box figure:nth-of-type(1) {
  border-right: 1px solid #000000;
}
.OTAGO710923 #content .translation-box figure:nth-of-type(1) {
  border-right: 1px solid #dfac00;
}
.OTAGO711020 #content .translation-box figure:nth-of-type(1) {
  border-right: 1px solid #3b60a4;
}
.OTAGO710899 #content .translation-box figure:nth-of-type(1) {
  border-right: 1px solid #0a182f;
}
.n11605 #content figure:nth-of-type(2) {
  border-radius: 0 0 2px 0;
}
.n11605 #content .translation-box figcaption {
  color: #ffffff;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-top: 14px;
  float: left;
  margin-bottom: 0;
  margin-top: 9px;
  max-width: 50%;
  width: 100%;
}
.OTAGO710923 #content .translation-box figcaption {
  color: #333333;
}
.n11605 #right {
  display: none;
  margin-left: 186px;
}
.n11605 #content .next-cards {
  border: 1px solid #dddddd;
  border-radius: 3px;
  display: flex;
  margin-bottom: 70px;
  width: 100%;
}
.n11605 #content .next-cards h2 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.n11605 #content .next-cards h2 em {
  color: #888888;
  font-size: 13px;
  font-style: normal;
}
.n11605 #content .next-cards h2 a {
  border-bottom: 0;
  display: block;
}
.n11605 #content .grid-fifth {
  border-right: 1px solid #dddddd;
  flex-basis: 20%;
  padding: 14px;
}
.n11605 #content .grid-fifth:nth-of-type(1) {
  border-bottom: 10px solid #163568;
}
.n11605 #content .grid-fifth:nth-of-type(2) {
  border-bottom: 10px solid #444444;
}
.n11605 #content .grid-fifth:nth-of-type(3) {
  border-bottom: 10px solid #ff0000;
}
.n11605 #content .grid-fifth:nth-of-type(4) {
  border-bottom: 10px solid #416ebf;
}
.n11605 #content .grid-fifth:nth-of-type(5) {
  border-bottom: 10px solid #f9c000;
}
.n11605 #content .grid-fifth:hover {
  background: #f9f9f9;
}
.n11605 #content .grid-fifth:nth-of-type(5) {
  border-right: 0;
}
#content .translation-box p.sentence {
  box-sizing: border-box;
  color: #444444;
  font-size: 20px;
  font-style: normal;
  line-height: 1.5;
  margin-bottom: 7px;
  vertical-align: top;
}
#content .translation-box p.sentence-translation {
  box-sizing: border-box;
  display: inline-block;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 21px;
  padding-right: 14px;
  width: 50%;
}
#content .translation-box p.sentence em,
#content .translation-box p.sentence-translation em {
  font-style: normal;
  font-weight: 700;
}
.OTAGO710923 #content .translation-box p.sentence em {
  color: #c49700;
}
.OTAGO710898 #content .translation-box p.sentence em {
  color: #990000;
}
.OTAGO710899 #content .translation-box p.sentence em {
  color: #0c385a;
}



/*  FRONTPAGE  */


body.frontpage #title h1.notopimage {
  font-size: 47px;
  max-width: 882px;
}
body.frontpage #content.otgx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 882px;
  width: 100%;
}
body.frontpage #content h2 {
  font-size: 24px;
  line-height: 1.4;
}
#content.otgx .grid-quarter {
  width: 21%;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-right: 5.3%;
  box-sizing: border-box;
  padding: 7px;
  box-shadow: 0 0 14px #e4e4e4;
  margin-top: 14px;
  margin-bottom: 35px;
  transition: all 0.3s ease-out;
  backface-visibility: visible;
}
#content.otgx .grid-half:hover,
#content.otgx .grid-quarter:hover,
#content.otgx .grid-third:hover {
  transition: all 0.2s ease-in;
  box-shadow: 0 5px 25px #e4e4e4;
  transform: translateY(-5px);
  backface-visibility: visible;
  transition: all 0.3s ease-out;
}
body.frontpage #content.otgx .grid-quarter:nth-of-type(4n+1) {
  margin-right: 0;
}
#content.otgx .grid-quarter img {
  margin-left: 0;
  padding: 0;
  border: none;
}
body.frontpage #content.otgx .grid-quarter a {
  border: none;
}
body.frontpage #content.otgx .grid-quarter p img {
  margin-bottom: 0;
}
body.frontpage #content.otgx .grid-quarter p,
body.frontpage #content.otgx .grid-third p {
  font-size: 13px;
  line-height: 1.4;
  color: #777777;
}
body.frontpage #content.otgx .grid-quarter p:first-of-type {
  margin-bottom: 7px;
}
body.frontpage #content.otgx .grid-quarter p:first-of-type a {
  border-bottom: none;
}
body.frontpage #content.otgx .grid-quarter h3:after {
  content: '';
  display: block;
  width: 37px;
  height: 3px;
  background: #f9c000;
  margin-top: 11px;
}
body.frontpage #box11 {
  width: 100%;
}
body.frontpage #content #box11 .grid-half {
  border: none;
  box-shadow: none;
  float: left;
  margin-right: 5.4%;
  width: 47.3%;
}
body.frontpage #content #box11 .grid-half:nth-of-type(2) {
  margin-right: 0;
}
body.frontpage #right {
  background: none;
  padding-left: 0;
}
.OTAGO641717 #content  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#content.otgx .grid-half {
  width: 47.3%;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-right: 5.3%;
  box-sizing: border-box;
  padding: 7px;
  box-shadow: 0 0 14px #e4e4e4;
  margin-top: 14px;
  margin-bottom: 35px;
  transition: all 0.3s ease-out;
  backface-visibility: visible;
}
#content.otgx .grid-third {
  width: 29.8%;
  margin-right: 5.3%;
  -webkit-box-shadow: 0 0 14px #e4e4e4;
  box-shadow: 0 0 14px #e4e4e4;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  transform: translateY(0);
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: all 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
#content.otgx .grid-half:nth-of-type(2n+1),
#content.otgx .grid-third:nth-of-type(3n+1) {
	margin-right: 0;
}
#content.otgx .grid-half h3,
#content.otgx .grid-third h3 {
  margin: 14px 14px 7px 14px;
  font-size: 23px;
  line-height: 1.25;
}
#content.otgx .grid-half h3:after,
#content.otgx .grid-third h3:after {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 7px;
}
#content.otgx .grid-half img,
#content.otgx .grid-third img {
	margin: 0;
	padding: 0;
	border: none;
	max-width: 100%;
	width: 100%;
	border-radius: 2px 2px 0 0;
}
#content.otgx .grid-half a,
#content.otgx .grid-third a {
	border: none;
}
#content.otgx .grid-half p,
#content.otgx .grid-third p {
	margin-left: 14px;
	margin-right: 14px;
}
#content.otgx .grid-half p:nth-of-type(1),
#content.otgx .grid-third p:nth-of-type(1) {
	margin: 0;
}
.full-width {
  width: 100%;
}


/* Volunteer form */

#content form fieldset {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 42px 0;
  padding: 21px 35px;
}
#content form fieldset legend {
  color: #0c385a;
  font-family: 'Enriqueta', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  font-weight: 400;
}
#content form fieldset label {
  font-weight: 400;
  margin-bottom: 7px;
  width: 100%;
}
#content form fieldset select,
#content form fieldset textarea,
#content form fieldset input {
  margin-bottom: 14px;
  width: 100%;
  box-sizing: border-box;
}
#contentwrapper #content form fieldset select {
  border-radius: 3px;
  height: 31px;
}
#content form fieldset input,
#content input[type="email"] {
  min-height: 31px;
}
#content input.error,
#content textarea.error {
  border: 1px solid #FF9696 !important;
  background-color: #ffffff !important;
}
#content div.error {
  margin-left: 0;
  margin-top: 7px;
  transition: all 0.3s ease-out;
  width: auto;
  display: inline-block;
  padding: 0 10px;
}
#content form input[type="submit"].submit {
  float: right;
  clear: both;
  margin-right: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
#content form fieldset input:nth-of-type(3),
#content form fieldset input:nth-of-type(4),
#content form fieldset input:nth-of-type(5) {
  max-width: 60%;
}

/* Countdown */

#defaultCountdown {
  margin-top: 35px;
  margin-bottom: 46px;
}
#defaultCountdown div {
  border: 1px solid #dddddd;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  margin-top: 21px;
  margin-bottom: 28px;
  padding-left: 20%;
  background: url(/_assets/_gfx/counter-yellow.svg) no-repeat 10% center #0c385a;
  background-size: 50px;
}
#defaultCountdown div > span {
  padding: 7px 0 20px 0;
  margin-left: 1%;
  margin-right: 5%;
  display: inline-block;
}
#defaultCountdown div span {
  font-size: 15px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  color: #dddddd;
}
#defaultCountdown div span span {
  font-size: 45px;
  line-height: 1.2;
  margin-left: 5%;
  color: #ffffff;
  font-family: 'Enriqueta', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  margin-right: 6%;
}
#right #defaultCountdown div span {
  font-size: 13px;
  letter-spacing: 0.05em;
  width: 100%;
}
#right #defaultCountdown div {
  background-position: right 10px top 14px;
  background-size: 30px;
  padding-top: 7px;
  padding-bottom: 21px;
}
#right #defaultCountdown div span span {
  font-size: 28px;
  width: 45px;
  display: inline-block;
}
#right #defaultCountdown div > span {
  padding: 0px 5px 0px 5px;
}


/*
*
* Timeline
*
*/

/* Timeline - Line */

body.frontpage #content.otgx .timeline {
    position: relative;
}

body.frontpage #content.otgx .timeline::before {
    display: block;
    position: absolute;
    content: '';
    width: 2px;
    margin-left: 19px;
}

body.frontpage #content.otgx .timeline::before {
    display: block;
    position: absolute;
    content: '';
    width: 2px;
    height: 103%;
    margin-top: -10px;
    z-index: -3;
    background: #CECECE;
}

body.frontpage #content.otgx .timeline article {
    padding-left: 56px;
    margin-bottom: 42px;
}

/* Timeline - Calendar icons */

body.frontpage #content.otgx .timeline article h3::before {
    display: block;
    content: '';
    position: absolute;
    height: 34px;
    width: 34px;
    margin-left: -56px;
    background-color: #ffffff;
    background: #ffffff url(gfx/calendar-icon.png) no-repeat center 9px;
    border: 3px solid #f9c000;
    border-radius: 50%;
    margin-top: -5px;
}

/* Timeline - Event styles */

body.frontpage #content.otgx .timeline article h3 a {
    color: #0c385a;
    border-bottom: none;
    font-family: 'Minion Pro', Georgia, serif;
    font-size: 22px;
}
body.frontpage #content.otgx .timeline article p.smalltag {
    text-transform: uppercase;
    color: #9c9c9c;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: 3px;
}

/* Timeline - Dates */

body.frontpage #content.otgx .timeline h2 {
    margin-bottom: 28px;
}
body.frontpage #content.otgx .timeline h2 span {
    font-size: 30px;
    color: #0c385a;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
}
body.frontpage #content.otgx .timeline h2 span::before {
    content: '';
    height: 14px;
    width: 14px;
    display: inline-block;
    border-radius: 100%;
    background-color: #0c385a;
    margin-left: 13px;
    margin-right: 28px;
}

/* Hide everything in the timeline */

body.frontpage #content.otgx .timeline {
    max-height: 0px;
    opacity: 0;
    overflow-y: hidden;
    transition: max-height 1s ease, opacity 1s ease;
}

/* Except for January */

body.frontpage #content.otgx .jan.timeline {
    max-height: initial;
    opacity: 1;
}
body.frontpage #content.otgx .jan.timeline::before {
    margin-top: 20px;
}

/* Reset values when JS assigns the class "Show" */

body.frontpage #content.otgx .timeline.show {
    max-height: 3000px;
    opacity: 1;
    transition: max-height 2s ease, opacity 2s ease;
}

/* Timeline "Show more" button */

body.frontpage #content.otgx p.show-more::before {
    display: block;
    content: '';
    position: absolute;
    height: 34px;
    width: 34px;
    margin-left: -21px;
    background-color: #ffffff;
    background: #ffffff url(gfx/arrow-down.svg) no-repeat center 13px;
    border: 3px solid #f9c000;
    border-radius: 50%;
    margin-top: -7px;
    background-size: 17px;
    transition: all 0.2s;
}
body.frontpage #content.otgx p.show-more.arrow-up::before {
    background: #ffffff url(gfx/arrow-up.svg) no-repeat center 12px;
    background-size: 17px;
    transition: all 0.2s;
}
body.frontpage #content.otgx p.show-more.arrow-up {
    width: 86px;
}
body.frontpage #content.otgx p.show-more {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-color: rgb(255, 205, 35);
    text-align: center;
    border: 3px solid #f9c000;
    border-radius: 35px;
    display: inline-block;
    cursor: pointer;
    padding: 4px 14px;
    min-width: 60px;
    transition: all 0.2s ease;
    margin-left: 4px;
    height: 26px;
    width: 98px;
    text-align: right;
}
body.frontpage #content.otgx p.show-more:hover {
    color: #fff;
    background-color: #dfa000;
    border: 3px solid #dfa000;
    transition: all 0.3s;
}
body.frontpage #content.otgx p.show-more:hover::before {
    border: 3px solid #dfa000;
    transition: all 0.3s;
}

/*
*
* Events page
*
*/

body.OTAGO641725 #content h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.4;
}
body.OTAGO641725 #content h3 a {
  border-bottom: none;
}
body.OTAGO641725 #right #defaultCountdown {
  display: none !important;
}
body.OTAGO641725 #right .relatedinfo {
  display: none;
}

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

Media Queries */

/* Breakpoint media query: 701-1160px */

@media only screen and (min-width: 701px) and (max-width: 1160px) {
  #contentwrapper,
  .topnavinner,
  .titleinner,
  footer.wrapper,
  div.footer_wrapper {
    width: 100%;
    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;
		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;
    box-sizing: border-box;
	}
	div#nav_wrapper { left: 23px; }
	#content {
		width: 78%;
    padding: 12px 0px 46px 252px;
		box-sizing: border-box;
	}
	#right {
		width: 21.5%;
		box-sizing: border-box;
	}
	body.frontpage #content,
  #content.otgx { max-width: 97%; }
  body.frontpage #content h2,
  body.frontpage #content h3 {
    hyphens: auto;
  }
  #wrapper {
    background-position: -200px 0;
  }
  body.frontpage #title h1.notopimage {
    max-width: 94%;
  }
  body.frontpage #content.otgx {
    max-width: 97%;
  }
}



/* Tablet styles */

@media only screen and (max-width: 1024px) {
    #right form {
        width: 100%;
        box-sizing: border-box;
    }
    #right input {
        width: 97%;
    }
    #defaultCountdown div {
        padding-left: 9%;
        background-position: 10px center;
        background-size: 40px;
    }
    #defaultCountdown div span {
        margin-right: 3%;
    }
    #title p.heading-translation {
      margin-top: -7px;
      padding-left: 0;
    }
}



@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
      width: 650px;
    }
    .OTAGO-175211 #right {
      box-sizing: border-box;
      margin-left: 252px;
      margin-bottom: 21px;
      max-width: 100%;
      width: 630px;
    }
}



@media only screen and (max-width: 870px) {
    #wrapper {
      background-position: -400px 0;
    }
    ul#breadcrumbs li { display: none; }
    #content .profile-box dl {
      hyphens: auto;
    }
    #content .profile-box img {
      max-width: 22%
    }
    #defaultCountdown div {
      padding-left: 10%;
      background-size: 30px;
    }
    #defaultCountdown div span {
      font-size: 12px;
    }
    #defaultCountdown div span span {
      font-size: 30px;
    }
    .OTAGO-175211 #right {
      width: calc(100% - 252px);
    }
  .n11605 #content .translation-box {
    flex-basis: 47%;
    min-height: 100px;
  }
  .n11605 #content .translation-box h2 {
    padding-top: 35px;
  }
  .n11605 #content .translation-box p {
    margin-bottom: 98px;
  }
  .n11605 #content .next-cards {
    flex-wrap: wrap;
  }
  .n11605 #content .grid-fifth {
    border-bottom: 1px solid #dddddd;
    border-right: 0;
    flex-basis: 100%;
  }
  .n11605 #content .grid-fifth:nth-of-type(5) {
    border-bottom: 0;
  }
  .n11605 #content .grid-fifth h2 {
    padding-bottom: 0;
  }
}



@media only screen and (min-width: 701px) and (max-width: 870px) {
  #content {
    width: 100%;
  }
  #right {
    margin-left: 204px;
    width: calc(100% - 204px);
    box-sizing: border-box;
  }
}



@media only screen and (max-width: 768px) {
	.topnavinner {
        max-width: 98%;
    }
    #globalsearch form input.searchinput {
        width: 80%;
    }
    #wrapper {
        width: 100%;
    }
    #title h1 {
        padding-right: 0;
        hyphens: auto;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #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;
    }
    #right {
        width: 18%;
        margin-left: 3%;
        border-top: none;
    }
    #right .relatedinfo,
    #right .rightwidget {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        padding-right: 14px;
    }
    #right .relatedinfo ul li {
        width: auto;
        float: none;
    }
    #right form,
    #right fieldset,
    #right .search {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
    }
    #defaultCountdown div span {
        margin-right: 1%;
    }
    #defaultCountdown div span span {
        display: inline-block;
        margin-left: 0;
    }
    .OTAGO-175211 #right {
      margin-left: 252px;
      max-width: 100%;
      width: calc(100% - 252px);
      box-sizing: border-box;
    }
}



@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;
    }
    #wrapper {
      background: url(gfx/banner-updated2.jpg) no-repeat -250px 0;
      background-size: 950px;
    }
    #wrapper:before {
      background-size: 500px;
    }
    body.frontpage .titleinner,
    .titleinner {
      width: 92%;
    }
    body.frontpage #title h1,
    #title h1 {
      padding: 300px 0px 14px 0px;
      background: url(gfx/title-updated.png) 2px 70px no-repeat;
      background-size: 120px;
      font-size: 36px;
      line-height: 1.1;
    }
    #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;
    }
    body.frontpage #content.otgx {
      width: 97%;
    }
    body.frontpage #content .grid-quarter img,
    body.frontpage #content .grid-third img,
    #content .grid-third img {
      max-width: 100%;
      float: none;
    }
    #right {
      width: 96%;
      box-sizing: border-box;
      margin-right: 0;
      margin-left: 0;
    }
    .OTAGO641725 #content table td:nth-of-type(1) {
      padding-left: 30px;
      width: 35%;
      padding-top: 7px;
      padding-bottom: 7px;
    }
    .OTAGO641725 #content table td:nth-of-type(1):before {
      left: 3px;
      top: 9px;
      width: 7px;
      height: 7px;
      border: 4px solid #416ebf;
    }
    .OTAGO641725 #content table td:nth-of-type(2) {
      padding-top: 7px;
      padding-bottom: 7px;
    }
    #content .timeline {
      max-width: 97%;
    }
    #content h3.timeline-month::after {
      right: -15.5%;
    }
    #content h3.timeline-month.right-hand::after {
      left: -15.5%;
    }
    .OTAGO-175209 #right {
      margin-left: 0;
      width: 97%;
    }
    #content p.caption232 {
      max-width: 30%;
    }
    #content p.caption232 img {
      max-width: 100%;
      float: none;
    }
    #content .invitation::before {
      display: none;
    }
    #content .invitation h2 {
      background: none;
      max-width: 100%;
      padding: 0;
    }
    #content .ba-slider img {
      float: none;
      margin-left: 0;
    }
    .OTAGO-175211 #content,
    .n11605 #content {
      max-width: 97%;
    }
    .n11605 #right {
      margin-left: 0;
    }
    .OTAGO-175211 #right {
      margin-left: 0px;
      width: 100%;
    }
}




@media only screen and (max-width: 620px) {
  .OTAGO710896 #content .grid-third {
    flex-basis: 47.5%;
    margin-bottom: 28px;
  }
  .OTAGO710896 #content .grid-third h2 {
    font-size: 18px;
  }
  .OTAGO710896 #content .grid-third h2 em:before {
    margin-bottom: 7px;
  }
}




@media only screen and (max-width: 480px) {
  #wrapper {
    background-position: -350px 0;
  }
  #content.otgx .grid-third {
	  width: 47%;
	  margin-bottom: 21px;
  }
  body.frontpage #content.otgx .grid-third:nth-of-type(3n+1) {
	  margin-right: 5.3%;
  }
  body.frontpage #content.otgx .grid-third:nth-of-type(2n+1),
  .OTAGO641715 #content.otgx .grid-third:nth-of-type(3) {
	  margin-right: 0;
  }
  .OTAGO641715 #content.otgx .grid-third:nth-of-type(4) {
    margin-top: 0;
  }
  .n11605 #content .translation-box {
    flex-basis: 100%;
  }
}



@media only screen and (max-width: 450px) {
  #defaultCountdown div span {
    width: 20%;
  }
  #defaultCountdown div span span {
    display: block;
  }
  #content .timeline {
    background-position: 30px 0;
  }
  #content .timeline::before, #content .timeline::after {
    content: '';
    width: 35px;
    height: 3px;
    background: #dddddd;
    display: block;
    margin: 0;
  }
  #content h3.timeline-month.right-hand {
    margin-left: 4px;
  }
  #content h3.timeline-month {
    text-align: left;
    padding-left: 49px;
  }
  #content .timeline-activities.right-hand {
    margin-left: 49px;
  }
  #content .timeline-activities {
    margin-top: 21px;
    margin-left: 49px;
    width: calc(90% - 49px);
  }
  #content h3.timeline-month::after {
    right: auto;
    left: 4px;
  }
  #content h3.timeline-month.right-hand::after {
    left: 1px;
  }
  #content .timeline-activities::after {
    top: -21px;
    left: 10px;
    right: auto;
    transform: rotate(-90deg);
  }
  #content .timeline-activities.right-hand::after {
    top: -21px;
    left: 10px;
    right: auto;
    transform: rotate(90deg);
  }
}



@media only screen and (max-width: 400px) {
  body.frontpage #content .grid-quarter {
    width: 47%;
    margin-bottom: 14px;
    hyphens: auto;
  }
  body.frontpage #content .grid-quarter:nth-of-type(2n+1) {
    margin-right: 0;
  }
  body.frontpage #content h2 {
    font-size: 20px;
    line-height: 1.45;
  }
  #defaultCountdown div {
    background-position: 5px center;
  }
  #defaultCountdown div > span {
    margin-left: 4%;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 11px;
  }
}

/*
*
* Print styles
*
*/

@media print {

    body.OTAGO641725 #wrapper {
        background: none;
    }
    body.OTAGO641725 #title,
    body.OTAGO641725 div#nav_holder,
    body.OTAGO641725 div#footer_bg,
    body.OTAGO641725 #topnav,
    body.OTAGO641725 #right,
    body.OTAGO641725 #wcm_banner_table {
        display: none;
    }

}