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


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

Locals BASECAMP+ CSS

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

#wrapper {
	background: url(gfx/banner-2022.jpg) right 0px no-repeat;
}

body {
	background: url(gfx/background-2022.png) 0 0 repeat-x;
}

#content p,
#content ul,
#content ol,
#content table,
#content dl,
#right p,
#right li {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 16px;
    text-rendering: optimizeLegibility;
}
#content th,
#content td,
#right p,
#right li {
  font-size: 13px;
}
#content a {
  transition: all 0.3s ease-out;
}
#title h1 {
  background: url(gfx/title-2022.png) 23px 79px no-repeat;
  color: #029fd9;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.05;
  margin-top: 3px;
  opacity: 1;
  padding: 410px 14px 28px 23px;
  position: static;  
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 100%;
}
/* .titleinner {
  background: url(gfx/banner-inner.jpg) center 0px no-repeat;
  padding-top: 3px;
  padding-bottom: 0px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
} */
#content h2 {
  border-bottom: none;
  color: #d29164;
  font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 35px;
  padding-bottom: 7px;
  text-rendering: optimizeLegibility;
}
#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 h3 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    margin-bottom: 14px;
    margin-top: 21px;
    color: #029fd9;
}
#content h3,
#content h4 {
  -moz-osx-font-smoothing: grayscale;
}
#content h4 {
  font-size: 16px;
  color: #777777;
}
#content,
#title h1.notopimage {
  max-width: 882px;
  position: relative;
  width: 100%;
}
#content hr {
  margin-top: 35px;
  margin-bottom: 35px;
}
#right {
  background: none;
}

/* Registration page */
#content .grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 35px;
}
#content .grid-half {
  border: 1px solid #dddddd;
  box-shadow: 0 0 10px #e4e4e4;
  border-radius: 3px;
  margin-right: 7.2%;
  box-sizing: border-box;
  padding: 21px;
  width: 46.4%;
  float: left;
}
#content .grid-half:nth-of-type(2n) {
  margin-right: 0;
}
#content .grid-half h2 {
  position: relative;
  font-size: 23px;
  margin-bottom: 21px;
}
#content .grid-half h2:after {
  position: absolute;
  width: 47px;
  height: 3px;
  content: '';
  display: block;
  background: #f9c000;
  margin-top: 12px;
}
#content .grid-half p,
#content .grid-half li {
  font-size: 13px;
}
#content .grid-half ul {
  margin-left: 14px;
}
#content .content-button {
  margin-top: 28px;
}

/*  Frontpage  */

body.frontpage {
    background-position: center top;
}
/* body.frontpage .titleinner {
    background: url(gfx/banner.jpg) center 0px no-repeat;
    padding-top: 14px;
    padding-bottom: 14px;
} */
/* body.frontpage #title h1 {
    padding: 270px 0px 42px 23px;
    font-size: 60px;
    line-height: 1.05;
    background: url(gfx/title-2021.png) 24px 75px no-repeat;
    opacity: 1;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
} */
.frontpage #title h1.notopimage {
    padding-bottom: 10px;
}
.heading-translation {
    color: #d29164;
    font-family: 'Amsi pro condlight', Helvetica, Arial, sans-serif;
    font-size: 42px;
    line-height: 1.2;
    padding-left: 21px;
    padding-bottom: 15px;
}
body.frontpage #content.otgx {
  width: 882px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.OTAGO655288 iframe {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
    margin-top: 20px;
}
/* .frontpage #content .shadow-box.grid1 h3 a {
    color: #029fd9;
} */

/*  Right  */

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;
}

/*  Feature boxes  */

#content .shadow-box,
#content.otgx .shadow-box {
  box-shadow: 0 0 10px #e4e4e4;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-top: 27px;
  margin-bottom: 35px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.frontpage #content.otgx .shadow-box {
  margin-top: 46px;
}
.boxshadow #content .shadow-box:hover {
  box-shadow: 0 0 0px #dddddd;
  border: 1px solid #cccccc;
}
.no-boxshadow #content .shadow-box:hover {
  border: 1px solid #cccccc;
}
#content.otgx .grid1.shadow-box {
  width: 29.8%;
  box-sizing: border-box;
}
#content.otgx .grid1.shadow-box:nth-of-type(4) {
  margin-right: 0px;
}
#content .shadow-box.grid1 h3 {
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  font-size: 25px;
  margin-left: 14px;
  margin-right: 7px;
}
#content .shadow-box.grid1 h3 a {
  display: block;
}
#content .shadow-box.grid1 h3:after {
  content: '';
  display: block;
  height: 3px;
  width: 40px;
  margin: 14px 0;
  background: #f9c000;
  transition: all 0.3s ease-out;
}
#content .shadow-box.grid1:hover h3:after {
  width: 50%;
  background: #7dabff;
}
#content .shadow-box.grid1 p {
  padding-left: 14px;
  padding-right: 14px;
  font-size: 16px;
  line-height: 1.5;
}
#content .shadow-box.grid1 img {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px 2px 0 0;
}
#content .shadow-box.grid1 a {
  border-bottom: none;
}
#content .shadow-box.grid1 a p {
  color: #444444;
}
#content.otgx .grid1:nth-of-type(4n+1){
  margin-right: 0;
}


/* Image gallery */


