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

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

Alumni and Friends CSS

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

body {
    background: url(gfx/background.png) center 0px repeat-x;
}
header#global_intro h1 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 23px;
    font-weight: 700;
    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;
}
#wrapper {
    background: url(gfx/banner.jpg) right 0px no-repeat;
}
#title h1 {
    background: url(gfx/title.png) 22px 33px no-repeat;
    color: #00508f;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.05;
    margin-top: 3px;
	max-width: 650px;
    padding: 180px 0px 21px 23px;
    position: static;
    opacity: 1;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
    max-width: 650px;
}
#title h1:after {
    background: #f9c000;
    content: "";
    display: block;
    height: 6px;
    margin-top: 21px;
    width: 45px;
}
.titleinner {
    padding-bottom: 0px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#content h2 {
    border-bottom: none;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 1.25;
    margin-top: 28px;
    padding-bottom: 7px;
    text-rendering: optimizeLegibility;
}
#content h3 {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 14px;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h4 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
}
#content hr {
    border-top: 1px solid #dddddd;
    clear: both;
    margin-top: 28px;
    margin-bottom: 28px;
}
#content p,
#content ul li,
#content ol li,
#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 dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#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 a {
    transition: all 0.3s ease-out;
}
#content ul.pagesubnav {
    border: 1px solid #dddddd;
    padding-top: 14px;
}
#content ul.pagesubnav li {
    margin-bottom: 7px;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content div.featurebox_blue {
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: auto !important;
    margin-bottom: 35px;
}
#content div.featurebox_blue h3 {
    color: #00508f;
    font-family: 'Amsi Pro condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 25px;
    -moz-osx-font-smoothing: grayscale;
}
#content div.featurebox_blue h3 img {
    margin-bottom: 0;
}
#right {
    background: none;
}

/* Your Otago link */

ul.your-otago-link {
    margin-top: 28px;
}
.your-otago-link li a {
    background: url(gfx/head-icon.png) no-repeat 4px center #2e4c7d;
    border-radius: 16px;
    display: inline-block;
    padding: 4px 10px 4px 26px;
    box-shadow: 0 0 10px #1a2d4b;
    font-size: 12px;
}
.your-otago-link li a:hover {
    background-color: #355890;
}
.your-otago-link li a:active {
    box-shadow: 0 0 2px #1a2d4b;
}
nav#global_nav .your-otago-link a {
    transition: all 0.3s ease;
}
body.frontpage #content .intro p a {
    border-bottom: none;
}

/* Donate */
.OTAGO084984 #content #box2,
.OTAGO084984 #content #box3,
.OTAGO084984 #content #box4,
.OTAGO084984 #content #box5,
.OTAGO084984 #content #box6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.OTAGO084984 #content h2 {
    width: 100%;
}
.OTAGO634464 #content #box2 {
    width: 100%;
}
.OTAGO084984 #content .grid2 img {
    margin-left: 0;
    padding: 0;
    border: none;
}
.feature-box {
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #dddddd;
    padding: 14px;
    border-radius: 3px;
    border-left: 4px solid #f9c000;
}
#content .feature-box h2 {
    margin-top: 21px;
}


/* Frontpage buttons */

#content .button-container {
    width: 47.3%;
    float: left;
    margin-bottom: 21px;
}
#content .button-container:nth-of-type(1) {
    margin-right: 5.4%;
}
#content a.jim-button {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    background-color: #416ebf;
    border: 1px solid #316394;
    color: #ffffff;
    border-radius: 16px;
    padding: 4px 10px 5px 10px;
    border-bottom: none;
    transition: background-color 0.3s;
    font-size: 13px;
}
#content a.jim-button:hover {
    background-color: #316394;
    transition: background-color 0.3s;
}

/* Four grid pages */

#content.otgx {
    width: 882px;
}
body.OTAGO073556 #content.otgx h2,
body.OTAGO084984 #content.otgx h2,
body.OTAGO073560 #content.otgx h2 {
    clear: left;
}
body.OTAGO073556 #content.otgx .grid2,
body.OTAGO084984 #content.otgx .grid2,
body.OTAGO073560 #content.otgx .grid2 {
    overflow: hidden;
}
body.OTAGO073556 #content.otgx .grid2:nth-of-type(2n),
body.OTAGO084984 #content.otgx .grid2:nth-of-type(2n),
body.OTAGO073560 #content.otgx .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.OTAGO073556 #content.otgx .grid2.feature-shadow-box,
body.OTAGO084984 #content.otgx .grid2.feature-shadow-box,
body.OTAGO073560 #content.otgx .grid2.feature-shadow-box {
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #e4e4e4;
    background: #f9f9f9;
    border-radius: 4px;
    padding: 14px;
    width: 388px;
    margin-bottom: 35px;
    min-height: 360px;
}
body.OTAGO073556 #content .grid2 img,
body.OTAGO084984 #content .grid2 img,
body.OTAGO073560 #content .grid2 img {
    max-width: 100%;
    margin-bottom: 14px;
}
#content .grid_third {
    width: 265px;
}

/* Staff contacts */

#content .grid_third {
    width: 265px;
    margin-bottom: 42px;
    min-height: 260px;
}
#content .grid_third.staff-photos {
    width: 235px;
    box-shadow: 0 0 10px #e4e4e4;
    border-radius: 4px;
    padding: 14px;
}
#content .grid_third:nth-of-type(3n+3) {
    margin-right: 0;
}
#content .grid_third img {
    max-width: 100%;
    margin-bottom: 7px;
}
#content .staff-photos p.smalltag {
    color: #aaaaaa;
    font-family: Georgia, Times New Roman, serif;
}
#content.otgx h2 {
    clear: both;
}

/* Otagos People */

