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

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

Otago BASECAMP CSS

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

body {
  background: url(gfx/background-inner.png) center 0px repeat-x;
}
#wrapper {
  background: url(gfx/banner-inner.jpg) center 0px no-repeat;
}
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;
}
/* .titleinner {
  background: url(gfx/title.png) 233px 95px no-repeat;
  margin-top: 0px;
  padding-top: 320px;
}
.titleinner img {
  display: none;
} */
#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    background: url(gfx/title-2022.png) 0px 110px no-repeat;
    color: #10428c;
    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: 330px 0 0 0;
    position: static;
    text-rendering: optimizeLegibility;
}

/* #title h1 {
    background: none;
    color: #367cb1;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 3px;
    margin: 0 0 0 23px;
    max-width: 627px;
    padding: 5px 0 21px 0px;
    position: static;
    text-rendering: optimizeLegibility;
} */
/* #content h2 {
    border: none;
    font-size: 28px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 21px;
    margin-top: 28px;
} */
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
    margin-top: 28px;
}
/* #content h3 {
    font-size: 22px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #4d6678;
    line-height: 1.4;
} */
#content h2 {
      border-bottom: none;
      color: #10428c;
      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: grey;
      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: grey;
      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: grey;
      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,
#content ul,
#content ol,
#content table,
#content tr td,
#content tr th,
#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;
    line-height: 1.5;
}
#content tr th {
    color: #333333;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 700;
}
#content tr td {
    font-size: 13px;
}
.OTAGO717428 #content .notice {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding-right: 35px;
}


/*  FRONTPAGE  */

#content .front-feature h2 a {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 23px;
}

/* body.frontpage {
    background: url(gfx/background-frontpage.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
    padding-top: 400px;
    background: url(gfx/title.png) 233px 141px no-repeat;
}
body.frontpage .titleinner::after {
    content: '';
    position: absolute;
    background-image: url(gfx/tessellations.png);
    background-blend-mode: screen;
    height: 403px;
    width: 466px;
    top: -36px;
    margin-left: -142px;
    z-index: -1;
    opacity: 0.35;
}
body.frontpage #title h1 {
    max-width: 882px;
    padding-bottom: 0;
}
body.frontpage #content h3 {
    font-size: 22px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #6e889b;
} */

/*  Right hand styles  */

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

/*  Frontpage summit styles  */

body.frontpage #content.otgx {
    width: 882px;
}
body.frontpage #content.otgx .grid1:nth-of-type(4n+1) {
    margin-right: 0;
}
body.frontpage #content.otgx .contact-feature {
    min-height: 288px;
}
body.frontpage #content.otgx .contact-feature::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    background-color: #c6dee3;
    right: -25px;
    top: 0;
}
body.frontpage #content.otgx div.contact-feature:nth-of-type(4n+1)::after {
    display: none;
}
body.frontpage #content.otgx .intro-text p {
    color: #83a8c5;
    font-size: 30px;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin-bottom: 35px;
    line-height: 1.3;
}

body.frontpage #content.otgx .text-left {
    text-align: left;
}
body.frontpage #content.otgx .grid_third {
    width: 263px;
}
body.frontpage #content.otgx .grid_third:nth-of-type(3n) {
    margin-right: 0;
}
#content .arrow-icon {
    background: url(gfx/circle-icon.svg) no-repeat 0px center;
    background-size: 21px;
    padding: 12px 0px 7px 28px;
    margin-bottom: 21px;
    border-bottom: none;
    transition: padding 0.2s ease;
}
#content .arrow-icon:hover {
    padding: 12px 0px 7px 35px;
    border-bottom: none;
    transition: padding 0.3s ease;
}
body.frontpage #content.otgx .grid_third.feature-what {
    text-align: center;
    margin-right: 46px;
}
body.frontpage #content.otgx .grid_third.feature-what h3 {
    margin: 14px 0;
}
body.frontpage #content.otgx .grid_third.feature-what:nth-of-type(3n+1) {
    margin-right: 0;
}
.front-feature {
    float: left;
    box-sizing: border-box;
    width: 30%;
    margin-right: 5%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.feature-border {
    box-sizing: border-box;
    padding: 21px;
    padding-top: 14px;
    box-shadow: 0 0 6px #f0f0f0;
    border: 1px solid #dddddd;
    border-radius: 0 0 4px 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-top: -1px;
    min-height: 278px;
}
#content .front-feature h2 {
    text-align: center;
    color: #4a6c86;
    font-size: 22px;
    border-bottom: 0;
    margin-top: 7px;
    margin-bottom: 0;
}
.front-feature h2::after {
    content: '';
    display: block;
    height: 3px;
    width: 49px;
    margin: 14px auto 14px auto;
    background: #c6dee3;
}
.front-feature img {
    width: 100%;
    box-sizing: border-box;
}
.no-lineheight {
    line-height: 0 !important;
}
.front-feature:nth-of-type(3n+1) {
    margin-right: 0;
}
.full-width-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}
#content .full-width-header h2 {
    display: inline-block;
    border-bottom: none;
    background-color: #ffffff;
    padding: 0 21px;
    color: #4a6c86;
}
.full-width-header::after {
    width: 100%;
    content: '';
    display: block;
    height: 2px;
    background: #c6dee3;
    margin-top: -32px;
    margin-bottom: 49px;
}
#content .contact-feature h3 {
    margin-bottom: 14px;
}

