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


/*********

 UNIVERSITY OF OTAGO, CHRISTCHURCH CSS

*********/

body {
  background: url(gfx/background2.png) center 0px 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;
}
#content p,
#content ul,
#content ol,
#content li,
#content ol li,
#content ul li,
#content table,
#content table th,
#content table td,
#content dl,
#content form fieldset label,
#content form fieldset input,
#content form fieldset textarea,
#content button,
#content pre,
#right p,
#right li {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 15px;
  text-rendering: optimizeLegibility;
}
#content pre {
  margin-bottom: 14px;
}
#content table td,
#content table td p,
#content table th {
  font-size: 14px;
  line-height: 1.6;
}
#content th,
#content td,
#right p,
#right li {
  font-size: 13px;
}
#right p,
#right ul {
  margin-bottom: 14px;
}
#content a {
  transition: all 0.3s ease-out;
}
#wrapper {
	background: url(gfx/banner2.jpg) center 0px no-repeat;
}
.titleinner {
    margin-top: 0px;
}
.titleinner img {
	display: none
}
#title h1 {
  background: url(gfx/title-2020.png) 0px 82px no-repeat;
  color: #2a5059;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0 0 7px 23px;
  margin-top: 3px;
  max-width: 627px;
  opacity: 1;
  padding: 350px 0 21px 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
.OTAGO723515 #title h1.notopimage {
  max-width: 882px;
}
#title p.heading-translation {
  padding-left: 23px;
}
#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;
}
#content h2 {
  border-bottom: none;
  color: #2a5059;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  font-weight: 300;
  margin: 35px 0 14px 0;
  padding-bottom: 4px;
  text-rendering: optimizeLegibility;
}
#content  h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h3 {
      color: #666666;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 23px;
      line-height: 1.3;
      margin-top: 21px;
}
#content h4 {
      color: #888888;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 20px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}
#content h5 {
      color: #2a5059;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 17px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}
#content div.contentnav {
  border-bottom: 1px solid #e4e4e4;
}
#content div.contentnav h2 {
  font-weight: normal;
}
#content p img {
  background: #ffffff;
  float: right;
}
body.OTAGO010746 #content p img {
	float: none;
}
#content p.grid1 img {
  float: none;
  max-width: 186px;
}
#content p.fullwidthimage img {
  float: none;
  max-width: 100%;
}
#content p.caption186 img,
#content p.caption232 img {
  float: none;
  max-width: 99%;
}
#content p.topofpage {
  margin-bottom: 21px;
}
#content table {
  border-bottom: 1px solid #e4e4e4;
}
#content table tr {
  border-bottom: 1px solid #e4e4e4;
}
/* Even spaced 2 column tables */
table.table-aligned-2-col td {
    width: 50%;
}
/* Even spaced 3 column tables */
table.table-aligned td:nth-of-type(2n),
table.table-aligned td:nth-of-type(3n) {
    width: 40%;
}
/* Even spaced 4 column tables */
table.table-aligned-4-col td:nth-of-type(2n),
table.table-aligned-4-col td:nth-of-type(3n),
table.table-aligned-4-col td:nth-of-type(4n) {
    width: 30%;
}
#content .heading-translation {
  font-style: italic;
  font-size: 21px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  margin-top: -28px;
  margin-bottom: 35px;
  font-weight: 300;
  color: #888888;
}
/* Tab styles */
#content .ui-tabs .ui-tabs-nav li {
    margin-right: 0 !important;
}
#content .ui-tabs div {
    border: 1px solid #dddddd;
    padding: 21px;
    box-shadow: 0 5px 15px #f1f1f1;
}
#content .ui-tabs div#timetable,
#content .ui-tabs div#timetable div {
	box-shadow: none;
	border: none;
}
#content .ui-tabs-anchor {
    border-left: none;
    border:none;
    box-shadow: inset 0 -3px 5px rgba(0,0,0,0.1);
}
#content .ui-tabs-active .ui-tabs-anchor {
    border: none;
    border-bottom: 1px solid #ffffff;
    box-shadow: none;
    color: #999;
}
#content .ui-tabs-active .ui-tabs-anchor:hover {
    color: #416ebf;
}
#content .ui-tabs li {
    border: none;
    border-top: 1px solid #dddddd;
}
#content li.ui-tabs-active {
    border: 1px solid #dddddd;
}
#content .ui-tabs li a:hover {
    border-bottom: 1px solid rgba(0,0,0,0);
}

#content .tile-box-shadow-thumbnail-no-description p img {
    float: none;
}
#right .right-icon img{
    padding-top: 70px;
}
/* Postgraduate papers */

.OTAGO725995 #content h2 {
  border-bottom: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 0;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif
}

/* Profile box */

#content .profile-box {
  background: #e7f2f8;
  border: 1px solid #c0d1dc;
  margin-bottom: 21px;
  overflow: hidden;
  padding: 14px;
}
#content .profile-box p img {
  margin-bottom: 0;
  max-width: 140px;
}
#content .profile-box p.smalltag {
  font-family: Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0.05em;
  margin-bottom: 35px;
}
#content ul.pagesubnav {
  background: #f9f9f9;
  border: 1px solid #dddddd;
}
#content ul.pagesubnav li a {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#right {
	background-image: none;
}
#right h2 {
	margin-bottom: 7px;
}
#right .relatedinfo h2,
#right .relatedinfo h2:hover,
#right .relatedinfo:hover h2,
#right .otagoprofile h2,
#right .otagoprofile h2:hover,
#right .otagoprofile:hover h2 {
  background: none;
}
#content .page_subtitle {
	font-size: 18px;
	line-height: 21px;
	margin: 0 0 7px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(51, 51, 51);
}
#content .grid3 .grid_half:nth-of-type(2n) {
	margin-right: 0;
}
/* Alert notice */
#content .alert-notice h2 {
    display: none;
}
#content .alert-notice p {
  box-shadow: 0px 0px 10px #e4e4e4;
  border: 1px solid #F6E1A8;
  background-color: #fff9e7;
  background-image: url(gfx/alert-icon.png);
  background-position: 14px 50%;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 28px;
  padding-left: 63px;
  margin-bottom: 28px;
}
#content .alert-notice p:empty {
    max-height: 0;
    margin-bottom: 0;
}
#content .grid-half {
    width: 46.5%;
    margin-right: 7.0%;
    float: left;
    margin-bottom: 7%;
}
#content .grid-half:nth-of-type(2n) {
    margin-right: 0;
}
.slideup, .slidedown {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* Showcase */

#content .showcase {
	width: 100%;
	float: left;
	border: 1px solid #dddddd;
	margin-bottom: 42px;
}
#content .showcase .grid-half {
	float: left;
	margin-bottom: 0;
}
#content .showcase .grid-half:first-of-type {
	width: 30%;
	padding-left: 3.25%;
	padding-top: 3.25%;
}
#content .showcase .grid-half:last-of-type {
	width: 57%;
	float: right
}
#content .showcase .grid-half img {
	width: 100%;
	float: left;
}
#content .showcase h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 14px;
    margin-bottom: -7px;
    background-color: #fcc300;
}