body.n5450 #right {
    background: none;
}
#right .profile-caption {
    box-shadow: 0 0 10px #e4e4e4;
    padding: 7px;
    border-radius: 4px;
}
#right .profile-caption img {
    max-width: 100%;
    border-bottom: 5px solid #f9c000;
}
#right .profile-caption p {
    border-bottom: none;
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
    font-size: 15px;
    font-style: italic;
    padding-bottom: 7px;
}
#content .caption232 {
    box-shadow: 0 0 10px #e4e4e4;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
    font-size: 15px;
    font-style: italic;
}
#content p.caption232 img {
    padding: 0;
    border: none;
    max-width: 100%;
    border-bottom: 5px solid #f9c000;
}
#content h3.question {
    margin-top: 35px;
}
#content .question {
    position: relative;
}
#content .question:before {
    content: 'q';
    font-size: 17px;
    color: #f9c000;
    border: 2px solid #dddddd;
    /*color: #ffffff;
    background: #f9c000;*/
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 4px;
    left: -32px;
    vertical-align: middle;
}
#content .profile-navigation {
    background: #efefef;
    padding: 14px;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #dddddd;
    margin-top: 70px;
}
#content .profile-navigation .prev-navigation {
    float: left;
    width: 50%;
}
#content .profile-navigation .prev-navigation p img,
#content .profile-navigation .next-navigation p img {
    margin-bottom: 0;
    max-width: 40%;
    padding: 0;
    border: none;
}
#content .profile-navigation a {
    border-bottom: none;
}
#content .profile-navigation p strong {
    color: #000000;
    padding-top: 18px;
    display: inline-block;
    font-family: Georgia, Times New Roman, serif;
    font-weight: normal;
}
#content .profile-navigation .prev-navigation img {
    float: left;
    margin-right: 14px;
    margin-left: 0;
}
#content .profile-navigation .next-navigation {
    float: right;
    width: 50%;
    text-align: right;
}
#content .profile-navigation .next-navigation img {
    float: right;
    margin-left: 14px;
}

/* Grid third */
body.OTAGO073560 #content.otgx,
body.OTAGO688338 #content.otgx,
body.OTAGO745551 #content.otgx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.OTAGO073560 #content .grid-third,
body.OTAGO688338 #content .grid-third,
body.OTAGO745551 #content .grid-third {
  box-shadow: 0 5px 10px #f1f1f1, 0 20px 20px #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 46px;
  width: 29.8%;
  margin-right: 5.3%;
  padding-bottom: 14px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
body.OTAGO073560 #content .grid-third:hover,
body.OTAGO688338 #content .grid-third:hover,
body.OTAGO745551 #content .grid-third:hover {
  box-shadow: 0 -5px 5px #e4e4e4;
  border: 1px solid #cccccc;
}
body.OTAGO073560 #content .grid-third:nth-of-type(3n+1),
body.OTAGO688338 #content .grid-third:nth-of-type(3n+1),
body.OTAGO745551 #content .grid-third:nth-of-type(3n+1) {
  margin-right: 0;
}
body.OTAGO073560 #content .grid-third h4,
body.OTAGO688338 #content .grid-third h3,
body.OTAGO745551 #content .grid-third h4 {
  margin: 0;
  padding: 14px 14px 14px 14px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
}
body.OTAGO073560 #content .grid-third h4:after,
body.OTAGO688338 #content .grid-third h3:after,
body.OTAGO745551 #content .grid-third h4:after {
  content: '';
  width: 50px;
  background: #f9c000;
  height: 3px;
  display: block;
  margin-top: 10px;
  transition: all 0.3s ease-out;
}
body.OTAGO073560 #content .grid-third h4:hover:after,
body.OTAGO688338 #content .grid-third h3:hover:after,
body.OTAGO745551 #content .grid-third h3:hover:after {
  width: 50%;
  transition: all 0.3s ease-in;
}
body.OTAGO073560 #content .grid-third h4 a,
body.OTAGO688338 #content .grid-third h4 a,
body.OTAGO745551 #content .grid-third h4 a {
  border-bottom: none;
}
body.OTAGO073560 #content .grid-third p,
body.OTAGO688338 #content .grid-third p,
body.OTAGO745551 #content .grid-third p {
  padding: 0 14px 7px 14px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #777777;
  margin-bottom: 0;
  line-height: 1.5;
}
body.OTAGO073560 #content .grid-third p:first-of-type,
body.OTAGO688338 #content .grid-third p:first-of-type,
body.OTAGO745551 #content .grid-third p:first-of-type {
  padding: 0;
  float: none;
  margin-bottom: 0;
}
body.OTAGO073560 #content .grid-third p img,
body.OTAGO688338 #content .grid-third p img,
body.OTAGO745551 #content .grid-third p img {
  max-width: 100%;
  padding: 0;
  margin-left: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 2px 2px 0 0;
}
body.OTAGO688338 #content .grid-third p:first-of-type a {
  border-bottom: none;
}
body.OTAGO688338 #content .grid-third p img {
  width: 100%;
}

/* News and events */

body.OTAGO073559 #content h2,
body.OTAGO073559 #content p + h2:first-of-type {
    margin-bottom: 0;
}
#content p.newsitem a {
    font-size: 21px;
    line-height: 1.4;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #ffffff;
}
#content p.newsitem .smalltag {
    position: relative;
    color: #999;
    display: inline-block;
    margin-bottom: 7px;
    margin-top: 7px;
    font-family: Georgia, Times New Roman, serif;
}
#content p.newsitem .smalltag:before {
    background: url(gfx/calendar-icon.png) no-repeat 0 0;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0px;
    left: -20px;
}
body.OTAGO110011 #content.otgx {
    width: 650px;
}
body.OTAGO110011 #content h3 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 7px;
}
body.OTAGO110011 #content p.smalltag {
    font-family: Georgia, Times New Roman, serif;
    color: #999999;
    position: relative;
}
body.OTAGO110011 #content .smalltag:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    background: url(gfx/calendar-icon.png) no-repeat;
    top: 3px;
    left: -22px;
}
body.OTAGO110011 #content.otgx div {
    margin-bottom: 35px;
}

iframe {
    max-width: 100%;
}