/* Frontpage news */

body.frontpage #content .news-frontpage {
    float: left;
    display: block;
    width: 100%;
}
body.frontpage #content .news-frontpage article {
    float: left;
    width: 186px;
    margin-right: 46px;
}
body.frontpage #content .news-frontpage article:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #content .news-frontpage article h3 {
    font-size: 22px;
}

/* Q and A */

#content h3.faq-question,
#content h3.faq-question + p {
	position: relative;
}
#content h3.faq-question {
  font-size: 20px;
  margin-left: 14px;
  padding-left: 21px;
}
#content h3.faq-question:before {
	color: #f9c000;
  display: inline-block;
	content: 'Q';
  left: -14px;
	margin-left: 0;
  margin-right: 7px;
	position: absolute;
  top: 0;
}
#content h3.faq-question + p {
  margin-left: 14px;
  padding-left: 21px;
}
#content h3.faq-question + p:before {
	color: #416ebf;
	content: 'A';
	display: inline-block;
	font-size: 20px;
  font-weight: 300;
  left: -14px;
	line-height: 1.4;
  margin-right: 14px;
	margin-top: -4px;
	position: absolute;
  top: 3px;
}


/* #triggered */

.slideup, .slidedown {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.slideup {
    opacity: 0;
}
.slidedown {
    opacity: 1;
    max-height: 3000px !important;
}
.accordion {
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #e4e4e4;
}
.trigger {
    border-bottom: 1px solid #dddddd;
    padding: 7px 14px 7px 14px;
    background-size: 10px;
}
#content .trigger h3 {
    margin: 0;
    font-size: 16px;
}
.trigger:hover {
    background: #f1f4f8;
    cursor: pointer;
}
#content .trigger h3:before {
    content: '+';
    display: inline-block;
    transition: all 0.2s ease;
    margin-right: 10px;
    font-weight: 700;
    width: 15px;
}
#content .trigger.active h3:before {
    content: '–';
    transition: all 0.2s ease;
    color: #4d6678;
}
#content .trigger h3 a {
    border-bottom: none;
}
#content .trigger.active {
    border-bottom: none;
}
#content .slideup,
#content .slidedown {
    padding-left: 40px;
}
#content .slidedown {
    border-bottom: 1px solid #dddddd;
    padding-top: 7px;
}
body.OTAGO020554 #right .relatedinfo.rightwidget {
    display: none;
}

/* How to pay (in case you forgot how to use the internet) */

body.OTAGO020528 #content .grid1 {
    box-shadow: 0 0 6px #f0f0f0;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 35px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
body.OTAGO020528 #content .grid1:hover {
    box-shadow: 0px 0px 0 7px #ffffff, 0 0 0px 8px #dddddd;
    border: 1px solid #fff;
    border-radius: 0px;
}
body.OTAGO020528 #content .grid1 a {
    border-bottom: none;
    display: block;
}
body.OTAGO020528 #content .grid1 img {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dddddd;
}
body.OTAGO020528 #content .grid1 a p {
    border-bottom: none;
    width: 100%;
    text-align: center;
    margin-top: 7px;
    font-size: 16px;
}
body.OTAGO020528 #content .grid1:nth-of-type(3n) {
    margin-right: 0;
}

/* Right hand coloumn - Contact us */

body.OTAGO020522 #right p:first-of-type {
    margin-top: 7px;
}
body.OTAGO020522 #right p {
    border-bottom: none;
}

/* Our people styles */

body.OTAGO645235 #content {
    display: flex;
    flex-wrap: wrap;
    width: 696px;
}
body.OTAGO645235 #content .subnav {
    width: 650px;
    float: left;
}
body.OTAGO645235 #content .heading {
    width: 650px;
    float: left;
}
body.OTAGO645235 #right {
    position: absolute;
    padding-left: 0;
    margin-top: 270px;
}
body.OTAGO645235 .heading {
    width: 100%;
    float: left;
}
body.OTAGO645235 #content .grid1 {
    margin-bottom: 35px;
    width: 100%;
}
body.OTAGO645235 #content .grid1 p img {
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 35px;
}
body.OTAGO645235 #content .grid1 .staff-title {
    font-style: italic;
}
body.OTAGO645235 #content .grid1 h3.staff-name {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 21px;
    color: #333;
}
body.OTAGO645235 #content .grid1 h4 {
    font-family: Helvetica, Arial, Geneva, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
}
body.OTAGO645235 #content .grid1 p {
    margin-bottom: 7px;
}

/* Measles */

body.OTAGO719435 table,
body.OTAGO719435 table th,
body.OTAGO719435 table thead {
    background-color: #ffffff;
}

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