/* Department of Psychological Medicine */

body.OTAGO723507 #content .tile-box-shadow-thumbnail-description h3 {
  border-bottom: none;
  border-top: 0;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.25;
  margin: 0;
  padding: 0 14px 14px 14px;
}
body.OTAGO723507 #content .tile-box-shadow-thumbnail-description h3 a {
  border-bottom: none;
}
body.OTAGO723507 #content .tile-box-shadow-thumbnail-description h3:before {
  background-color: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 14px;
  width: 35px;
}

/* Accordion slider styles */

.slideup {
    opacity: 0;
}
.slidedown {
    opacity: 1;
    max-height: 3000px !important;
}
.accordion {
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #e4e4e4;
}
.trigger {
    border-bottom: 1px solid #dddddd;
    padding: 7px 14px 7px 14px;
    background-size: 10px;
}
#content .trigger h3 {
    margin: 0;
    font-size: 16px;
}
.trigger:hover {
    background: #f1f4f8;
    cursor: pointer;
}
#content .trigger h3:before {
    content: '+';
    display: inline-block;
    transition: all 0.2s ease;
    margin-right: 10px;
    font-weight: 700;
    width: 15px;
}
#content .trigger.active h3:before {
    content: '–';
    transition: all 0.2s ease;
    color: #f9c000;
}
#content .trigger h3 a {
    border-bottom: none;
}
#content .trigger.active {
    border-bottom: none;
}
#content .slideup,
#content .slidedown {
    padding-left: 40px;
}
#content .slidedown {
    border-bottom: 1px solid #dddddd;
}
body.OTAGO087582 #content .trigger4 {
    border-bottom: none;
}

/* Our people: Population Health */

body.OTAGO010752 #content .trigger h2 {
    font-size: 18px;
    margin: 0;
    border-bottom: none;
    font-family: Georgia, Times New Roman, serif;
    font-weight: normal;
    color: #416ebf;
}
body.OTAGO010752 #content .accordion .slidedown {
    padding-left: 14px;
}
body.OTAGO010752 #content .accordion .grid3 {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
body.OTAGO010752 #content .accordion .grid3 .grid1 {
    width: 28%;
    margin-right: 5.3%;
}
body.OTAGO010752 #content .accordion .grid3 .grid1 img {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
body.OTAGO010776 #content .accordion .grid3 {
	width: 100%;
	box-sizing: border-box;
}
body.OTAGO010776 #content .accordion .grid3 .grid1 {
	width: 26%;
}
#content > div.accordion > div.slider3.slidedown > div:nth-child(1) > div:nth-child(3) > p > a {}
body.OTAGO010776 #content .accordion .grid3 .grid1 p:nth-of-type(1) a {
	border-bottom: none;
}
body.OTAGO010776 #content .accordion .grid3 .grid1 img {
	box-sizing: border-box;
	float: none;
	margin-left: 0;
}

/* Research page */

/*
body.OTAGO015451 #content img {
  border: none;
  max-width: 90px;
  margin-top: -14px;
}*/
.OTAGO015451 #content .tile-box-shadow-container {
	margin-top: 35px;
}
#content div.contentnav h2 {
  font-size: 16px;
  margin-bottom: 7px;
}

#content .tile-box-shadow-thumbnail-description img {
  float: none;
}
#content .tile-box-shadow-thumbnail-description p:nth-of-type(1) a {
  border-bottom: none;
}

/* People in Pathology */

.OTAGO010768 #content .tile-box-shadow-thumbnail-description p {
    margin-bottom: 7px;
}
.OTAGO010768 #content .tile-box-shadow-thumbnail-description h2:before {
    content: '';
    display: block;
    background: #f9c000;
    width: 37px;
    height: 3px;
    margin-bottom: 8px;
}
.OTAGO010768 #content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
    font-size: 18px;
}
.OTAGO010768 #content .tile-box-shadow-thumbnail-description h2:after {
    display: none;
}
.OTAGO010768 #content .tile-box-shadow-thumbnail-description a {
    border-bottom: none;
}
.OTAGO010768 #content .tile-box-shadow-thumbnail-description img {
    float: none;
}

/**** Pathology student table alignement ****/
.OTAGO022895 #content td:nth-child(1) { width: 20%; }
.OTAGO022895 #content td:nth-child(2) { width: 50%; }
.OTAGO022895 #content td:nth-child(3) { width: 30%; }

/* Image gallery */

body.OTAGO654267 #content p a.player {
    float: left;
    width: 186px;
    margin-right: 46px;
    margin-bottom: 28px;
    border-bottom: none;
    box-sizing: border-box;
}
body.OTAGO654267 #content p a.player:nth-of-type(3n) {
    margin-right: 0;
}
body.OTAGO654267 #content p a.player img {
    padding: 0;
    border: none;
}

/* Research */