.n856 #content form fieldset {
    border: 1px solid #cccccc;
    background: #f9f9f9;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0;
    padding: 21px;
    width: 100%;
}
.n856 #content form fieldset legend {
    letter-spacing: 0.02em;
    width: auto;
}
.n856 #content .BBFormFieldContainer {
    margin: 0;
}
.n856 .BBFormContainer[data-bbox-part-id="148327f1-e789-4e76-a790-cee2fe3363f2"] {
    padding: 0;
}
.n856 #content form fieldset .BBFormSectionHeading {
    padding: 0;
}
.n856 #content form fieldset .BBFormSectionHeading label {
    display: block;
    font-family: 'Amsi Pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 21px;
    width: 100%;
}
.BBFormContainer[data-bbox-part-id="148327f1-e789-4e76-a790-cee2fe3363f2"] .BBFormSectionHeading {
    background: none !important;
    border: none !important;
}
.n856 #content form fieldset label,
.BBFormFieldLabel {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    float: none;
    text-align: left;
    width: 100%;
}
.n856 .BBFormContainer[data-bbox-part-id="148327f1-e789-4e76-a790-cee2fe3363f2"] .BBFormFieldLabel {
    margin-bottom: 14px;
    text-align: left;
    width: 100%;
}
.n856 #content form fieldset input,
.n856 #content form fieldset select,
.n856 #content form fieldset textarea {
    box-sizing: border-box;
    font-size: 15px;    
    max-width: 100%;
    padding: 5px;
    width: 100%;
}
.n856 #content form fieldset select +label + input,
.n856 #content form fieldset input + label + input {
    margin-top: 14px;
}
.n856 #content input[type="checkbox"] {
    width: 20px;
}
.n856 #content input[type="checkbox"] + label {
    font-weight: 400;
    margin-left: 10px;
    width: calc(100% - 35px);
}
.n856 #content [required] {
    border-left: 1px solid #cccccc;
}
.n856 #content .BBFormFieldContainer {
    margin-bottom: 14px;
}
.n856 #content .BBFieldExpiration {
    margin-right: 20px;
}
.n856 #content label.BBFormRadioLabel.BBFormRadioLabelGivingLevel {
    border: 1px solid #cccccc;
    padding: 10px;   
    text-align: center;
}
.n856 #content input[type="submit"].BBFormSubmitbuttonEdit {
    background: url(/_assets/_gfx/circle-white-confirm.svg) no-repeat 7px center #86b239;
    border: 2px solid #6D842D;
    border-radius: 20px;
    color: #ffffff;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 21px;
    padding-left: 35px;
    padding-right: 21px;
    text-align: center;
    width: auto;
}
.n856 #content form .BBFormSubSection fieldset {
    border: 0;
    padding: 0;
}

/*------------------------------

FRONTPAGE

------------------------------*/

body.frontpage {
    background: url(gfx/background-frontpage.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/clocktower-transparent.png) center 69px no-repeat;
}
body.frontpage .titleinner {
    padding-top: 14px;
    padding-bottom: 21px;
}
body.frontpage #title h1 {
    padding: 280px 373px 0px 23px;
    font-size: 36px;
    line-height: 1.2;
    background: url(gfx/title-frontpage.png) 22px 118px no-repeat;
    opacity: 1;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    text-indent: -9999px;
}
body.frontpage #title h1:after {
    display: none;
}
body.frontpage #content.otgx {
    box-sizing: border-box;
    width: 100%;
}
body.frontpage #content.otgx img {
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 0;
}
body.frontpage #content .intro {
    margin-bottom: 28px;
    padding-bottom: 7px;
    width: 882px;
}
body.frontpage #content .intro p {
    color: #00508f;
    font-size: 40px;
    font-family: 'Amsi pro condbold', 'Open sans', Gill sans, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.2;
}
body.frontpage #content .intro p em {
    /*color: #f9c000;*/
    color: #aaaaaa;
}

/* News and events boxs */

body.frontpage .news-box,
body.frontpage .events-box {
    width: 47.3%;
    float: left;
    margin-bottom: 7px;
}
body.frontpage .news-box {
    margin-right: 5.4%;
}
body.frontpage #content .news-box h2,
body.frontpage #content .events-box h2 {
    border-bottom: none;
    color: #00508f;
    font-family: 'Amsi pro condbold', 'Open sans', Gill sans, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 24px;
    margin-bottom: 7px;
}
body.frontpage #content .news-box h2:after,
body.frontpage #content .events-box h2:after {
    content: "";
    display: block;
    background: #f9c000;
    width: 45px;
    height: 5px;
    margin-top: 14px;
    transition: all 0.3s ease-in;
}
body.frontpage #content .news-box article,
body.frontpage .events-box article {
    width: 50%;
    float: left;
}
body.frontpage #content .news-box article h3 a,
body.frontpage #content .events-box article h3 a {
    font-family: 'Open sans', Gill sans, Helvetica, sans-serif;
    font-weight: 400;
    border-bottom: none;
}
body.frontpage #content .news-box article h3,
body.frontpage #content .events-box article h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
body.frontpage #content .news-box article .smalltag,
body.frontpage #content .events-box article .smalltag {
    color: #aaaaaa;
    font-family: 'Open sans', Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 7px;
    margin-bottom: 14px;
    padding-left: 21px;
    background: url(gfx/calendar-icon.png) 0 center no-repeat;
}

/* Fix float issue */
.clearblock {
    width: 100%;
    height: 1px;
    border-top: 1px solid #e4e4e4;
    display: block;
    clear:both;
    margin: 28px 0;
    overflow: hidden;
}

/* Feature boxes */

