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

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

Te Tumu BASECAMP CSS

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

body {
    background: url(gfx/background.png) 0px 0px repeat-x;
}
#wrapper {
    background: url(gfx/banner.jpg) center 0 repeat-x;
}
#title h1 {
  background: url(gfx/title-2019.png) 23px 86px no-repeat;
  color: #774967;
  font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 68px;
  font-variant-ligatures: normal;
  font-weight: normal;
  letter-spacing: -0.01em;
  line-height: 1.05;
  max-width: 650px;
  margin-top: 3px;
  opacity: 1;
  padding: 330px 0px 21px 23px;
  position: static;
  text-rendering: optimizeLegibility;
}
.titleinner {
    padding-top: 3px;
    padding-bottom: 0px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#content p {
    line-height: 1.5;
}
#content p.smalltag {
    color: #888888;
}
#content h2 {
    padding-bottom: 7px;
    font-size: 27px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 28px;
    text-rendering: optimizeLegibility;
    border-bottom: none;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content h3 {
    line-height: 1.4;
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
}
#content p + h2:first-of-type,
#content ul + h2:first-of-type,
#content table + h2:first-of-type {
	margin-top: 28px;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input,
#right label,
#right input,
#right textarea {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}
body.OTAGO078358 #content .grid1 {
    box-shadow: 0 0 1px #ccc,
                0 0 10px #e4e4e4;
    border-radius: 4px;
    min-height: 195px;
}
body.OTAGO078358 #content .grid1 h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    text-align: center;
    padding: 0 14px 14px 14px;
    font-size: 18px;
}
#right {
    background: none;
}

/*  FRONTPAGE  */

body.frontpage {
    background: url(gfx/background-frontpage.png) 0px 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) center 0 repeat-x;
}
body.frontpage .titleinner {
    padding-top: 14px;
    padding-bottom: 21px;
}
body.frontpage #title h1 {
    padding: 410px 0px 0px 23px;
    font-size: 45px;
    background: url(gfx/title.png) 20px 126px no-repeat;
    opacity: 1;
    max-width: 882px;
}
body.frontpage #content.otgx h2 {
    font-size: 23px;
    line-height: 1.4;
    margin-bottom: 35px;
    color: #555555;
}
body.frontpage #content.otgx h2 span {
    color: #bbbbbb;
}
body.frontpage #content.otgx .quote-box {
    background: #f1f1f1;
    padding: 21px;
    margin-bottom: 35px;
    font-family: Georgia, Times New Roman, serif;
    font-style: italic;
    box-shadow: 0 5px 10px #f9f9f9;
    position: relative;
}
body.frontpage #content.otgx .quote-box:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
	border-bottom: 15px solid #f1f1f1;
    content: '';
    position: absolute;
    top: -15px;
}
body.frontpage #content.otgx .quote-box p {
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
}
body.frontpage #content.otgx .grid_half {
    width: 302px;
    float: left;
}
body.frontpage #content.otgx .grid1,
body.OTAGO220801 #content.otgx .grid1 {
    box-shadow: 0 5px 10px #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-top: 7px;
    margin-bottom: 42px;
    transition: all 0.2s ease-out;
    width: 28.6%;
    margin-right: 7.1%;
    box-sizing: border-box;
}
body.frontpage #content.otgx .grid1:hover,
body.OTAGO220801 #content.otgx .grid1:hover {
    box-shadow: 0 0 5px #e4e4e4;
}
body.frontpage #content.otgx .grid1 h3:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 3px;
    margin-bottom: 7px;
    width: 47px;
}
body.frontpage #content.otgx .grid1 h3 {
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    font-size: 23px;
    letter-spacing: 0.02em;
    padding: 0 14px 14px 14px;

}
body.frontpage #content.otgx .grid1 h3 a {
    border-bottom: none;
    display: block;
}
body.frontpage #content.otgx .grid1.research-box,
body.OTAGO220801 #content.otgx .grid1.postgraduate-profiles {
    margin-right: 0;
}
body.frontpage #content.otgx .grid1 img,
body.OTAGO220801 #content.otgx .grid1 img {
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 3px 3px 0 0;
    max-width: 100%;
}
body.frontpage #content.otgx .grid_half:nth-of-type(2n+1) {
    margin-right: 0;
}
/* Research page*/
body.OTAGO220801 #content.otgx .grid1 h2 {
    font-size: 16px;
    text-align: center;
    margin: 0;
}
body.OTAGO220801 #content.otgx .grid1 h2 a {
    display: block;
    padding: 7px 0;
}
body.OTAGO220801 #content.otgx .grid1 h2 a:hover {
    border-bottom: none;
}
body.OTAGO220801 #content.otgx .grid1 p {
    margin-bottom: 0;
}