.stroke-bottom::after {
    content: '';
    display: block;
    margin: 14px 0;
    width: 49px;
    height: 3px;
    background-color: #f9c000;
}
body.OTAGO661787 #content .grid-half {
    width: 60%;
}
body.OTAGO661787 #content .grid-half.image {
    width: 30%;
}
body.OTAGO661787 #content .grid-half.image img {
    max-width: 100%;
    width: 100%;
}
body.OTAGO661787 #content .research-areas {
    float: left;
}
body.OTAGO661787 #content .arrow-yellow {
    background: url(gfx/arrow-yellow.png) no-repeat left 0px;
    padding-left: 14px;
    border-bottom: none;
    padding-top: 2px;
}

/* Frontpage Grid layouts */

body.frontpage #content.otgx {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
body.frontpage #content.otgx .intro {
    margin-bottom: 35px;
}
#content .shadow-box,
#content.otgx .shadow-box {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 35px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease;
}
.boxshadow #content .shadow-box:hover {
    box-shadow: 0px 0px 0 7px #ffffff, 0 0 0px 8px #dddddd;
    border: 1px solid #fff;
    border-radius: 0px;
}
.no-boxshadow #content .shadow-box:hover {
    border: 1px solid #cccccc;
}
#content .gridthird.shadow-box,
#content.otgx .grid1.shadow-box {
    width: 184px;
}
#content .gridthird.shadow-box {
    float: left;
    margin-right: 46px;
}
#content.otgx .gridthird.shadow-box {
    width: 261px;
    float: left;
    margin-right: 46px;
}
#content.otgx .gridthird.shadow-box:nth-of-type(3n) {
    margin-right: 0;
}
#content .shadow-box.gridthird img {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    border: none;
}
#content .shadow-box.gridthird h3,
#content .shadow-box.grid1 h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    text-align: center;
    padding: 0 0px;
}
#content .shadow-box.gridthird h3 a,
#content .shadow-box.grid1 h3 a {
    padding: 0 7px;
    display: block;
}
#content .shadow-box.grid1 h3:after,
#content .shadow-box.gridthird h3:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    margin: 14px auto 14px auto;
    background: #f9c000;
    transition: all 0.3s ease-out;
}
#content .shadow-box.grid1:hover h3:after,
#content .shadow-box.gridthird:hover h3:after {
    width: 50%;
    background: #7dabff;
}
#content .shadow-box.grid1 p,
#content .shadow-box.gridthird p {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
    line-height: 1.5;
}
#content .shadow-box.grid1 img,
#content .gridthird.shadow-box img {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px 2px 0 0;
}
#content .shadow-box.grid1 a,
#content .gridthird.shadow-box a {
    border-bottom: none;
}
#content .shadow-box.grid1 p a,
#content .shadow-box.gridthird p a {
    color: #444444;
}

/* Homepage - General styles */

body.frontpage #title h1.notopimage {
    max-width: 882px;
}
body.frontpage #content.otgx {
    box-sizing: border-box;
  width: 100%;
}
body.frontpage #content.otgx .gridthird {
    width: 263px;
    margin-right: 5.2%;
/*     removed for promo box */
/*     margin-bottom: 56px; */
}
body.frontpage #content.otgx .gridthird:nth-of-type(3n) {
    margin-right: 0;
}
body.frontpage #content.otgx .intro h2 {
    color: #888888;
    font-size: 23px;
    line-height: 1.3;
    margin-bottom: 35px;
    border-bottom: none;
}
body.frontpage #content.otgx .gridthird a {
    border-bottom: none;
    padding: 0;
}
body.frontpage #content.otgx .gridthird img {
    max-width: 263px;
    float: none;
}
body.frontpage #content.otgx h3 {
    margin-top: 0;
    margin-bottom: 0;
}
body.frontpage #content.otgx .gridthird h3 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 26px;  
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 14px;
  padding: 0 14px;
  text-align: left;
}
body.frontpage #content.otgx .gridthird h3:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    margin: 14px auto 14px auto;
    background: #f9c000;
    margin-left: 0;
}
body.frontpage #content.otgx .gridthird:hover h3:after {
    width: 50%;
    background: #7dabff;
}
body.frontpage #content.otgx .gridthird p {
    padding: 0 14px;
    font-size: 14px;
    line-height: 1.6;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    color: #555555;
}
body.frontpage #content.otgx .gridthird.shadow-box {
    padding-bottom: 7px;
  width: 29.6%;
}
body.frontpage #right {
    padding: 0;
    margin-top: -550px;
    background: none;
}

/* Homepage - Promotional box */

body.frontpage .tile-box-shadow-container {
    background-color: #0c385a;
    width: 90%;
    margin: 5px auto 40px auto;
    border-radius: 3px;
}
body.frontpage #content .tile-box-shadow-container .cta {
    border-bottom: none;
    margin: 12px auto;
    text-align: center;
}
body.frontpage #content .tile-box-shadow-container .cta h3 {
    padding-bottom: 10px;
    color: #f9c013;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;  
}
/* body.frontpage #content .tile-box-shadow-container .cta h3 span {
    padding-bottom: 10px;
    color: white;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;  
} */
body.frontpage #content .tile-box-shadow-container .cta p {
    color: #fffafa;
    margin-bottom: 0px;
}
body.frontpage #content .tile-box-shadow-container {
   box-shadow: 0 4px 4px rgba(0,0,0,0.05),
              0 15px 14px rgba(0,0,0,0.03);
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease;

}
body.frontpage #content .tile-box-shadow-container:hover {
    box-shadow: 0 10px 20px silver;
    transform: translateY(-1px);
    background: #00508f;


}


/* Homepage - Department list */