body.frontpage #content .feature-box1.grid_third,
body.frontpage #content .feature-box2.grid_third,
body.frontpage #content .feature-box3.grid_third {
    width: 263px;
    margin-bottom: 0;
}
body.frontpage #content .grid_third:nth-of-type(3n) {
    margin-right: 46px;
}
body.frontpage #content .feature-box3.grid_third {
    margin-right: 0;
    width: 263px;
    margin-bottom: 28px;
}
body.frontpage #content .feature-box1.grid_third h3,
body.frontpage #content .feature-box2.grid_third h3,
body.frontpage #content .feature-box3.grid_third h3 {
    
    font-family: 'Amsi pro condbold', 'Open sans', Gill sans, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0px;
    margin-top: 14px;
    text-align: center;
}
body.frontpage #content .feature-box1.grid_third h3 em,
body.frontpage #content .feature-box2.grid_third h3 em,
body.frontpage #content .feature-box3.grid_third h3 em {
    /*color: #f9c000;*/
    color: #888888;
    display: block;
    font-family: 'Amsi pro condlight', 'Open sans', Gill sans, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
}
body.frontpage #content .feature-box1.grid_third h4,
body.frontpage #content .feature-box2.grid_third h4,
body.frontpage #content .feature-box3.grid_third h4 {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 14px;
}
body.frontpage #content .feature-box1.grid_third p,
body.frontpage #content .feature-box2.grid_third p,
body.frontpage #content .feature-box3.grid_third p {
    margin-bottom: 0;
}
body.frontpage #content .feature-box1.grid_third p img,
body.frontpage #content .feature-box2.grid_third p img,
body.frontpage #content .feature-box3.grid_third p img {
    margin-bottom: 0;
    padding-bottom: 0;
}
body.frontpage #content .feature-box1.grid_third a,
body.frontpage #content .feature-box2.grid_third a,
body.frontpage #content .feature-box3.grid_third a {
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    border-bottom: none;
}
body.frontpage #content .shadow-box {
    box-shadow: 0 10px 14px rgba(0,0,0,0.1), 0 10px 14px #e4e4e4;
    border-radius: 4px;
    border: 1px solid #dddddd;
    transition: box-shadow 0.2s ease-in;
}
body.frontpage #content .shadow-box:hover {
     box-shadow: 0 0 30px #e4e4e4;
}

body.OTAGO084984 #content .tile-box-shadow-container .grid-third h2,
body.OTAGO634464 #content .tile-box-shadow-container .grid-third h2 {
    border-bottom: none;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
}
body.OTAGO084984 #content .tile-box-shadow-container .grid-third:hover,
body.OTAGO634464 #content .tile-box-shadow-container .grid-third:hover{
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px);
   transition: all 0.3s ease-out;
}
body.OTAGO084984 #content .tile-box-shadow-container .grid-third,
body.OTAGO634464 #content .tile-box-shadow-container .grid-third {
   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;
}

/* Profiles box */

body.frontpage #content .profiles-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
}
body.frontpage #content .profiles-box {
    clear: both;
}
body.frontpage #content .profiles-box h3 {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 21px;
    font-size: 24px;
    font-family: "Minion Pro", Minion, Times New Roman;
}
body.frontpage #content .profiles-box h3 em {
    /*color: #f9c000;*/
    color: #aaaaaa;
}
body.frontpage #content .profiles-box h3:after {
    content: "";
    display: block;
    background: #f9c000;
    width: 45px;
    height: 3px;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
}
body.frontpage #content .profiles-box .grid_twothirds-shadowbox {
    box-shadow: 0 0 20px #e4e4e4;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    overflow: hidden;
    padding: 14px;
    border-radius: 4px;
    float: left;
    margin-bottom: 46px;
    transition: box-shadow 0.2s ease-in;
}
body.frontpage #content .profiles-box .grid_twothirds-shadowbox:hover {
     box-shadow: 0 0 30px #e4e4e4;
}
body.frontpage #content .profiles-box .grid_twothirds {
    width: 65%;
    float: left;
    position: relative;
}
body.frontpage #content .profiles-box .grid_twothirds:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #dddddd;
    display: block;
    right: -24px;
    top: 0;
    position: absolute;
}
body.frontpage #content .profiles-box .grid_twothirds img {
    margin-right: 23px;
    max-width: 100%;
    width: 100%;
}
body.frontpage #content .profiles-box  .grid_twothirds h4 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    margin: 7px 0;
}
body.frontpage #content .profiles-box h4 a {
    border-bottom: none;
}
body.frontpage #content .profiles-box p {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
}
body.frontpage #content .profiles-box p.smalltag {
    color: #999999;
    font-style: normal;
}
body.frontpage #content .profiles-box .grid1 {
    margin-right: 0;
    float: right;
    width: 250px;
}
body.frontpage #content .profiles-box .grid1 p {
    margin-bottom: 0;
}
body.frontpage #content .profiles-box .grid1 p img {
    margin: 0 0;
}
body.frontpage #content .profiles-box .grid1 h4 {
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin: 7px 0 14px 0;
}
body.frontpage #content .profiles-box .grid1 .profile-one {
    margin-bottom: 28px;
}

/* Sub features */

body.frontpage #content .scarfie-box.grid_third {
    width: 263px;
    margin-top: 28px;
}
body.frontpage #content .scarfie-box.grid_third:nth-of-type(3n+3) {
    margin-right: 0;
}
body.frontpage #content .scarfie-box h3 {
    text-align: center;
    font-size: 24px;
    font-family: "Minion Pro", Minion, Times New Roman;
}
body.frontpage #content .scarfie-box h3:after {
    content: "";
    display: block;
    background: #f9c000;
    width: 45px;
    height: 3px;
    margin-top: 7px;
    margin-bottom: 21px;
    margin-left: auto;
    margin-right: auto;
}
body.frontpage #content .scarfie-box h3 em {
    /*color: #f9c000;*/
    color: #aaaaaa;
}
/* Number of alumni feature */
body.frontpage #content .number-of-alumni,
body.frontpage #content .over-the-world {
    width: 40%;
    float: left;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
