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

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

Pharmacy BASECAMP+ CSS

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

body {
    text-rendering: optimizeLegibility;
    background: url(gfx/background-2020.png) 0 0 repeat-x;
}
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;
}
#title p.heading-translation {
  color: #888888;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 21px;
  margin-top: -14px;
}
#wrapper {
    background: url(gfx/banner-2020.jpg) right 0px no-repeat; 
}
.titleinner img {
  display: none;
}
#title h1 {
    background: url(gfx/title-2020.png) 0 100px no-repeat;
    color: #25436f;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 57px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0px 0 28px 23px;
    max-width: 882px;
    padding: 450px 0 0 0;
    position: static;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 100%;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
#content h2 {
  border-bottom: none;
  color: #758d7f;
  font-size: 42px;
  line-height: 1.25;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  margin: 0 0 25px 0;
  text-rendering: optimizeLegibility;
}
#content h3 {
  color: #bc8161;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  line-height: 1.3;
  margin-top: 21px;
  margin-bottom: 14px;
  font-size: 23px;
}
#content h4 {
  color: #758d7f;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
}
#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 {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
    font-size: 16px;
    line-height: 1.55;
}
#content table td {
    font-size: 15px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    padding: 7px 7px 7px 15px;
    color: #666;
    line-height: 1.5em;
    border: solid #dddddd 1px;
}
#content .checkinsimilar td input[type="text"],
#content .checkinsimilar td select {
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 7px;
    width: 100%;
}
#content .checkinsimilar table tr td {
    border: none;
}
#content .checkinsimilar td input[type="text"] {
    padding-bottom: 3px;
    padding-left: 11px;
    padding-top: 3px;
}
#content .checkinsimilar select {
    border-radius: 3px;
    font-size: 14px;
    height: 30px;
    padding-bottom: 4px;
}
#content table th {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: 125pt;
    color: #647e71;
    background-color: #f0f4ef;
    border: solid 1px grey;
    position: relative;
    padding-left: 15px;
}
#content table th:before {
    content: '';
    background: #758d7f;
    width: 7px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
/*     background-image: url(/_assets/_gfx/arrow-grey-forward.svg); */
}
.OTAGO111209 #content table thead th:nth-child(1) {
    width: 12%;
}
.OTAGO111209 #content table thead th:nth-child(2) {
    width: 30%;
}
.OTAGO111209 #content table thead th:nth-child(3) {
    width: 10%;
}
#content ul,
#content ul li{
	list-style-image: url(/_assets/_gfx/arrow-pale-green-forward.svg);
	list-style-position: outside;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    margin-left: 7px;
}
#content ol li {
    font-size: 16px;
    padding-bottom: 10px;
}
#right ul li {
    list-style-image: url(/_assets/_gfx/arrow-pale-green-forward.svg);
    list-style-position: inside;
}
#content p.fullwidthimage img {
    border: none;
}
#right {
    background: none;
    border-top: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 232px;
    width: 100%;
}
body.n4025 #contentwrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    }
body.n4025 #content {
    order: 2;
    }
body.n4025 #right {
    order: 1;
    }
#right .rightcontentwysiwyg {
    background-color: #f2f2f2;
    padding: 20px 20px 20px 30px;
    border-radius: 5px;
}
#right h2 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    padding-bottom: 10px;
    text-transform: none;
    color: #758d7f;
    }
#right .hs_staff_profile {
    float: left;
    padding-right: 40px;
    }
#content h1 {
    display: none;
    }
#content {
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 2;
}
#content ul.pagesubnav li {
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 5px;
}
#content ul.pagesubnav {
   background-color: #f9f9f9;
}
#content p.fullwidthimage img {
    border: none;
}
#content p img {
    border: none;
}
#content #box14 p img {
    width: 40%;
    margin-left: -10px;
}
body.OTAGO702843 #content h2 {
    font-size: 30px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin-top: 0px;
    margin-bottom: 12px;
}
#content p.caption_418{
    font-size: 15px;
    font-style: normal;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #758d7f;
    background-color: #f0f4ef;
}
#right { 
    background-size: 26px 100%;
}
ul#social_media { height: 285px; }