/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    .feature-border {
        min-height: 341px;
    }
    body.frontpage #content.otgx .grid_third {
        width: 186px;
    }
    body.frontpage #content.otgx .contact-feature {
        width: 128px;
    }

    /* Right hand menu */

    body.frontpage #right {
        width: 186px;
    }
    #right .rightwidget {
        border-top: none;
        padding-right: 0;
    }

    .feature-border {
        min-height: 362px;
    }
}

@media only screen and (max-width: 768px) {
    #title h1 {
        padding-right: 0;
    }
    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;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }

    /* Right hand menu */

    #right {
        border-top: none;
    }
    body.frontpage #right {
        width: 186px;
    }
    #right .rightwidget {
        border-top: none;
        padding-right: 0;
    }

    /* Frontpage */

    .front-feature {
        width: 100%;
        margin-bottom: 21px;
    }
    body.frontpage #content.otgx .contact-feature {
        width: 100%;
        min-height: auto;
    }
    body.frontpage #content.otgx .contact-feature::after {
        display: none;
    }
    body.frontpage #content.otgx .grid_third {
        width: 100%;
    }

    /* Our people page */

    body.OTAGO645235 #content {
        width: 418px;
    }

}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        margin-left:0;
        padding-top: 180px;
        background-size: 200px;
        background-position: 0 40px;
    }
    body,
    body.frontpage {
        background: none;
    }
/*     #wrapper {
        width: 100%;
        background-position: -235px 19px;
        background-size: 900px;
        background-repeat: repeat-x;
    } */
    body.frontpage #wrapper, #wrapper {
        width: 100%;
        background-size: 1100px;
        background-position: -260px 0;
    }
    #content {
        background-size: contain;
    }
    body.frontpage #content {
        background: none;
    }
/*     .titleinner{
        background-position: 0px 54px;
        padding-top: 164px;
        width: 92%;
        background-size: 180px;
    }
    body.frontpage .titleinner {
        padding-top: 225px;
        background-size: 250px;
        background-position: 0px 49px;
    } */
    #title h1 {
        font-size: 28px;
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
/*     body.frontpage #title h1 {
        line-height: 1.2;
        font-size: 28px;
    } */
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 40px;
    }
    body.frontpage #content h2 {
        font-size: 30px;
        text-align: left;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    #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 #right {
        position: relative;
        top: 0;
    }
    body.frontpage #content.otgx .front-feature img {
        max-width: 100%;
    }
/*     body.frontpage .titleinner::after {
        content: '';
        position: absolute;
        background-image: url(gfx/tessellations.png);
        background-blend-mode: screen;
        height: 210px;
        width: 242px;
        top: 0px;
        margin-left: -88px;
        z-index: -1;
        opacity: 0.35;
        background-size: 100%;
        background-repeat: no-repeat;
    } */
    body.frontpage #content .front-feature h2 {
        float: left;
    }
    body.frontpage #content.otgx .contact-feature {
        width: 100%;
        margin-right: 0;
        min-height: auto;
        margin-bottom: 21px;
    }
    body.frontpage #content.otgx .contact-feature:nth-of-type(2n+1) {
        margin-right: 0;
    }
    body.frontpage #content.otgx .contact-feature::after {
        display: none;
    }
    body.frontpage #content.otgx .grid_third.feature-what {
        text-align: center;
        margin-right: 46px;
    }
    body.frontpage #content.otgx .grid_third.feature-what img {
        max-width: 50%;
        width: 70px;
    }
    #content .full-width-header h2 {
        padding: 0;
    }
    #content .full-width-header::after {
        display: none;
    }
    /* New */
    body.frontpage #content.otgx .grid_third.feature-what {
        margin-right: 0;
        width: 100%;
        padding: 14px 28px 0px 28px;
        box-sizing: border-box;
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 21px;
    }
    body.frontpage #content.otgx .grid_third.feature-what img {
        float: none;
    }
    body.frontpage #content.otgx .grid_third.feature-what p {
        float: left;
        width: 100%;
        display: block;
    }
/*     body.frontpage .titleinner {
        background: url(gfx/title-mobile.png) 0px 53px no-repeat;
        background-size: 250px;
    }
    .titleinner {
        background: url(gfx/title-mobile.png) 0px 21px no-repeat;
        background-size: 250px;
    } */

    /* Frontpage */

    .front-feature {
        width: 30%;
    }

    /* Our people page */

    body.OTAGO645235 #content {
        width: 100%;
    }
    body.OTAGO645235 #content .grid1 {
        width: 100%;
    }
    body.OTAGO645235 #content .grid1 p img {
        float: right;
        margin-right: 0;
    }

}



@media only screen and (max-width: 500px) {
    .front-feature {
        width: 100%;
        margin-bottom: 21px;
    }
    body.frontpage #content .front-feature h2 {
        width: 100%;
        text-align: center;
        margin-top: 14px;
    }
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        font-size: 36px;
        padding-top: 170px;
        margin-bottom: 5px;
    }
    body.frontpage #content.otgx .intro-text p {
        font-size: 25px;
    }
     body.frontpage #wrapper, #wrapper {
        background-position: -320px 0;
    }
}