body.frontpage #content .number-of-alumni {
    margin-right: 20%;
    background: url(gfx/90k-icon.png) no-repeat center 0;
}
body.frontpage #content .number-of-alumni span,
body.frontpage #content .over-the-world span {
    font-size: 22px;
    display: block;
    font-weight: 800;
    color: #ffffff;
    margin-top: 28px;
    margin-bottom: 35px;
}
/* Over the world feature */
body.frontpage #content .over-the-world {
    background: url(gfx/140-icon.png) no-repeat center 0;
}
/* Notes feature */
body.frontpage #content #box11.scarfie-box {
    background: url(gfx/clocky.png) no-repeat 147px 45px;
    background-size: 120px;
}
body.frontpage #content .clocky-quote {
    background: #f1f1f1;
    width: 40%;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    padding: 5% 5% 7% 5%;
}
.clocky-quote:after, .clocky-quote:before {
	left: 131px;
	top: 100px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.clocky-quote:after {
    border-color: rgba(228, 228, 228, 0);
    border-left-color: #f1f1f1;
    border-width: 7px;
    margin-top: -7px;
}
.clocky-quote:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #;
    border-width: 10px;
    margin-top: -10px;
}
/* Social media */
#box12.scarfie-box {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
body.frontpage #content .scarfie-box ul {
    list-style-type: none;
    margin-left: 0;
}
body.frontpage #content .scarfie-box ul li {
  list-style-type: none;
}
body.frontpage #content .scarfie-box ul a {
    border-bottom: none;
    line-height: 1.7;
}
body.frontpage a[href*="facebook.com"] {
    background: url("/_assets/_gfx/sprite-socialmedia-icons.png") no-repeat scroll -292px -60px transparent;
    padding: 2px 0px 2px 17px;
}
body.frontpage a[href*="twitter.com"] {
    background: url("/_assets/_gfx/sprite-socialmedia-icons.png") no-repeat scroll -356px 4px transparent;
    padding: 2px 0px 2px 17px;
}
body.frontpage a[href*="linkedin.com"] {
    background: url("/_assets/_gfx/sprite-socialmedia-icons.png") no-repeat scroll -196px -156px transparent;
    padding: 2px 0px 2px 17px;
}
a[href*="instagram.com"] {
    background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -356px -380px;
    padding: 2px 0 2px 17px;
}
body.frontpage #right {
    background: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: -300px;
    width: 186px;
}

/* Alumni talk careers and Make a difference */

.OTAGO633876 #content,
.OTAGO634464 #content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.OTAGO634464 #box1 {
    width: 100%;
    margin-bottom: 21px;
}
.tile-box-shadow-third {
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 46px;
    width: 29.8%;
    margin-right: 5.3%;
    padding: 14px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    float: left;
}
.tile-box-shadow-third:nth-of-type(3n+1) {
    margin-right: 0;
}
.tile-box-shadow-third:hover {
    box-shadow: 0 0 3px #e4e4e4;
    border: 1px solid #bbbbbb;
}
#content .tile-box-shadow-third a,
#content .tile-box-shadow-quarter a {
    border-bottom: none;
}
.tile-box-shadow-quarter {
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 46px;
    width: 21%;
    margin-right: 5.3%;
    padding: 14px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    float: left;
}
.tile-box-shadow-quarter:nth-of-type(4n) {
    margin-right: 0;
}
#content .tile-box-shadow-quarter p a {
    border-bottom: none;
    display: block;
    line-height: 1;
}
#content .tile-box-shadow-quarter h2 {
    margin: 7px 0;
    padding: 0;
    font-size: 23px;
}
#content .tile-box-shadow-quarter h2:after,
#content .tile-box-shadow-third h3:after {
    content: '';
    display: block;
    background: #f9c000;
    height: 3px;
    width: 42px;
    margin-top: 3px;
}#content .tile-box-shadow-third h3:after {
    margin-top: 7px;
}
#content .tile-box-shadow-third:hover h3:after {
    width: 30%;
    transition: all 0.3s ease-out;
}
#content .tile-box-shadow-third h3 {
    margin-top: 7px;
    margin-bottom: 10px;
    color: #333333;
    font-size: 20px;
}
.OTAGO634464 #content .tile-box-shadow-third p {
    padding: 0;
    margin-bottom: 0;
}
#content .tile-box-shadow-third h4 {
    color: #666666;
    font-size: 13px;
    line-height: 1.5;
}
#content .tile-box-shadow-quarter p + h2:first-of-type {
    margin-top: 7px;
}
#content .tile-box-shadow-quarter p {
    margin-bottom: 0;
    line-height: 1.45;
    font-size: 13px;
}
#content .tile-box-shadow-quarter p em {
    color: #888888;
    display: inline-block;
    margin-bottom: 14px;
}
#content .tile-box-shadow-third img,
#content .tile-box-shadow-quarter img {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
    border: none;
}

/* Alumni talk */
#content .video-container {
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 14px;
    border-radius: 3px;
    margin-bottom: 23px;
    transition: all 0.2s ease-in;
}
#content .video-container:hover {
    border: 1px solid #cccccc;
    box-shadow: 0 0 2px #e4e4e4;
}
#content .video-container p:first-of-type {
    float: left;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 0;
    line-height: 1;
}
#content .video-container p:first-of-type a {
    border-bottom: none;
}
#content .video-container img,
#content .video-container video {
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 0;
    margin: 0;
    border: 1px solid #dddddd;
}
#content .video-container h2,
#content .video-container h3,
#content .video-container p.smalltag {
    float: left;
    width: 47.5%;
    clear: right;
}
#content .video-container h2 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 7px;
}
#content .video-container h2:after {
    content: '';
    display: block;
    width: 47px;
    height: 3px;
    background: #f9c000;
    margin-top: 7px;
}
#content .video-container p.smalltag {
    color: #888888;
    font-style: normal;
}

/* Donate button */

#content .donate-button a {
    background: url(/_assets/_gfx/confirm-icon-circle-white.svg) #f9c000 5px center no-repeat;
    display: inline-block;
    margin: 14px 0 7px 0;
    padding: 2px 14px 2px 30px;
    color: #333333;
    border-radius: 16px;
    font-size: 13px;
    transition: all 0.3s ease;
    border: 1px solid #deab00;
}
#content .donate-button a:hover {
    background-color: #deab00;
    color: #000000;
}
#content .donate-button a:active {
    color: #ffffff;
}
#content .donate-box {
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin: 42px 0 35px 0;
    padding: 14px;
    background: #fafafa;
}
#content .donate-box h3 {
    font-size: 20px;
    margin: 7px 0 21px 0;
}