body.frontpage #content .department-list {
  margin-top: 35px;
  float: left;
  width: 100%;
}
body.frontpage #content .department-list h2,
body.OTAGO652716 #content .department-list h2 {
  border-bottom: none;
}
body.frontpage #content .department-list h2::after,
body.frontpage #content .news-feature h2::after {
  border-top: 5px dotted #dddddd;
  content: '';
  display: block;
  height: 5px;
  margin-bottom: 35px;
  margin-top: -17px;
  width: 100%;
}
body.frontpage #content .department-list h2 span {
  background-color: #ffffff;
  padding-right: 14px;
}
body.frontpage #content .department-list ul,
body.OTAGO652716 #content .department-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 42px;
  margin-left: 0;
  text-align: center;
}
body.frontpage #content .department-list ul li,
body.OTAGO652716 #content .department-list ul li {
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  margin: 0 1.6% 14px 0;
  padding: 7px 7px 14px 7px;
  transition: all ease-out 0.3s;
  width: 12.9%;
  will-change: transform;
}
body.frontpage #content .department-list ul li:hover,
body.OTAGO652716 #content .department-list ul li:hover {
  border: 1px solid #bbbbbb;
  transform: translateY(-3px);
}
body.frontpage #content .department-list ul li:nth-of-type(7n),
body.OTAGO652716 #content .department-list ul li:nth-of-type(7n) {
  margin-right: 0;
}
body.frontpage #content .department-list ul li a,
body.OTAGO652716 #content .department-list ul li a {
  border-bottom: none;
  color: #416ebf;
}
body.frontpage #content .department-list ul li img,
body.OTAGO652716 #content .department-list ul li img {
  background-color: #ffffff;
  border: 3px solid #f9f9f9;
  border-radius: 100%;
  transition: all 0.3s ease-out;
  margin-bottom: 5px;
  margin-top: 10px;
  max-width: 66px;
}
body.frontpage #content .department-list ul li img:hover,
body.OTAGO652716 #content .department-list ul li img:hover {
  border: 3px solid #e9e9e9;
  border-radius: 100%;
}
body.frontpage #content .department-list h3,
body.OTAGO652716 #content .department-list h3 {
  color: #416ebf;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  padding: 0px;
}
body.OTAGO652716 #content .department-list h3 {
  margin-top: 0;
}

/* Homepage - Features */

body.frontpage #content .grid1.feature {
  width: 21%;
  margin-bottom: 42px;
  margin-right: 5.3%;
}
body.frontpage #content .grid1.feature:nth-of-type(8) {
    margin-right: 0;
}
body.frontpage #content .grid1.feature h3 {
  color: #416EBF;
  letter-spacing: 0.01em;
  padding: 0 0 7px 0;
  width: 100%;
}
body.frontpage #content .grid1.feature p {
  color: #444444;
  font-size: 14px;
  margin-bottom: 7px;
}
body.frontpage #content .grid1.feature a {
  border-bottom: none;
  display: block;
}
body.frontpage #content .grid1.feature p:first-of-type a {
  line-height: 1;
  position: relative;
}
body.frontpage #content .grid1.feature p:first-of-type a:before {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  height: 100%;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
body.frontpage #content .grid1.feature img {
  border: none;
  float: none;
  line-height: 1;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}
body.frontpage #content h3 {
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 26px;
  font-weight: 300;
}
body.frontpage #content h2 {
  border-bottom: none;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  font-weight: 300;
}
body.frontpage #content.otgx .gridthird.other:nth-of-type(3n) {
  margin-right: 46px;
}
body.frontpage #content.otgx .gridthird.other:nth-of-type(3n+2) {
  margin-right: 0;
}

body.frontpage #content ul {
  margin-left: 16px;
}
body.frontpage #content ul li {
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
  margin-bottom: 7px;
}


/* Homepage - News */

body.frontpage #content .news-feature {
  margin: 35px 0;
  float: left;
  width: 100%;
  margin-top: 0;
}
body.frontpage #content .news-feature h2::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  margin-top: -18px;
  margin-bottom: 35px;
}
body.frontpage #content .news-feature h2 span {
  background-color: #ffffff;
  padding-right: 14px;
}
body.frontpage #content .news-feature h2 span.view-more {
  border: 1px solid #dddddd;
  border-radius: 16px;
  display: inline-block;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-top: 15px;
  padding: 2px 7px;
  position: absolute;
}
body.frontpage #content .news-feature article {
  width: 186px;
  float: left;
  margin-right: 46px;
}
body.frontpage #content .news-feature article:nth-of-type(4n) {
  margin-right: 0;
}
body.frontpage #content .news-feature article a {
  border-bottom: none;
}
body.frontpage #content .news-feature article h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 7px;
  margin-bottom: 7px;
}
body.frontpage #content .news-feature article .smalltag {
    font-style: normal;
    color: #888888;
}
body.OTAGO010776 #content .grid3 {
  width: 700px;
}

/* Department page - Department list */

body.OTAGO010682 #content h2 {
  border-bottom: none;
}
body.OTAGO010682 #content h2::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #cccccc;
  margin-top: -12px;
  margin-bottom: 35px;
}
body.OTAGO010682 #content h2 span {
  background-color: #ffffff;
  padding-right: 14px;
}
body.OTAGO010682 #content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0;
  text-align: center;
}
body.OTAGO010682 #content ul li {
  display: inline-block;
  margin: 0 1.6% 7px 0;
  width: 18%;
  float: left;
  box-sizing: border-box;
  will-change: transform;
  transition: all ease-out 0.2s;
}
body.OTAGO010682 #content ul li:hover {
  transform: translateY(-3px);
}
body.OTAGO010682 #content ul li:nth-of-type(7n) {
  margin-right: 0;
}
body.OTAGO010682 #content ul li a {
  border-bottom: none;
}
body.OTAGO010682 #content ul li img {
  max-width: 90px;
  transition: all ease-out 0.2s;
  border: 3px solid #ffffff;
  border-radius: 100%;
}
body.OTAGO010682 #content ul li img:hover {
  border: 3px solid #f9c000;
  border-radius: 100%;
}
body.OTAGO010682 #content h3 {
  padding: 7px 0 21px 0;
  color: #416EBF;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  margin-top: 0;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}