/* Translation box */
body.frontpage #content.otgx .quote-box {
    position: relative;
    overflow: hidden;
    min-height: 230px;
}
body.frontpage #content.otgx .maori-welcome {
    opacity: 0;
    transition: all 1.0s ease;
    padding-right: 21px;
}
body.frontpage #content.otgx .english-welcome {
    position: absolute;
    top: 21px;
    opacity: 0;
    transition: all 1.0s ease;
    padding-right: 21px;
}
body.frontpage #content.otgx .maori-welcome.translation-visible,
body.frontpage #content.otgx .english-welcome.translation-visible {
    opacity: 1;
}
body.frontpage #content.otgx  p.translate-button {
    position: absolute;
    bottom: 7px;
    right: 21px;
}
body.frontpage #content.otgx  p.translate-button {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: right;
    font-size: 14px;
}
.translate-english,
.translate-maori {
    background: #774967;
    padding: 0px 14px 2px 14px;
    display: inline-block;
    border-radius: 16px;
    color: #fff;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-left: 14px;
    display: none;
}
.translate-english:hover {
    background-color: #663c58;
}
.translate-maori.button-visible,
.translate-english.button-visible {
    display: inline-block;
}
/* Right column */
body.frontpage #right h2 {
    margin-bottom: 14px;
}
body.frontpage #right h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    margin-bottom: 3px;
}
body.frontpage #right p a:hover {
    border-bottom: none;
}
#right .relatedinfo h2 {
    background: none;
}

/* Hi res */

@media (-webkit-min-device-pixel-ratio: 2), /* Webkit-based browsers */
       (min--moz-device-pixel-ratio: 2),    /* Older Firefox browsers (prior to Firefox 16) */
       (min-resolution: 2dppx),             /* The standard way */
       (min-resolution: 192dpi)             /* dppx fallback */ {
           #title h1 {
               background-image: url(gfx/title@2x-2019.png);
               background-size: 195px;
           }
           body.frontpage #title h1 {
               background-image: url(gfx/title@2x-2019.png);
               background-size: 195px;
           }
}


/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #content.otgx .grid1 {
        margin-right: 0;
        width: 100%;
    }
    body.frontpage #content.otgx .grid1 h3 {
        text-align: left;
        margin-top: 35px;
        margin-left: 186px;
    }
    body.frontpage #content.otgx .grid1 img {
        float: left;
    }
    body.OTAGO078358 #content .grid1 {
        margin-bottom: 46px;
    }
    body.OTAGO078358 #content .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.OTAGO220801 #content.otgx .grid1 {
        min-height: 145px;
    }
    body.OTAGO220802 #content .grid1 {
        width: 30%;
        margin-right: 5%;
    }
    body.OTAGO220802 #content .grid1:nth-of-type(3n) {
        margin-right: 0px;
    }
    body.OTAGO220802 #content .grid1 h3 {
        line-height: 1.3;
    }
    body.OTAGO220802 #content .grid1 img {
       max-width: 100%;
    }
    body.frontpage #content.otgx .grid1 img {
        border-bottom: 0;
        border-right: 1px solid #dddddd;
    }
}



@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    #wrapper,
    body.frontpage #wrapper {
        background-position: -500px 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    #content {
        min-height: 300px;
    }
    #right {
        border-top: 1px solid #e4e4e4;
    }
    body.frontpage #right {
        margin-top: 0px;
    }
    body.frontpage #right label {
        display: block;
        width: 100%;
    }
    body.frontpage #content.otgx .grid1 img {
        float: none;
    }
    body.OTAGO078358 #content .grid1 {
        margin-bottom: 46px;
    }
    body.OTAGO078358 #content .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.OTAGO220801 #content.otgx .grid1 {
        min-height: 145px;
    }
    body.OTAGO220802 #content .grid1 {
        width: 30%;
        margin-right: 5%;
    }
    body.OTAGO220802 #content .grid1:nth-of-type(3n) {
        margin-right: 0px;
    }
    body.OTAGO220802 #content .grid1 h3 {
        line-height: 1.3;
    }
    body.OTAGO220802 #content .grid1 img {
       max-width: 100%;
    }
}