/* News and events  */

.OTAGO073559 #content.otgx {
    max-width: 650px;
}

/* Animated banner test */

@-webkit-keyframes sky {
    from {    -webkit-transform: translateX(100%); }
    to {      -webkit-transform: translateX(-100%); }
}
@keyframes sky {
    from {    transform: translateX(100%); }
    to {      transform: translateX(-100%); }
}
@-webkit-keyframes skyfast {
    from {    -webkit-transform: translateX(70%);
                      transform: translateX(70%); }
    to {      -webkit-transform: translateX(-100%);
                      transform: translateX(-100%); }
}
@keyframes skyfast {
    from {     transform: translateX(70%); }
    to {       transform: translateX(-100%); }
}



/* Animated banner test */

body.frontpage #wrapper {
    overflow: hidden;
}
body.frontpage #wrapper:after {
    content: "";
    display: block;
    height: 385px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -2;
    background: url(gfx/sky-background.jpg) left 0px no-repeat;
    -webkit-animation-name: sky;
    -webkit-animation-duration: 200s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: sky;
    animation-duration: 200s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
body.frontpage #wrapper:before {
    content: "";
    display: block;
    height: 385px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background: url(gfx/clouds.png) right 0px no-repeat;
    -webkit-animation-name: skyfast;
    -webkit-animation-duration: 110s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: skyfast;
    animation-duration: 110s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}




/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #title h1 {
        background-size: 330px;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    body.frontpage #content .intro {
       width: 650px;
    }
    body.frontpage .news-box,
    body.frontpage .events-box {
       width: 302px;
    }
    body.frontpage #content .button-container {
        width: 302px;
    }
    body.frontpage #content .button-container p {
        float: left;
    }
    body.frontpage #content .news-box h2,
    body.frontpage #content .events-box h2 {
       width: 100%;
       float: none;
    }
    body.frontpage .news-box article,
    body.frontpage .events-box article {
       width: 100%;
       float: none;
    }
    body.frontpage #content .news-box article,
    body.frontpage .events-box article {
        float: left;
    }
    body.frontpage #content .profiles-box h3 {
        margin-top: 14px;
    }
    body.frontpage #content .feature-box1.grid_third,
    body.frontpage #content .feature-box2.grid_third,
    body.frontpage #content .feature-box3.grid_third {
        width: 186px;
    }
    body.frontpage #content .feature-box1.grid_third h3,
    body.frontpage #content .feature-box2.grid_third h3,
    body.frontpage #content .feature-box3.grid_third h3 {
       font-size: 21px;
    }
    body.frontpage #content .profiles-box .grid_twothirds {
        width: 390px;
    }
    body.frontpage #content .profiles-box .grid_twothirds img {
        float: none;
    }
    body.frontpage #content .profiles-box .grid_twothirds h4 {
        margin: 0 0 14px 0;
    }
    body.frontpage #content .scarfie-box.grid_third {
       width: 186px;
    }
    body.frontpage #content .feature-box1.grid_third h4 a,
    body.frontpage #content .feature-box2.grid_third h4 a,
    body.frontpage #content .feature-box3.grid_third h4 a {
        font-size: 13px;
    }
    /* Over the world feature */
    body.frontpage #content .number-of-alumni,
    body.frontpage #content .over-the-world {
        width: 45%;
        font-size: 13px;
        line-height: 1.35
    }
    body.frontpage #content .number-of-alumni span,
    body.frontpage #content .over-the-world span {
        margin-top: 23px;
        margin-bottom: 28px;
    }
    body.frontpage #content .over-the-world {
        background-size: 75px;
    }
    body.frontpage #content .number-of-alumni {
        margin-right: 10%;
        background-size: 75px;
    }
    /* Scarfie notes */
    body.frontpage #content #box11.scarfie-box {
        background: url(gfx/clocky.png) no-repeat 107px 65px;
        background-size: 85px;
    }
    .clocky-quote:after, .clocky-quote:before {
        left: 93px;
    }
    #content.otgx {
        width: 650px;
    }
    body.OTAGO073556 #content.otgx .grid2,
    body.OTAGO084984 #content.otgx .grid2,
    body.OTAGO073560 #content.otgx .grid2 {
        width: 302px;
    }
    body.OTAGO073556 #content.otgx .grid2.feature-shadow-box,
    body.OTAGO084984 #content.otgx .grid2.feature-shadow-box,
    body.OTAGO073560 #content.otgx .grid2.feature-shadow-box {
       width: 272px;
       min-height: 410px;
    }
    #content .grid_third.staff-photos {
        width: 274px;
    }
    #content .grid_third:nth-of-type(3n) {
        margin-right: 0;
    }
    #content .grid_third:nth-of-type(3n+3) {
        margin-right: 46px;
    }
    body.OTAGO110011 #content.otgx {
       width: 418px;
    }
    #content .tile-box-shadow-container .grid-third h2,
    body.OTAGO084984 #content .tile-box-shadow-container .grid-third h2 {
          font-size: 20px; 
    }
    }
}