#content .profile-info-box {
  background: #e7f2f8;
  border: 1px solid #c0d1dc;
  box-sizing: border-box;
  overflow: hidden;
  padding: 14px;
  margin-bottom: 35px;
}
#content .profile-info-box dt,
#content .profile-info-box dd {
  border: none;
}
#content .profile-info-box dt {
  width: 100px;
  font-weight: 600;
}

.OTAGO665151 #content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.OTAGO665151 #content .tile-box-shadow-container {
}
.OTAGO665151 #content h2 {
  width: 100%;
}
#content .grid-third-profile {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 5px 10px #f5f5f5;
  box-sizing: border-box;
  margin-bottom: 46px;
  margin-right: 6.6%;
  width: 28.6%;
}
.OTAGO665151 #content .tile-box-shadow-container .grid-third-profile:nth-of-type(3n) {
  margin-right: 0;
}
#content .grid-third-profile img {
  border: 0;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#content .grid-third-profile p:nth-of-type(1) {
  margin-bottom: 0;
}
#content .grid-third-profile h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 14px 14px 14px;
}
#content .grid-third-profile h3:before {
  background: #f9c000;
  content: "";
  display: block;
  height: 3px;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 40px;

}
#content .grid-third-profile a {
  border-bottom: 0;
  display: block;
}

/* Orthopaedic Surgery and Musculoskeletal Medicine profiles */

.OTAGO010776 #content {
  box-sizing: border-box;
  width: 100%;
}
.OTAGO010776 #content h2 + .tile-box-shadow-container {
  margin-top: 35px;
}
.OTAGO010776 #content .tile-box-shadow-thumbnail-no-description,
.OTAGO010776 #content .tile-box-shadow-thumbnail-description {
  width: 21%;
  margin-right: 5.3%;
}
.OTAGO010776 #content .tile-box-shadow-thumbnail-no-description:nth-of-type(4n),
.OTAGO010776 #content .tile-box-shadow-thumbnail-description:nth-of-type(4n) {
  margin-right: 0;
}
.OTAGO010776 #content .tile-box-shadow-thumbnail-description h2 a,
.OTAGO010776 #content .tile-box-shadow-thumbnail-no-description h2,
.OTAGO010776 #content .tile-box-shadow-thumbnail-no-description h2 a,
#content .tile-box-shadow-thumbnail-no-description p + h2:first-of-type {
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  line-height: 1.1;
}

/* HACK: Hide excess profiles */

body.OTAGO010781 #right #slides .otagoprofile div {
  display: none;
}
body.OTAGO010781 #right #slides .otagoprofile div:first-of-type {
  display: block;
}

/* Research and Development Office */

body.OTAGO011653 #content article {
  float: left;
  width: 186px;
  margin-right: 46px;
}
body.OTAGO011653 #content article a {
  border-bottom: none;
}
body.OTAGO011653 #content article h3 {
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 7px;
}
body.OTAGO011653 #content article:last-of-type {
  margin-right: 0;
}
body.OTAGO011653 #content p.smalltag {
  margin-bottom: 7px;
}
body.OTAGO011653 #content #box1 a {
  border-bottom: none;
}
body.OTAGO011653 #content #box1 table {
  border: 1px solid #e4e4e4;
}
body.OTAGO011653 #content #box1 img {
  text-align: center;
  min-height: 100px;
}

/* Summer Studentship */

body.OTAGO074078 #content .grid1:nth-of-type(3n) {
  margin-right: 0;
}
body.OTAGO074078 #content .grid1 {
  margin-bottom: 35px;
}
body.OTAGO074078 #content .grid1 img {
  border: none;
}

/* Centre for Postgraduate Nursing Studies H1 fix to keep all on same line */

body.OTAGO010717 #title h1 {
	font-size: 49px;
}

/* Master of Advanced Nursing Practice (MAdvNP) - box tidying */

body.OTAGO716201 #content div.featurebox_yellow {
	border: 1px solid #dddddd;
	background: #f9f9f9;
	border-radius: 3px;
	border-top: 4px solid #f9c000;
	padding: 28px;
	padding-top: 0px;
}
body.OTAGO716201 #content div.featurebox_yellow h3 {
	color: #484848;
}

/* Research Groups */

.OTAGO831212 #content {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.OTAGO831212 #content .tile-box-shadow-thumbnail-description img,
.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description h2 a {
  display: block;
  padding-bottom: 7px;
}
.OTAGO831212 #content .tile-box-shadow-thumbnail-description img,
.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description h2 a:hover {
  border-bottom: 0;
}
.OTAGO831212 #content .tile-box-shadow-thumbnail-description img {
  display: block;
  padding: 14px 0;
  margin: 0 auto;
  max-width: 60%;
  mix-blend-mode: multiply;
}
.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description p {
  background: #f9f9f9;
  border-bottom: 1px solid #dddddd;
  border-radius: 2px 2px 0 0;
  margin-bottom: 21px;
  transition: all 0.3s ease;
}
.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description:hover p {
  background: #f0f0f0;
}
body.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description {
  width: 22.3%;
  margin-right: 3.5%;
}

/* Postgraduate study */

.OTAGO652716 #content {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.OTAGO652716 #content .department-list h2 {
  margin-bottom: 28px;
}
.OTAGO652716 #content .tile-box-shadow-thumbnail-no-description p + h2:first-of-type {
  color: #416ebf;
}
body.OTAGO652716 #content .department-list ul li:last-of-type img {
  border: 1px solid #cccccc;
}

/* MEDIA QUERIES ************/


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


@media only screen and (min-width: 1024px) and (max-width: 1174px){
	#contentwrapper {
		padding: 0 23px 14px 0px;
	}
}