/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    body.frontpage .titleinner,
    .titleinner {
        width: 92%;
    }
    #wrapper {
        background-size: 1100px;
        background-position: -345px 10px;
    }
    body.frontpage #wrapper {
        background-size: 1100px;
        background-position: -330px 10px;
    }
    #title h1 {
        padding: 190px 0px 14px 0px;
        background-position: 0px 41px;
        font-size: 45px;
    }
    body.frontpage #title h1 {
        padding: 220px 0px 0px 0px;
        background-position: 0px 51px;
        font-size: 32px;
    }
    body.frontpage #title h1 {
        font-size: 29px;
    }
    .titleinner h1 {
       max-width: 99% !important;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #content.otgx .grid_half {
        width: 47%;
        margin-right: 5%;
    }
    body.OTAGO078358 #content .grid1 {
        margin-bottom: 21px;
        margin-right: 0;
        min-height: auto;
    }
    body.OTAGO078358 #content .grid1 img {
        float: left;
        margin-left: 0;
        margin-right: 14px;
    }
    body.OTAGO078358 #content .grid1 h3 {
        margin-top: 21px;
        text-align: left;
    }
    #right #slides .otagoprofile {
        width: 100%;
    }
    #slides .otagoprofile p:first-of-type {
        width: 45%;
        float: right;
        margin-left: 5%;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px), /* Webkit-based browsers */
       (min--moz-device-pixel-ratio: 2) and (max-width: 700px),    /* Older Firefox browsers (prior to Firefox 16) */
       (min-resolution: 2dppx) and (max-width: 700px),             /* The standard way */
       (min-resolution: 192dpi) and (max-width: 700px)             /* dppx fallback */ {
            #title h1 {
                background: url(gfx/title-2019.png) 0px 41px no-repeat;
                background-size: 298px;
            }
            body.frontpage #title h1 {
                background: url(gfx/title-2019.png) 0px 51px no-repeat;
                background-size: 298px;
            }
}

@media only screen and (max-width: 450px) {
    body.frontpage #content.otgx .grid1 {
        margin-right: 2%;
        width: 32%;
    }
    body.frontpage #content.otgx .grid1 h3 {
        font-size: 19px;
    }
}



@media only screen and (max-width: 400px) {
    #title h1 {
        background-position: 0px 53px;
        background-size: 210px;
    }
    body.frontpage #content.otgx .quote-box {
          min-height: 350px;
    }
    body.frontpage #content.otgx .grid1 img {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    body.frontpage #content.otgx .grid1 h3 {
        margin-left: 0%;
        margin-top: 7px;
    }
    body.OTAGO220801 #content.otgx .grid1 {
        width: 100%;
        margin-right: 0;
        min-height: 0;
        margin-bottom: 14px;
    }
    body.OTAGO220801 #content.otgx .grid1 img {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    body.OTAGO220802 #content .grid1 {
        width: 100%;
        box-shadow: 0 0 10px #e4e4e4;
        border: 1px solid #e4e4e4;
        margin-bottom: 14px;
        padding: 7px;
        box-sizing: border-box;
    }
    body.OTAGO220802 #content .grid1 img {
        float: none;
        margin: 0 0 7px 0;
        width: 100%;
    }
    body.frontpage #content.otgx p.translate-button {
        text-align: left;
        position: static;
    }
}

@media only screen and (max-width: 350px) {
    body.frontpage #content.otgx .grid1 h3 {
        padding-left: 7px;
    }
}


@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px), /* Webkit-based browsers */
       (min--moz-device-pixel-ratio: 2) and (max-width: 700px),    /* Older Firefox browsers (prior to Firefox 16) */
       (min-resolution: 2dppx) and (max-width: 700px),             /* The standard way */
       (min-resolution: 192dpi) and (max-width: 700px)             /* dppx fallback */ {
           #title h1,
           body.frontpage #title h1 {
                background-image: url(gfx/title@2x-2019.png) 0px 53px no-repeat;
                background-size: 120px;
            }
}