body.OTAGO111243 #content .tile-box-shadow-thumbnail-description h2  {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
}
body.OTAGO111243 #content .tile-box-shadow-thumbnail-description h2 span   {
    font-size: 18px;
}
body.OTAGO111243 #content .tile-box-shadow-thumbnail-description h2 a {
    border: none;
}
#content div.featurebox_green {
    background-color: #f0f4ef;
}
#content table caption {
    color: #758d7f;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    padding-bottom: 7px;
}
#content p.smalltag {
    font-size: 15px;
    max-width: 800px;
    font-style: normal;
    color: #758d7f;
}
.custom-counter {
    list-style: none;
    margin: 0 0 0 -30px;
}
ol.custom-counter > li {
    counter-increment: step-counter;
    position: relative;
}
.custom-counter li::before {
    content: counter(step-counter);
/*     background-color: red; */
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    color: #bc8161;
    margin-right: 10px;
    position: absolute;
    top: -8px; left: -20px;
    
}




/* --------Frontpage Testing-------- */

/* .gridthird .shadow-box */

body.frontpage #content {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
body.frontpage #content h2, 
body.frontpage #content p {
    width: 100%
    
}
#content .shadow-box {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#content .gridthird.shadow-box {
    width: 29.6%;
    margin-right: 5.2%;
    box-sizing: border-box;
}
#content .gridthird.shadow-box:nth-of-type(3n) {
    margin-right: 0;
}
#content .gridthird.shadow-box h2 { 
    font-size: 26px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin: 0 0 12px 14px; 
}

#content .gridthird.shadow-box h2+p {
    box-sizing: border-box;
    padding: 0 14px 12px 14px;
}

#content .gridthird.shadow-box a,
#content .grid-quarter a {
    border-bottom: none;
}
#content .gridthird.shadow-box a p {
    color: black;
/*     color: #416ebf; */
}
#content .gridthird.shadow-box a h2 {
    color: #8fba9e;
/*     color: #416EBF; */
}

body.OTAGO736912 #content h3 {
    color: #416EBF;
} 

/* ///////////// Post graduate page ////////// */

body.OTAGO111243 #content {
    display: flex;
    flex-wrap: wrap;
}

body.OTAGO111243 #content .gridthird.shadow-box {
    box-sizing: border-box;
    margin-right: 4%;
    width: 48%;
/*     background-color: red; */
}
body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(3),
body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(5),
body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(7){
/*     background-color: blue; */
    margin-right: 0;
}
body.OTAGO111243 #content #box3.gridthird.shadow-box p {
/*     color: red; */
    letter-spacing: 0.01em;
}

body.OTAGO111243 #content .gridthird.shadow-box h2{
    color: #416EBF;
}
body.OTAGO111243 #content #box1 p {
    margin-bottom: 40px
}
/* ///////////// Post graduate page ////////// */


/* .grid-quarter */

#content .grid-quarter:nth-of-type(4),
#content .grid-quarter:nth-of-type(9){
    margin-right: 0;
}
body.OTAGO736912 #content .grid-quarter {
  hyphens: none;
}
body.OTAGO736912 #content .grid-quarter:nth-of-type(8),
body.OTAGO736912 #content .grid-quarter:nth-of-type(13) {
/*     background-color: red; */
    margin-right: 0; 
}
#content .grid-quarter p,
#content .gridthird.shadow-box p{
  font-size: 15px;
}
#content .grid-quarter h3 {
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
  padding: 0 14px;
}
#content .grid-quarter h3+p {
    box-sizing: border-box;
    padding: 0 14px 12px 14px;
}
#content .grid-quarter h3:after,
#content .gridthird h2:after {
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 14px;
  margin-top: 14px;
  width: 37px;
}
#content .grid-third h3 a {
  border: 0;
  display: block;
}
#content .grid-quarter:hover,
#content .gridthird:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px)
}
#content .grid-quarter {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #dddddd;
    width: 22%;
    margin-right: 4%; 
}
#content .grid-quarter img,
#content .gridthird img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
body.OTAGO736912 h1 span {
  color: #83b394;
}
#content .grid-quarter a h3 {
    color: #416EBF;   
    
}
#content .grid-quarter a p {
    color: black;