/* iPad landscape > */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#wrapper {
      background: url(gfx/banner2.jpg) -650px 0px no-repeat;
    }
    #title h1.notopimage {
      max-width: 100%;
      padding-right: 0;
    }
    #content {
      background-size: 420px;
    }
    body.OTAGO010669 #wrapper {
      background: url(gfx/banner2.jpg) -650px 0px no-repeat;
    }
    body.OTAGO010669 #title h1.notopimage {
      max-width: 650px;
    }
    body.OTAGO010669 #content.otgx {
      width: 100%;
    }
    body.OTAGO010669 #content .grid4 .grid1 {
      width: 150px;
      margin-right: 16px;
    }
    body.OTAGO010669 #content .grid4 .grid1 img {
      max-width: 100%;
    }
    body.OTAGO010669 #content .profile-feature {
      border: 1px solid #c0d1dc;
      padding: 7px;
      margin-bottom: 42px;
      width: 650px;
      overflow: hidden;
      box-sizing: border-box;
    }
    body.OTAGO010669 #content .profile-feature h2 {
      margin-bottom: 21px;
      width: 300px;
    }
    body.OTAGO010669 #content .main-feature,
    body.OTAGO010669 #content .secondary-feature {
      width: 30%;
      margin-right: 5%
    }
    body.OTAGO010669 #content .main-feature img {
      max-width: 100%;
    }
    #features {
      width: 650px;
    }
    body.OTAGO010669 .features article {
      margin-right: 23px;
      width: 139px;
    }
    body.OTAGO010669 .features article:nth-of-type(2n) {
      margin-right: 0;
    }
    .news article .articletext {
      width: 100%;
    }
    body.OTAGO010669 .features.news {
      width: 302px;
      margin-right: 46px;
    }
    body.OTAGO010669 .features.events {
      width: 302px;
      float: left;
    }
    #content .grid1:nth-of-type(3n) {
		margin-right: 46px;
  	}
    #content .grid1:nth-of-type(2n) {
  		margin-right: 0;
  	}

    /* Image gallery */

    body.OTAGO654267 #content p a.player:nth-of-type(3n) {
        margin-right: 46px;
    }
    body.OTAGO654267 #content p a.player:nth-of-type(2n) {
        margin-right: 0;
    }

    /* Frontpage - Feature boxes (third) */

    body.frontpage #content.otgx .gridthird.shadow-box {
        width: 30.1%;
        margin-right: 28px;
        min-height: 430px;
    }
    body.frontpage #content.otgx .gridthird.shadow-box:nth-of-type(3n) {
      margin-right: 0;
    }

    /* Frontpage - Feature boxes (ones) */

    body.frontpage #content.otgx .grid1.feature {
        width: 46%;
        margin-right: 8%;
    }
    body.frontpage #content.otgx .grid1.feature:nth-of-type(2n+1) {
        margin-right: 0;
    }
    body.frontpage #content.otgx .grid1.feature img {
      max-width: 100%;
      width: 100%;
    }

    /* Frontpage - Departments */

    body.frontpage #content .department-list ul li {
      width: 18.7%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(7n) {
        margin-right: 1.6%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(5n) {
        margin-right: 0;
    }

    /* Frontpage - Other */
    body.frontpage #content.otgx .gridthird.other:nth-of-type(3n) {
      margin-right: 5%;
    }
    body.frontpage #content.otgx .gridthird.other {
      width: 30%;
      margin-right: 5%;
    }

    /* Frontpage - News */

    body.frontpage #content .news-feature article {
      width: 46%;
      margin-right: 8%;
    }
    body.frontpage #content .news-feature article:nth-of-type(2n) {
      margin-right: 0;
    }
    body.frontpage #content .news-feature article img {
      width: 100%;
    }

    body.OTAGO010682 #content ul li {
      width: 31%;
    }

    body.OTAGO011653 #content article:nth-of-type(2n) {
      margin-right: 0;
    }
    body.OTAGO652716 #content .department-list ul li {
      width: 23.4%;
    }
}

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

Portrait tablet ^

********/

