/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 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-2019 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-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; }
/*****************

Physiology CSS

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

body {
    background: url(gfx/background.png) center 0px repeat-x;
}
#wrapper {
    background: url(gfx/banner.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 {
    padding-top: 195px;
    margin-top: 0px;
    background: url(gfx/title.png) 233px 42px no-repeat;
}
.titleinner img {
    display: none;
}
#title h1 {
    background: none;
    color: #32424e; 
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0 0 14px 23px;
    max-width: 650px;
    padding: 7px 0 14px 0px;
    position: static;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
   max-width: 650px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#title p.heading-translation {
	color: #888888;
	font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 35px;
  font-weight: 300;
	line-height: 1.2;
	margin-bottom: 14px;
	margin-top: -21px;
	max-width: 650px;
	padding-left: 23px;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content dl,
#content form fieldset label,
#content form fieldset input,
#content form fieldset textarea,
#right p,
#right li,
#right h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
#content table td,
#content table td p {
  font-size: 15px;
  line-height: 1.6;
}
#content th,
#content td,
#right p,
#right li {
  font-size: 13px;
}
#content p,
#content ul,
#content ol,
#content li, 
#content dl {
  font-size: 15px;  
}
#right p,
#right ul {
  margin-bottom: 14px;
}
#content a {
  transition: all 0.3s ease-out;
}
#content h1 {
  color: #163568;
  font-family: "Amsi Pro condbold", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 60px;
    line-height: 1.1;
  padding: 40px 0;
}
.n8673 #content {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    padding-top: 0;
} 
.n8673 #content table {
    border: 1px solid #dddddd;
}
.n8673 #content table th {
    background: #f9f9f9;
    border-right: 1px solid #dddddd;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
}
.n8673 #content table th {
    width: 35%;
}
.n8673 #right h2 {
    margin-bottom: 7px;
}
.n8673 #right li {
    list-style-type: none;
    margin-left: 0;
}

#content h2 {
    color: #32424e;
    padding-bottom: 7px;
    font-size: 42px;
    font-family: "Amsi Pro condlight", "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 28px;
    text-rendering: optimizeLegibility;
    border-bottom: none;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content ul.pagesubnav {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    padding: 14px;
}
#content ul.pagesubnav li {
    list-style-position: outside;
    margin-bottom: 7px;
    margin-left: 14px;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#right {
    background: none;
}

/* Profiles */
body.n8673 #title h1.notopimage {
	text-indent: -9999px;
	height: 0;
}
/* body.n8673 #content h1 {
	font-size: 38px;
    line-height: 1.2;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.2;
	padding-bottom: 28px;
	color: #1b568c;
}*/


/*  FRONTPAGE  */

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: 330px;
    background: url(gfx/title.png) 233px 105px no-repeat;
}
body.frontpage #title h1.notopimage {
    padding: 30px 0;
    max-width: 882px;
}
body.frontpage #content .tile-box-shadow-container {
    margin-top: 35px;
}
#content .tile-box-shadow-thumbnail-description p:first-of-type {
    margin-bottom: 7px;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
    font-family: "Amsi Pro condbold", "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
}
body.frontpage #content .tile-box-shadow-thumbnail-description li {
    margin-bottom: 7px;
}
body.frontpage #right img {
    display: none;
}

/* Our people styles */

body.OTAGO645454 #content {
    width: 100%;
}
body.OTAGO645454 #content #box1 {
    width: 100%;
}
body.OTAGO645454 #content .heading {
    width: 650px;
    float: left;
}
body.OTAGO645454 #right {
    position: absolute;
    padding-left: 0;
    margin-top: 270px;
}
body.OTAGO645454 .heading {
    width: 100%;
    float: left;
}
body.OTAGO645454 #content .grid1 {
    margin-bottom: 35px;
}
body.OTAGO645454 #content .grid1 p img {
    border: none;
    margin: 0;
    padding: 0;
}
body.OTAGO645454 #content .grid1 .staff-title {
    font-style: italic;
}
body.OTAGO645454 #content .grid1 .staff-title::after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    margin: 7px 0;
    background: #f9c000;
}
body.OTAGO645454 #content .grid1 h3.staff-name {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 21px;
    color: #333;
}
body.OTAGO645454 #content .grid1 h4 {
    font-family: Helvetica, Arial, Geneva, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
}
body.OTAGO645454 #content .grid1 p {
    margin-bottom: 7px;
}
body.OTAGO645454 #content .floating-nav {
    position: absolute;
    width: 186px;
    margin-left: 696px;
}
body.OTAGO645454 #content .floating-nav h2 {
    color: #888888;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    margin-top: 0px;
    padding: 7px 30px 0 0;
    padding-bottom: 0px;
    font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    border-bottom: none;
}
body.OTAGO645454 #content .floating-nav ul {
    margin-left: 0;
    margin-top: 7px;
}
body.OTAGO645454 #content .floating-nav li {
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    margin: 0 0 0 16px;
    padding: 0 0 5px 0;
    list-style-position: outside;
}
body.frontpage #right h2 {
    margin-bottom: 14px;
}
body.frontpage #right article h3 {
    margin-bottom: 7px;
}
body.frontpage #right article img {
    box-shadow: 0 0 0 1px #dddddd;
    margin-bottom: 3px;
}
body.frontpage #right article h3 a {
    font-weight: normal;
}
body.frontpage #right article .smalltag {
    color: #888888;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.02em;
    margin-bottom: 14px;
    text-transform: uppercase;
}