/*     color: #416ebf; */
}
#content #box14 p img {
    width: 40%;
    margin-left: -10px;
}
body.OTAGO111243 #content .video-container {
    background: #153358;
    border-top: 21px solid #f9c000;
    border-radius: 3px;
    margin-bottom: 49px;
    padding: 30px 14px 40px 14px;
    box-sizing: border-box;
}
body.OTAGO111243 #content .video-box {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
/*     border: solid 5px red; */
    object-fit: contain;
    width: 100%;
    box-sizing: border-box;
}
body.OTAGO111243 #content .video-box video {
    width: 100%
}








/* Profile box */
.n2007 #content .profile-box h2,
.n8961 #content .profile-box h2 {
    clear: none;
    border-bottom: none;
    font-size: 22px;
    margin-top: 21px;
    margin-bottom: 3px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    letter-spacing: 0.01em;
    color: #bc8161;;
}
.n2007 #content p + h2:first-of-type,
.n8961 #content p + h2:first-of-type {
    margin-top: 10px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
}
.n2007 #content p:first-of-type,
.n8961 #content p:first-of-type {
    margin-bottom: 0;
}
#content .profile-box {
    background: #f0f4ef;
    border: 1px solid #dddddd;
    overflow: hidden;
    padding: 10px 20px 20px 30px;;
    margin-bottom: 35px;
    box-shadow: 0 2px 10px #e4e4e4;
}
#content .profile-box p img {
    margin-bottom: 0;
    max-width: 186px;
    background: #ffffff;
}

/* Undergraduate profiles */

.n8961 #content h2 { clear: none; }
.OTAGO628806 #content {
    min-height: 300px;
    padding-bottom: 200px;
}
#content h2.question {
    font-size: 25px;
    border-bottom: none;
    position: relative;
    margin-bottom: 7px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
}
/* #content h2.question:before {
    position: absolute;
    top: 3px;
    left: -37px;
    width: 26px;
    height: 26px;
    content: 'Q';
    color: #bc8161;
    border: 3px solid #bc8161;
    text-align: center;
    line-height: .85;
    border-radius: 50%;
    font-size: 24px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
} */

/* Profile index */
.OTAGO111221 #content.otgx,
.OTAGO628806 #content.otgx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.OTAGO111221 #content .tile-box-shadow-description,
.OTAGO111221 #content h2:after,
.OTAGO628806 #content .tile-box-shadow-description,
.OTAGO628806 #content h2:after {
    transition: all 0.3s ease;
}
.OTAGO111221 #content .tile-box-shadow-description:hover,
.OTAGO628806 #content .tile-box-shadow-description:hover {
    box-shadow: 0 10px 20px silver;
   transform: translateY(-1px)
}
.OTAGO111221 #content .tile-box-shadow-description img,
.OTAGO628806 #content .tile-box-shadow-description img{
    border: none;
    border-radius: 2px 2px 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