#content .gallery-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    
}
#content h2 + .gallery-container {
    margin-top: 30px;
}
#content .gallery-container a {
    border-bottom: 0;
    display: block;
    line-height: 0.6;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 33.333%;
}
#content .gallery-container a img {
    box-sizing: border-box;
    outline: 10px solid #ebebeb;
    transition: all 0.3s ease;
    width: 100%;
  border-radius: 1px;
}
#content .gallery-container a:before {
    background: rgba(255,255,255,0.0);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s ease;
}
#content .gallery-container a:hover:before {
    background: rgba(255,255,255,0.3);
    mix-blend-mode: screen;
}
#content .gallery-container a.double-image {
    width: 66.666%;
}
#content .gallery-container a.triple-image  {
    width: 100%;
}




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;
}



/* Media queries */

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  #title h1,
  body.frontpage #title h1 {
      background-image: url(gfx/title-2022@2x.png);
      background-size: 338px;
  }
}


@media only screen and (min-width: 1024px) {
    .frontpage #content.otgx .shadow-box {
        margin-top: 46px;
    }
}

/* Tablet styles */

@media only screen and (max-width: 1024px) {
    .frontpage #content.otgx .shadow-box {
        margin-top: 0px;
    }
    .frontpage #box1 {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 1350px) {
    #wrapper {
       background-size: 1200px; 
    }
    body {
        background-size: 8.8px;
    }
    #title h1 {
        padding-top: 310px;
    }
}
@media only screen and (max-width: 1130px) {
    #wrapper {
       background-size: 900px;
        background-position: right -60px top 0;
    }
    body {
        background-size: 6.6px;
    }
    #title h1,
  body.frontpage #title h1 {
        background-size: 270px;
        background-position: 24px 30px;
        padding-top: 220px;
    }
}
@media only screen and (max-width: 900px) {
    #wrapper {
       background-size: 700px;
        background-position: right -45px top 0;
    }
    body {
        background-size: 5.1px;
    }
    #title h1,
  body.frontpage #title h1 {
        background-size: 200px;
        background-position: 24px 20px;
        padding-top: 170px;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #content.otgx {
        width: 650px;
    }
    #features {
        width: 650px;
    }

    /*  Feature boxes  */

    #content.otgx .grid1.shadow-box {
        width: 48%;
        margin-right: 4%;
    }
    #content.otgx .grid1.shadow-box:nth-of-type(2n+1){
        margin-right: 0;
    }

    /* Image gallery */

/*     body.OTAGO655284 #content a.player {
        margin-right: 28px;
        margin-bottom: 28px;
    } */
/*     body.OTAGO655284 #content a.player:nth-of-type(3n) {
        margin-right: 28px;
    }
    body.OTAGO655284 #content a.player:nth-of-type(2n) {
        margin-right: 0;
    }

    #content .grid-half p.content-button.content-next a {
        text-align: left;
        line-height: 1.4;
        border-radius: 5px;
    } */

}

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

    /*  Feature boxes  */

    #content.otgx .grid1.shadow-box:nth-of-type(2n+1){
        margin-right: 0;
    }

    /*  Right  */

    body.frontpage #right {
        position: relative;
    }

    /* Image gallery */

/*     body.OTAGO655284 #content a.player {
        margin-right: 28px;
        margin-bottom: 28px;
    } */
/*     body.OTAGO655284 #content a.player:nth-of-type(3n) {
        margin-right: 28px;
    }
    body.OTAGO655284 #content a.player:nth-of-type(2n) {
        margin-right: 0;
    } */

}


@media only screen and (min-width: 701px) and (max-width: 768px) {
    #content .grid-half p.content-button.content-next a {
        text-align: left;
        line-height: 1.4;
        border-radius: 5px;
    }
}



/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #right {
        position: relative;
        top: 0;
    }
/*     #title h1 {
        background-position: 14px 42px;
        background-size: 240px;
        font-size: 45px;
        padding: 190px 0px 14px 0px;
    }
    body.frontpage #title h1 {
        background-position: 0px 0px;
        background-size: 240px;
        font-size: 40px;
        padding: 150px 0px 14px 0px;
    } */
     #title h1,
    body.frontpage #title h1{
        background-position: 0px 10px;
        padding: 150px 0px 14px 0px;
    }
    .heading-translation {
        font-size: 30px;
        margin-top: 7px;
    }
    #content {
        max-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;
    }

    /*  Feature boxes  */

    #content.otgx .grid1.shadow-box {
        width: 48%;
        margin-right: 4%;
    }
    #content.otgx .grid1.shadow-box:nth-of-type(2n+1){
        margin-right: 0;
    }
    #content .shadow-box.grid1 img {
        max-width: 100%;
        margin-bottom: 7px;
        float: none;
    }
    #content img.noleftmargin {
        box-sizing: border-box;
        float: none;
        width: 100%;
        max-width: 100%;
    }
    #content p + p > img.noleftmargin {
        margin-top: 21px;
    }

    /* Image gallery */

   #content .gallery-container {
       margin-top: 0;
       margin-bottom: 5px;
       width: 97%;
  } 
  #content .gallery-container a img {
    float: none;
    max-width: 100%;
    width: 100%;
  }
    body.OTAGO655284 #content img {
        margin-left: 0;
    }
    #content h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 550px) {
    #wrapper {
       background-size: 600px;
       background-position: right -80px top 0;
    }
    body {
        background-size: 4.4px;
    }
    
    #title h1,
    body.frontpage #title h1 {
        background-size: 160px;
        padding-top: 130px;
        font-size: 34px;
    }
    #title p.heading-translation {
        font-size: 24px;
    }
}


@media only screen and (max-width: 450px) {
    #content .grid-half {
        width: 100%;
        margin-right: 0;
        margin-bottom: 21px;
    }
    #content.otgx .grid1.shadow-box {
        width: 100%;
        margin-right: 0px;
    }
     #content.otgx .grid1.shadow-box img {
        width: 100%;
    }
}