@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        background-size: 240px;
        padding-right: 0;
    }
    #right {
        border-bottom: none;
    }
    body.frontpage #wrapper:after,
    body.frontpage #wrapper:before {
        display: none;
    }
    body.frontpage #right #pagemetadata {
        padding-right: 0;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    body.frontpage #content .intro {
       width: 418px;
    }
    body.frontpage #content .intro p {
        font-size: 26px;
    }
    body.frontpage .news-box,
    body.frontpage .events-box {
        width: 47.5%;
        float: left;
        margin-right: 5%;
    }
    body.frontpage #content .button-container {
        width: 47.5%;
        float: left;
        margin-right: 5%;
    }
    body.frontpage #content .button-container:nth-of-type(2) {
        margin-right: 0;
    }
    #content .button-container p {
        float: left;
    }
    body.frontpage #content .news-box h2,
    body.frontpage #content .events-box h2 {
        width: auto;
    }
    body.frontpage .events-box {
        margin-right: 0%;
    }
    body.frontpage #content .news-box h2,
    body.frontpage #content .events-box h2 {
       width: 100%;
       float: none;
    }
    body.frontpage .news-box article,
    body.frontpage .events-box article {
       width: 100%;
       float: none;
    }
    body.frontpage #content .news-box article,
    body.frontpage .events-box article {
        float: left;
        width: 186px;
    }
    body.frontpage #content .profiles-box h3 {
        margin-top: 14px;
    }
    body.frontpage #content .grid_third {
        min-height: auto;
        margin-bottom: 14px;
    }
    body.frontpage #content .feature-box1.grid_third,
    body.frontpage #content .feature-box2.grid_third,
    body.frontpage #content .feature-box3.grid_third {
        width: 130px;
        margin-right: 14px;
    }
    body.frontpage #content .feature-box3.grid_third {
        margin-right: 0;
    }
    body.frontpage #content .feature-box1.grid_third h3,
    body.frontpage #content .feature-box2.grid_third h3,
    body.frontpage #content .feature-box3.grid_third h3 {
        font-size: 20px;
    }
    body.frontpage #content .feature-box1.grid_third h4,
    body.frontpage #content .feature-box2.grid_third h4,
    body.frontpage #content .feature-box3.grid_third h4 {
        line-height: 1.15;
    }
    body.frontpage #content .feature-box1.grid_third h4,
    body.frontpage #content .feature-box2.grid_third h4,
    body.frontpage #content .feature-box3.grid_third h4 {
        padding-left: 7px;
        padding-right: 7px;
        line-height: 1.05;
    }
    body.frontpage #content .profiles-box .grid_twothirds {
        width: 390px;
    }
    body.frontpage #content .profiles-box .grid_twothirds img {
        float: none;
    }
    body.frontpage #content .profiles-box .grid_twothirds h4 {
        margin: 7px 0 7px 0;
    }
    body.frontpage #content .profiles-box .grid1 {
        margin-right: 0;
        width: 100%;
    }
    body.frontpage #content .profiles-box .grid1 div {
        width: 186px;
        float: left;
        margin-top: 28px;
    }
    body.frontpage #content .profiles-box .grid1 .profile-one {
        margin-right: 46px;
    }
    body.frontpage #content .scarfie-box.grid_third {
        width: 100%;
    }
    /* Scarfie notes */
    body.frontpage #content #box11.scarfie-box {
        background: url(gfx/clocky.png) no-repeat right 55px;
        background-size: 85px;
    }
    .clocky-quote:after, .clocky-quote:before {
        left: 293px;
    }
    body.frontpage #content .clocky-quote {
        width: 60%;
    }
    body.frontpage #right {
        border-top: none;
    }
    #content.otgx {
        width: 418px;
    }
    body.OTAGO073556 #content.otgx .grid2,
    body.OTAGO084984 #content.otgx .grid2,
    body.OTAGO073560 #content.otgx .grid2 {
        width: 418px;
    }
    body.OTAGO073556 #content.otgx .grid2 img,
    body.OTAGO073560 #content.otgx .grid2 img {
        max-width: 100%;
    }
    body.OTAGO073556 #content.otgx .grid2.feature-shadow-box,
    body.OTAGO084984 #content.otgx .grid2.feature-shadow-box,
    body.OTAGO073560 #content.otgx .grid2.feature-shadow-box {
        min-height: auto;
        margin-right: 0;
    }
    #content .grid_third.staff-photos {
        width: 158px;
    }
    #content .grid_third:nth-of-type(3n+3) {
        margin-right: 46px;
    }
    #content .grid_third:nth-of-type(2n) {
        margin-right: 0;
    }
    body.OTAGO110011 #content.otgx {
       width: 418px;
    }
    /* Our people */
    body.OTAGO110011 #content.otgx {
       width: 418px;
    }
    body.OTAGO073560 #content .grid-third,
    body.OTAGO745551 #content .grid-third {
        width: 47.2%;
        margin-right: 5.5%;
        margin-bottom: 21px;
    }
    #content .grid-third img {
        float: none;
    }
    body.OTAGO073560 #content .grid-third:nth-of-type(3n+1),
    body.OTAGO745551 #content .grid-third:nth-of-type(3n+1) {
        margin-right: 5.5%;
    }
    body.OTAGO073560 #content .grid-third:nth-of-type(2n+1),
    body.OTAGO745551 #content .grid-third:nth-of-type(2n+1) {
        margin-right: 0;
    }
    /* Alumni talk careers */
    .tile-box-shadow-quarter {
        width: 47.3%;
        margin-bottom: 23px;
    }
    .tile-box-shadow-quarter:nth-of-type(4n) {
        margin-right: 5.3%
    }
    .tile-box-shadow-quarter:nth-of-type(2n) {
        margin-right: 0;
    }
}