.OTAGO111221 #content .tile-box-shadow-description p:first-of-type,
.OTAGO628806 #content .tile-box-shadow-description p:first-of-type {
    padding: 0;
    margin-bottom: 0;
}
.OTAGO111221 #content .tile-box-shadow-description:hover h2:after,
.OTAGO628806 #content .tile-box-shadow-description:hover h2:after {
    width: 100%;
}
.OTAGO111221 #content a,
.OTAGO628806 #content a,
.OTAGO614471 #content a {
    border-bottom: none;
    
}
.OTAGO111221 #content h2:first-of-type,
.OTAGO628806 #content h2:first-of-type {
    margin-top: 14px;
    font-size: 19px;
}
.OTAGO111221 #content p,
.OTAGO628806 #content p {
    line-height: 1.5;
}
.OTAGO111221 #content p.smalltag,
.OTAGO628806 #content p.smalltag {
    font-family: 'Open sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    color: #888888;
    font-size: 14px;
    color: grey;
}

/* Communities */

.OTAGO614470 #content.otgx,
.OTAGO614471 #content.otgx,
.OTAGO614472 #content.otgx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#content .tile-box-shadow-title-qualification {
    border: 1px solid #dddddd;
    width: 28.6%;
    margin-right: 7.1%;
    box-sizing: border-box;
    float: left;
    border-radius: 3px;
    box-shadow: 0 0 10px #e4e4e4;
    margin-bottom: 46px;
    
}
#content .tile-box-shadow-title-qualification.last-box {
    margin-right: 0;
}
#content .tile-box-shadow-title-qualification img {
    border: none;
    border-radius: 2px 2px 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
.flex-full-width {
    width: 100%;
}
#content .tile-box-shadow-title-qualification h3 {
    padding-left: 14px;
    padding-right: 14px;
    margin-top: 7px;
    margin-bottom: 14px;
    font-size: 25px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
#content .tile-box-shadow-title-qualification h3:before {
    width: 35px;
    height: 3px;
    content: '';
    background-color: #f9c000;
    display: block;
    content: '';
    margin: 14px 0;
    transition: 0.3s all ease;
}
#content .tile-box-shadow-title-qualification h3:hover:after {
    width: 50px;
}
#content .tile-box-shadow-title-qualification p {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    line-height: 1.4;
    color: grey;
    padding-left: 14px;
    padding-right: 14px;
}
#content .tile-box-shadow-title-qualification p:first-of-type {
    padding: 0 0 0px 0;
    margin: 0;
}
#content .tile-box-shadow-title-qualification a {
    border: none;
}
.OTAGO614470 #content h2 {
    margin-bottom: 28px;
}
.OTAGO614470 #content #box5 {
    margin-right: 0;
}

ul#social_media { padding-bottom: 60px; }

/*  FRONTPAGE  */



/* Profiles page: OTAGO624263 */

body.OTAGO624263 #content.otgx .otagoprofile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.OTAGO624263 #slides .otagoprofile div.profile {
    width: 26%;
    margin-right: 7.1%;
    box-sizing: border-box;
    float: left;
    border-radius: 3px;
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #e4e4e4;
    margin-bottom: 46px;
    padding-bottom: 7px;
}
body.OTAGO624263 #slides .otagoprofile div.profile p {
    width: auto;
    display: block;
    float: none;
    margin: 0 0 0px 0px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #ffffff;
    padding-bottom: 7px;
    border-bottom: none;
}
body.OTAGO624263 #slides .otagoprofile div.profile h3 {
    font-size: 18px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 7px 14px 21px 14px;
    position: relative;
}
body.OTAGO624263 #slides .otagoprofile div.profile h3:after {
    width: 50px;
    height: 3px;
    background: #f9c000;
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    transition: all 0.3s ease-out;
}
body.OTAGO624263 #slides .otagoprofile div.profile h3:hover:after {
    width: 100%;
}
body.OTAGO624263 #slides .otagoprofile div.profile a {
    border-bottom: none;
}
body.OTAGO624263 #slides .otagoprofile a:first-child {
    max-height: 114px;
    margin-bottom: 0px;
}
body.OTAGO624263 #slides .otagoprofile div.profile img {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px 2px 0 0;
    max-width: 100%;
}
body.OTAGO624263 #slides .otagoprofile div.profile h3 + p {
    margin-left: 14px;
    margin-right: 14px;
    font-size: 13px;
    line-height: 1.5;
}
body.OTAGO624263 #slides .otagoprofile div.profile .qual_subj {
    padding-left: 0px;
    padding-right: 0;
}
body.OTAGO624263 #slides .otagoprofile div.profile h3 + p.qual_subj {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #888888;
    font-style: italic;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
}
body.OTAGO736912 #content .grid-quarter:nth-of-type(13) h3{
        font-size: 23px;
    }