/* Our People */

body.OTAGO645454 #content {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

body.OTAGO645454 #content th{
    color: #888888;
    font-family: "Amsi pro condbold", "Open sans", Helvetica, Arial, sans-serif;
    font-size: 17px;
    letter-spacing: 0.03em;
    padding: 10px 0px;
    text-transform: uppercase;
    background: none;
}
body.OTAGO645454 #content table td{
    line-height: 1.5;
    padding: 5px 0px;
    font-size: 14px;
}
body.OTAGO645454 #content table td a {
    border-bottom: none;
}
body.OTAGO645454 #content table td:nth-of-type(1) {
    width: 38%;
    padding-right: 20px;
}
body.OTAGO645454 #content table td:nth-of-type(2) {
    width: 38%;
    padding-right: 20px;
}
body.OTAGO645454 #content table tr:hover:not(:first-of-type) {
  background: #f9f9f9;
}


/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }

    /* Our people styles */

    body.OTAGO645454 #content .floating-nav {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #wrapper {
        background-position: -400px 0;
        width: 753px;
    }
    .titleinner {
        padding-top: 190px;
        padding-bottom: 0;
        background: url(gfx/title.png) 227px 42px no-repeat;
    }
    body.frontpage #title h1 {
        width: auto;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
    }
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background: url(gfx/banner-frontpage.jpg) -155px 0px no-repeat;
        background-size: 1200px;
    }
    body.frontpage .titleinner {
        padding-top: 240px;
        background: url(gfx/title.png) 231px 56px no-repeat;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 32px;
    }
    #content {
        background-size: 420px;
    }
    #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;
    }

    /* Our people styles */

    body.OTAGO645454 #content {
        width: 464px;
    }
    body.OTAGO645454 #content .floating-nav {
        display: none;
    }
    body.OTAGO645454 #content .grid1 p {
        word-break: break-all;
    }

}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper {
        width: 100%;
        background-position: -9000px 0;
        background-repeat: repeat-x;
    }
    body.frontpage #wrapper {
        width: 100%;
        background-size: 1100px;
        background-position: -460px 0;
    }
    #content {
        background-size: contain;
    }
    body.frontpage #content {
        background: none;
    }
    .titleinner{
        background-position: 0px 53px;
        padding-top: 200px;
        width: 92%;
        background-size: 180px;
    }
    body.frontpage .titleinner {
        padding-top: 210px;
        background-position: 0px 49px;
    }
    #title h1 {
        font-size:40px;
        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 {
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 28px;
    }
    #title p.heading-translation {
        font-size: 30px;
        padding-left: 0;
    }
    #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;
    }

    /* Our people styles */

    body.OTAGO645454 #content {
        width: 96%;
    }
    body.OTAGO645454 #content .grid1 {
        margin-right: 0;
    }
    body.OTAGO645454 #right {
        position: relative;
        margin-top: initial;
    }
    
    
@media only screen and (max-width: 380px) {  
    body.OTAGO645454 #content table {
        border: none;
    }
    body.OTAGO645454 #content table {
        display: block;
    }
    body.OTAGO645454 #content td {
        display: block;
        width: 100%;
    }
    body.OTAGO645454 #content table td:nth-of-type(1), 
    body.OTAGO645454 #content table td:nth-of-type(2) {
        width: 100%; 
    }
    body.OTAGO645454 #content table tr:nth-of-type(1) {
        display: none;
    }
    body.OTAGO645454 #content table td:nth-of-type(3) a:before {
        color: #333333;
        content: 'Email ';
    }
    body.OTAGO645454 #content table td:nth-of-type(3) {
        padding-bottom: 10px;
    }
    body.OTAGO645454 #content table td:nth-of-type(1) {
        font-size: 17px;
        padding-top: 20px;
    }
    body.OTAGO645454 #content table td:nth-of-type(2) {
        padding: 2px 0;
    }
    #content h2 {
        font-size: 32px;
    }
        
    
}