/* Mobile styles = 700 down */

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background: none;
    }
    body.frontpage #wrapper:after,
    body.frontpage #wrapper:before {
        display: none;
    }
    body.frontpage .titleinner,
    .titleinner {
        background: url(gfx/banner.jpg) -730px 0px no-repeat;
        width: 100%;
    }
    #title h1 {
        padding: 180px 0px 0px 4%;
        background: url(gfx/title.png) 21px 44px no-repeat;
        background-size: 240px;
        font-size: 34px;
        width: 96%;
    }
    body.frontpage #title h1 {
        padding: 90px 0px 0px 0px;
        background: url(gfx/title.png) 14px 40px no-repeat;
        background-size: 240px;
        font-size: 34px;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
        margin-top: 21px;
    }
    body.frontpage #content.otgx {
        width: 96%;
    }
    body.frontpage #content .intro {
       width: 100%;
    }
    body.frontpage #content .intro p {
        font-size: 22px;
    }
    body.frontpage #content img {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    body.frontpage #content .news-box article,
    body.frontpage #content .events-box article {
        width: 100%;
    }
    body.frontpage #content .news-box h2,
    body.frontpage #content .events-box h2 {
        font-size: 21px;
        line-height: 1.2;
        margin-bottom: 7px;
    }
    body.frontpage #content .news-box article h3,
    body.frontpage #content .events-box article h3 {
        margin-bottom: 4px;
        line-height: 1.3;
        font-size: 18px;
    }
    body.frontpage #content .feature-box1.grid_third,
    body.frontpage #content .feature-box2.grid_third,
    body.frontpage #content .feature-box3.grid_third {
        width: 100%;
        margin-right: 0;
        margin-bottom: 21px;
        float: none;
    }
    body.frontpage #content .feature-box1.grid_third h3,
    body.frontpage #content .feature-box2.grid_third h3,
    body.frontpage #content .feature-box3.grid_third h3 {
        font-size: 24px;
    }
    body.frontpage #content .feature-box1.grid_third h3 em,
    body.frontpage #content .feature-box2.grid_third h3 em,
    body.frontpage #content .feature-box3.grid_third h3 em {
        display: inline;
    }
    body.frontpage #content .profiles-box .grid_twothirds {
        width: 94%;
        padding: 3%;
    }
    body.frontpage #content .profiles-box .grid_twothirds img {
        width: 64.5%;
        float: left;
    }
    body.frontpage #content .profiles-box .grid1 {
    }
    body.frontpage #content.otgx .profiles-box {
        border-top: 1px solid #e4e4e4;
        margin-top: 35px;
        padding-top: 21px;
        float: none;
    }
    .clocky-quote:after,
    .clocky-quote:before {
        left: 70%;
    }
    body.frontpage #content .clocky-quote {
        padding-bottom: 5%;
    }
    body.frontpage #content .profiles-box .grid1 {
        width: 100%;
    }
    body.frontpage #content .profiles-box .grid1 div {
        width: 47.5%;
    }
    body.frontpage #content .profiles-box .grid1 .profile-one {
        margin-right: 5%;
    }
    body.frontpage #content .profiles-box .grid1 h4 {
        text-align: center;
    }
    body.frontpage #content #box9.scarfie-box.grid_third {
        border-top: 1px solid #e4e4e4;
        padding-top: 28px;
    }
    body.frontpage #right {
        margin-top: 0;
        width: 97%;
    }
    #content.otgx {
        width: 97%;
    }
    body.OTAGO073556 #content.otgx .grid2,
    body.OTAGO084984 #content.otgx .grid2,
    body.OTAGO073560 #content.otgx .grid2 {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
    body.OTAGO073556 #content.otgx .grid2 img {
        max-width: 100%;
    }
    body.OTAGO073556 #content.otgx .grid2.feature-shadow-box,
    body.OTAGO084984 #content.otgx .grid2.feature-shadow-box,
    body.OTAGO073560 #content.otgx .grid2.feature-shadow-box {
       min-height: auto;
        margin-right: 0%;
        width: 96%;
        padding: 2%;
    }
    body.OTAGO073556 #content.otgx .grid2.feature-shadow-box:nth-of-type(2n),
    body.OTAGO084984 #content.otgx .grid2.feature-shadow-box:nth-of-type(2n),
    body.OTAGO073560 #content.otgx .grid2.feature-shadow-box:nth-of-type(2n) {
        margin-right: 0;
    }
    #content .grid_third.staff-photos {
        width: 96%;
        padding: 2.5%;
        margin-right: 0%;
        margin-bottom: 5%;
    }
    #content .grid_third img {
        margin-left: 0;
        float: none;
    }
    #content .grid_third:nth-of-type(3n+3) {
        margin-right: 5%;
    }
    #content .grid_third:nth-of-type(2n) {
        margin-right: 0;
    }
    body.OTAGO110011 #content.otgx {
       width: 97%;
    }
    /* Our people */

    body.OTAGO073560 #content .grid-third img {
        float: none;
    }
    #content .question::before {
        left: 0;
        top: -23px;
        font-size: 14px;
        width: 16px;
        height: 16px;
    }
     body.OTAGO634464 #content .tile-box-shadow-container .grid-third h2,
     body.OTAGO084984 #content .tile-box-shadow-container .grid-third h2 {
          font-size: 20px; 
    }
  
}

/* Smallest size < 480px */

@media only screen and (max-width: 480px) {
    body.frontpage #content .profiles-box .grid_twothirds img {
        width: 100%;
        float: none;
    }
    body.frontpage #content .profiles-box .grid_twothirds h4 {
        clear: both;
    }
    body.frontpage #content .profiles-box .grid1 {
        width: 100%;
    }
    body.frontpage #content .profiles-box .grid1 .profile-one,
    body.frontpage #content .profiles-box .grid1 .profile-two {
        width: 47.5%;
        margin-right: 5%
    }
    body.frontpage #content .profiles-box .grid1 .profile-two {
        margin-right: 0;
    }
    /* Our people */
    body.OTAGO073560 #content .grid-third {
        width: 100%;
        margin-right: 0;
    }
    body.OTAGO073560 #content .grid-third:nth-of-type(3n+1) {
        margin-right: 0;
    }
    #content .profile-navigation .prev-navigation p img,
    #content .profile-navigation .next-navigation p img {
        width: 95%;
        max-width: 100%;
    }
    /* Alumni talk careers */
    #content .tile-box-shadow-quarter h2 {
        font-size: 20px;
    }
    #content .tile-box-shadow-quarter img {
        float: none;
    }
    body.OTAGO634464 #content .tile-box-shadow-container .grid-third,
    body.OTAGO084984 #content .tile-box-shadow-container .grid-third {
        width: 100%;
        margin-right: 0; 
    }
     body.OTAGO634464 #content .tile-box-shadow-container .grid-third h2,
     body.OTAGO084984 #content .tile-box-shadow-container .grid-third h2 {
          font-size: 25px; 
    }
}