/* What is Pharmacy -----------------------------------*/

.OTAGO737319 #content p img,
.OTAGO737250 #content p img {
    border-top: 5px dotted #a0c3a3;
    margin: 35px 0 0 0;
    padding: 49px 0 0 0;
}
.OTAGO737319 #content p:first-of-type img,
.OTAGO737250 #content p:first-of-type img {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}


/* Retina graphics */

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


/* Tablet styles */

@media only screen and (min-width: 1221px) and (max-width: 1370px) {
    #title h1 {
        background-size: 320px;
        background-position: 0 110px;
    }
#content img, #content p img {
        float: none;
        margin-left: 0;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
    #title h1 {
        background-size: 270px;
    }
    #content img, #content p img {
        float: none;
        margin-left: 0;
        max-width: 100%;
    }
}

@media only screen and (min-width: 891px) and (max-width: 1024px) {
    body {
    background: none;
    }
    #title h1 {
        background-size: 270px;
        padding: 350px 0 0 0;
    }
    #content img, #content p img {
        float: none;
        margin-left: 0;
        max-width: 100%;
    }
    #wrapper {
    background-position: right 30px;
    background-size: 1070px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 890px) {
body {
    background: none;
    }
    #title h1 {
/*     background-position: 0 100px; */
    background-size: 220px;
    padding: 350px 0 0 0;
    font-size: 48px;
    }
  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;
    }
 #wrapper {
    background-position: -170px 30px;
    background-size: 1070px;
    }
    #content .gridthird.shadow-box h2 {
        font-size: 22px
    }
    #content .grid-quarter {
    width: 45%;
    margin-right: 10%;
    margin-bottom: 40px;
    }
    #content .grid-quarter:nth-of-type(6),
    #content .grid-quarter:nth-of-type(8),
    #content .grid-quarter:nth-of-type(11){
    margin-right: 0%;
    }
     #right .hs_staff_profile {
         float: none;
    }
    #content .grid-quarter:nth-of-type(13) h3{
    font-size: 23px;
    }
}

@media only screen and (max-width: 890px) {
  body.OTAGO111243 #content .gridthird.shadow-box {
    box-sizing: border-box;
    width: 97%;
/*     background-color: red; */
}
  body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(2),
  body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(4),
  body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(6){
/*     background-color: blue; */
    margin-right: 0%;
}   
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
  body {
    background: none;
    }
    #title h1 {
    padding-right: 0;
    }
  body.frontpage #title h1 {
    padding-right: 0;
    }
    #content {
        width: 97%;
}
  #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;
    }
  #wrapper {
    background-position: -180px 30px;
    background-size: 1070px;
    }
  #title h1 {
    background-position: 0 25px;
    background-size: 220px;
    padding: 350px 0 0 0;
    font-size: 48px;
    }
  #content .gridthird.shadow-box h2 {
        font-size: 22px
    }
  #content .grid-quarter {
    width: 45%;
    margin-right: 10%;
    margin-bottom: 40px;
    }
  #content .grid-quarter:nth-of-type(6),
  #content .grid-quarter:nth-of-type(8),
  #content .grid-quarter:nth-of-type(11){
        margin-right: 0%;
    }
  #content .grid-quarter:nth-of-type(13) h3 {
        font-size: 23px;
    }