@media only screen and (max-width: 768px) {
    #wrapper,
    body.OTAGO010669 #wrapper {
        background-position: -400px 0;
    }
    #wrapper {
        width: 753px;
        background-position: -800px 0;
    }
    body.OTAGO010669 #title h1 {
      width: auto;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
        background-position: 0 55px;
        padding-top: 340px;
        margin-bottom: 14px;
    }
    body.OTAGO010669 {
        background: none;
    }
    body.OTAGO010669 #wrapper {
        background: url(gfx/frontpage-banner2.jpg) -400px 0px no-repeat;
        background-size: 1500px;
    }
    body.OTAGO010669 #title h1.notopimage {
        line-height: 1.2;
    }
    body.frontpage #title h1.notopimage {
        padding-top: 290px;
    }
    #content {
        background-size: 420px;
    }
	  body.OTAGO010669 #content {
        padding-top: 0;
    }
    body.OTAGO010669 #content h2 {
        font-size: 24px;
    }
    body.OTAGO010669 #content .grid_third {
    	width: 100%;
    }
    body.OTAGO010669 #content .grid4 .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.OTAGO010669 #content .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;
    }
    body.OTAGO010669 #content.otgx {
		  width: 100%;
	  }
    body.OTAGO010669 #content .profile-feature {
        width: 442px;
        box-sizing: border-box;
        height: 432px;
    }
    body.OTAGO010669 #content .profile-feature img {
        width: 100%;
        float: none;
    }
    body.OTAGO010669 #content .profile-feature h2 {
        margin-bottom: 21px;
        float: none;
        width: auto;
    }
    body.frontpage #content .news-feature article:nth-of-type(2n) {
      margin-right: 0;
    }
    body.OTAGO010669 #content .profile-feature p:nth-child(N+3) {
    	padding-left: 0;
    }
    body.OTAGO010669 #content .main-feature {
  		margin-top: 0px;
  	}
  	body.OTAGO010669 #content .main-feature:first-child {
  		margin-top: 478px;
  	}
  	body.OTAGO010669 #content .arrow_prev,
  	body.OTAGO010669 #content .arrow_next {
  		top: 200px;
  	}
    body.OTAGO010669 #content .main-feature,
    body.OTAGO010669 #content .secondary-feature {
        width: 100%;
        margin-right: 0%;
    }
    body.OTAGO010669 #content .main-feature ul {
        min-height: 50px;
    }
    body.OTAGO010669 #content .secondary-feature {
        margin-bottom: 42px;
    }
    body.OTAGO010669 #content .main-feature img {
        max-width: 100%;
        width: 100%;
    }
    #features {
        width: 418px;
    }
    body.OTAGO010669 .features article {
        margin-right: 0;
        width: 100%;
    }
    body.OTAGO010669 .features article:nth-of-type(2n) {
        margin-right: 0;
    }
    .news article .articletext {
        width: 100%;
    }
    body.OTAGO010669 .features.news {
        width: 302px;
        margin-right: 0px;
    }
    body.OTAGO010669 .features.events {
        width: 100%;
        float: none;
    }
    #features .events {
        width: 100%;
        float: none;
        padding-left: 0;
        border-left: none;
    }
    .events article {
        padding: 0;
        margin: 0;
        background: none;
    }
    .events-title {
        display: none;
    }
    .event-hidden {
        display: inline-block;
    }
  	#right {
  		border-top: 1px solid #e4e4e4;
  		margin-top: 0px;
  	}
  	body.OTAGO010669 #right {
  		border-top: none;
  		width: 186px;
  	}
    #content .grid1:nth-of-type(3n) {
  		margin-right: 46px;
  	}
    #content .grid1:nth-of-type(2n) {
  		margin-right: 0;
  	}
    #right .rightwidget {
        padding-right: 0;
    }

    /* Image gallery */

    body.OTAGO654267 #content p a.player:nth-of-type(3n) {
        margin-right: 46px;
    }
    body.OTAGO654267 #content p a.player:nth-of-type(2n) {
        margin-right: 0;
    }

    /* Frontpage features */

    body.frontpage #content.otgx .gridthird.shadow-box {
      width: 48%;
      margin-right: 3%;
      margin-bottom: 21px;
    }
    body.frontpage #content.otgx .gridthird.shadow-box:nth-of-type(2n) {
      margin-right: 0;
    }
    body.frontpage #content.otgx .gridthird.shadow-box img {
      width: 100%;
      max-width: 100%;
    }
    body.frontpage #content.otgx .grid1.feature {
      width: 48%;
      margin-right: 4%;
    }
    body.frontpage #content.otgx .grid1.feature:nth-of-type(2n+1) {
      margin-right: 0;
    }
    body.frontpage #content.otgx .grid1.feature img {
      width: 100%;
      max-width: 100%;
    }
    /* Frontpage - Departments */

    body.frontpage #content .department-list ul li {
      width: 23.8%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(7n) {
      margin-right: 1.6%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(5n) {
      margin-right: 1.6%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(4n) {
      margin-right: 0%;
    }

    body.OTAGO010682 #content ul li {
      width: 30%;
    }
    body.OTAGO652716 #content .department-list ul li {
      width: 31.7%;
    }
    body.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description,
   body.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description.last{
      width: 47%;
      margin-right: 6%;
    }
   body.OTAGO831212 #content .tile-box-shadow-thumbnail-no-description:nth-of-type(2n) {
      margin-right: 0%;
    }

}


@media only screen and (min-width: 770px) and (max-width: 920px){
    #contentwrapper {
        padding-left: 0;
	}
}