/*     div {
        box-shadow: 0 0 0 1px red!important;
    } */
     #right .hs_staff_profile {
         float: none;
    }
        
}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
      background: none;
    }
    #content {
        max-width: 97%;
    }
    #content img, #content p img {
        float: none;
        margin-left: 0;
        max-width: 100%;
}
    #title h1 {
      background-size: 235px;
      background-position: 0 95px;
      font-size: 40px;
      padding: 380px 0 0 0;
      margin-left: 0;
    }
    #wrapper {
      background-position: -555px 0px;
      background-size: 1400px;
    }
    #content .grid-quarter {
        width: 46%;
        margin-right: 6%;
        margin-bottom: 40px;
    }
    /* Profile index */
    .OTAGO111221 #content .tile-box-shadow-description img {
      float: none;
      width: 100%;
      max-width: 100%;
    }
    #content .grid-quarter img {
        float: none;
    }
    #content .gridthird img {
        float: none;
    }
    #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;
    }
    #content h2.question:before {
      display: none;
    }
	.OTAGO111204 #contentwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.OTAGO111204 #right {
		border-top: none;
	}
	.OTAGO111204 #right .relatedinfo {
		background: #f5f5f5 ;
		border: 1px solid #dddddd ;
		padding: 0px 14px 14px 14px;
		box-sizing: border-box;
		border-radius: 3px;
		margin-top: 28px;
		margin-bottom: 28px;
	}
    #right {
    padding-left: 0;
    border-top: none;
}
    #content table  {
        border: none;
    }
      body.OTAGO111243 #content .gridthird.shadow-box {
    box-sizing: border-box;
    margin-right: 2%;
    width: 100%;
/*     background-color: red; */
}
  body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(2),
  body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(4),
  body.OTAGO111243 #content .gridthird.shadow-box:nth-of-type(6){
/*     background-color: blue; */
    margin-right: 2%;
}
    body.OTAGO736912 #content .grid-quarter {
    width: 47%
}
    body.OTAGO736912 #content .grid-quarter:nth-of-type(6),
    body.OTAGO736912 #content .grid-quarter:nth-of-type(8),
    body.OTAGO736912 #content .grid-quarter:nth-of-type(11),
    body.OTAGO736912 #content .grid-quarter:nth-of-type(13){
        margin-right: 0;
    }
}
@media only screen and (max-width: 450px) {
    #title h1 {
        background-size: 180px;
        background-position: 0 30px;
        font-size: 35px;
        padding-top: 200px;
    }
    #wrapper {
        background-position: -265px 0;
        background-size: 800px;
    }
    #content .gridthird.shadow-box {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
}
/*     #content .grid-quarter {
        width: 45%;
        margin-right: 10%;
        margin-bottom: 40px;
    } */
    #content h2 {
        font-size: 35px;
    }
    #title p.heading-translation {
        font-size: 17px;
    }
    #content p + h2 {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 375px) {
    #title h1 {
        background-position: 0 -10px;
        font-size: 30px;
        padding-top: 200px;
        margin-left: 0;
    }
    #wrapper {
        background-position: -245px 30px;
        background-size: 690px;
    }
    body.OTAGO736912 #content {
        max-width: 97%;
    }
    #content .gridthird.shadow-box {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%
}
    #content .grid-quarter {
        width: 45%;
        margin-right: 10%;
        margin-bottom: 40px;
}
    body.OTAGO736912 #content .grid-quarter {
        margin-right: 0;
    }
    body.OTAGO736912 #content .grid-quarter {
    width: 100%
}
    #content h2 {
        font-size: 25pt;
    }
    #content .grid-quarter h3 {
        font-size: 22px;
    }
    #right .hs_staff_profile {
         float: none;
    }
    #content table th {
        font-size: 14px;
        width: 30%;
    }
    #content table td {
        font-size: 14px;
    }
/*     body.n4025 #contentwrapper {
        margin-top: 10px;
        background-color: red;
    } */
}