/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {
    body,
    body.OTAGO010669 {
        background: none;
    }
    #contentwrapper {
        width: 93%;
    }
    #wrapper,
    body.OTAGO010669 #wrapper {
        width: 100%;
        background-position: -600px 0;
        background-size: 1400px;
        background-repeat: repeat-x;
    }
    #content {
        background-size: contain;
    }
    body.OTAGO010669 #content {
        background: none;
    }
    .titleinner {
        padding-top: 0px;
        width: 100%;
    }
    #title h1.notopimage {
      background-position: 0 60px;
      background-size: 200px;
      font-size: 45px;
      line-height: 1.1;
      margin-left: 0;
      width: 92%;
    }
    #title h1.notopimage {
        margin-left: 4%;
        margin-right: 4%;
        padding-top: 240px;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1.notopimage {
        font-size: 40px;
        line-height: 1.15;
        padding-top: 264px;
    }
    #title p.heading-translation {
      font-size: 20px;
      margin-left: 4%;      
      max-width: 92%;
      padding-left: 0;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
    }
    body.OTAGO010669 #content h2 {
        font-size: 22px;
        text-align: left;
    }
    body.OTAGO010669 #content .grid1 {
        width: 44%;
        margin-right: 12%;
        margin-bottom: 0;
    }
    body.OTAGO010669 #content .grid1 p img {
        width: 100%;
        float: none;
    }
    body.OTAGO010669 #content.otgx {
		  width: 98%;
    }
    body.OTAGO010669 #content .profile-feature {
        padding: 14px;
        width: 100%;
    }
    body.OTAGO010669 #content .profile-feature h2 {
        margin-top: 0;
        width: 100%;
    }
    body.OTAGO010669 #content .profile-feature img {
        width: 100%;
        margin-right: 0;
        max-width: 300px;
    }
    body.OTAGO010669 #content .profile-feature p:nth-child(N+3) {
    	width: 100%;
    }
  body.frontpage #content.otgx .gridthird {
    margin-bottom: 21px;
    width: 100%;
  }
  body.frontpage #content.otgx .gridthird h2,
  body.frontpage #content .news-feature h2 {
    border-top: 5px dotted #dddddd;
    font-size: 25px;
    padding-top: 21px;
  }
  body.frontpage #content .news-feature h2 span.view-more {
    margin-top: 10px;
  }
  body.frontpage #content .news-feature h2::after {
    display: none;
  }
    body.OTAGO010669 #content .arrow_prev,
	body.OTAGO010669 #content .arrow_next {
		display: none;
	}
	body.OTAGO010669 #content .main-feature:first-child {
		margin-top: 414px;
	}
    body.OTAGO010669 #features,
    #features {
        width: 100%;
        margin: 0;
    }
    body.OTAGO010669 .features article {
        margin-right: 0;
        width: 100%;
    }
    body.OTAGO010669 .features article:nth-of-type(2n) {
        margin-right: 0;
    }
    .news article .articletext {
        width: 100%;
    }
    body.OTAGO010669 .features.news {
        width: 302px;
        margin-right: 0px;
    }
    body.OTAGO010669 .features.events {
        width: 100%;
        float: none;
    }
    #features .events {
        width: 100%;
        float: none;
        padding-left: 0;
        border-left: none;
    }
    .events article {
        padding: 0;
        margin: 0;
        background: none;
    }
    .events-title {
        display: none;
    }
    .event-hidden {
        display: inline-block;
    }
    body.OTAGO010669 #content .profile-feature {
        position: relative;
    }
    body.OTAGO010669 #right {
        margin-top: 0;
    }
  #right .right-icon img{
    padding-top: 20px;
    width: 50%;
    min-width: 200px;
    }

    /* Image gallery */

    body.OTAGO654267 #content p a.player {
        width: 48%;
    }
    body.OTAGO654267 #content p a.player img {
        width: 100%;
        max-width: 100%;
    }
    body.OTAGO654267 #content p a.player {
        margin-right: 4%;
    }
    body.OTAGO654267 #content p a.player:nth-of-type(3n) {
        margin-right: 4%;
    }
    body.OTAGO654267 #content p a.player:nth-of-type(2n) {
        margin-right: 0;
    }

    /* Frontpage */

    body.frontpage #content.otgx .grid1.feature img {
      padding: 0;
      margin: 0;
    }
    body.frontpage #content .department-list ul li img {
      float: none;
      margin-left: 0;
    }
    
    /* Homepage - Promotional box */
    body.frontpage .tile-box-shadow-container {
        width: 100%;
}
    body.frontpage #content .tile-box-shadow-container .cta {
        padding: 0 15px;
    }
    body.frontpage #content .tile-box-shadow-container .cta h3 {
        font-size: 22px;
    }

    /* Frontpage - News */

    body.frontpage #content .news-feature article {
      margin-bottom: 14px;
      margin-right: 8%;
      width: 46%;
    }
    body.frontpage #content .news-feature article:nth-of-type(2n) {
      margin-right: 0;
    }
    body.frontpage #content .news-feature article img {
      float: none;
      margin-left: 0;
      max-width: 100%;
      width: 100%;
    }

    /* Department list */

    body.OTAGO010682 #content ul li {
      width: 24%;
      margin: 14px 4%;
    }
    body.OTAGO010682 #content ul li:nth-of-type(7n) {
      margin-right: 4%;
    }
    body.OTAGO010682 #content ul li img {
      max-width: 60%;
      transition: all ease-out 0.2s;
      border: 3px solid #ffffff;
      border-radius: 100%;
      display: block;
      position: relative;
      width: 100%;
      float: left;
      margin-left: 20%;
    }
    #content .grid-third-profile img {
      float: none;
      margin-left: 0;
      max-width: 100%;
    }
    #content .grid-third-profile {
      margin-bottom: 21px;
    }

    #content .showcase .grid-half:first-of-type {
      width: 100%;
    }
    #content .showcase .grid-half:last-of-type {
      width: 100%;
    }
    #content .showcase .grid-half img {
        width: 100%;
        float: left;
        max-width: 100%;
        margin-left: 0;
    }

    body.OTAGO011653 #content article img {
      max-width: 100%;
    }

    body.OTAGO011653 #content #box1 img {
      max-width: 100%;
    }
    #content p.caption_186,
    #content p.caption186,
    #content p.caption_232,
    #content p.caption232 {
        width: 40%;
    }
    #content p.caption_186 img,
    #content p.caption186 img,
    #content p.caption_232 img,
    #content p.caption232 img {
        float: none;
        width: 100%;
    }
    .OTAGO010776 #content {
      width: 97%;
    }
    body.OTAGO652716 #content .department-list ul li img {
      float: none;
      margin-left: 0;
      width: 100%;
    }
}


/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 435px) {
    body.OTAGO010669 #wrapper {
      background-position: -700px 0;
    }
    #wrapper {
      background-position: -700px 0;
    }
    body.frontpage #content.otgx .gridthird.shadow-box {
      width: 100%;
      margin-right: 0;
    }
    body.frontpage #content .department-list ul li {
      width: 32.2%;
      border: 1px solid #dddddd;
      border-radius: 3px;
    }
    body.frontpage #content .department-list ul li h3 {
      margin-bottom: 0;
      padding-left: 4px;
      padding-right: 4px;
    }
    body.frontpage #content .department-list ul li img {
      max-width: 60%;
      margin-top: 14px;
    }
    body.frontpage #content .department-list ul li:nth-of-type(4n) {
      margin-right: 1.6%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(3n) {
      margin-right: 0;
    }

    /* Department list */

    body.OTAGO010682 #content ul li {
      width: 42%;
    }

    #content .grid-third-profile h3 {
      margin-left: 7px;
      margin-right: 7px;
    }
    .OTAGO010776 #content .tile-box-shadow-thumbnail-no-description,
    .OTAGO010776 #content .tile-box-shadow-thumbnail-description {  
      margin-bottom: 21px;
      margin-right: 0%;
      width: 100%;
  }
  .OTAGO010776 #content .tile-box-shadow-thumbnail-no-description img,
  .OTAGO010776 #content .tile-box-shadow-thumbnail-description img {
    float: right;
    margin-left: 5%;
    width: 45%;
  }
  .OTAGO010776 #content .tile-box-shadow-thumbnail-description p {
    font-size: 12px;
    line-height: 1.4;
  }
}



@media only screen and (max-width: 380px) {
    body.frontpage #content .department-list ul li {
        margin-bottom: 21px;
        margin-right: 5%;
        width: 47.5%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(3n) {
        margin-right: 5%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(1n) {
        margin-right: 5%;
    }
    body.frontpage #content .department-list ul li:nth-of-type(2n) {
        margin-right: 0%;
    }
}