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

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

School of Physiotherapy CSS

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

body {
 background: url(gfx/background-inner.png) center 0 repeat-x;
}
header#global_intro h1 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#wrapper {
 background: url(gfx/banner-inner.jpg) no-repeat center 0;
}
#wrapper:before {
  background: url(/_assets/_gfx/crest-line-left.svg) 0 -50px no-repeat;
  background-size: 600px;
  content: '';
  display: block;
  height: 700px;
  left: 0;
  opacity: 0.03;
  position: absolute;
  top: 356px;
  width: 100%;
  z-index: -1;
}
#title h1 {
 background: url(gfx/title-2020.png) 23px 90px no-repeat;
 color: #37A595;
 font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
 font-size: 55px;
 -webkit-font-variant-ligatures: normal;
 font-variant-ligatures: normal;
 font-weight: 700;
 letter-spacing: -0.01em;
 line-height: 1.05;
 opacity: 1;
 padding: 355px 0px 21px 23px;
 position: static;
 text-rendering: optimizeLegibility;
}
#title h1.notopimage {
   max-width: 650px;
}
.titleinner {
   padding-top: 3px;
   padding-bottom: 0px;
}
.titleinner img { display: none; }
.titleinner h1 {
   margin-top: 0px;
}
#content {
  position: relative;
}
#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 input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 15px;
	font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
#content table th,
#content table td,
#right p,
#right li {
  font-size: 13px;
  line-height: 1.6;
}
#content ul {
  margin-left: 16px;
}
#content li {
  font-size: 15px;
  margin-bottom: 7px;
}
#content a {
 transition: all 0.3s ease-out;
}
#content ul.pagesubnav {
  border: 1px solid #dddddd;
}
#content ul.pagesubnav li a {
  font-family: 'Open Sans', Helvetica, arial, sans-serif;
}
#content p img,
#content h3 img {
  padding: 0;
}
#content .phal_mug_shot ul {
 display:block;
 padding: 0;
 margin: 0;
}
#content .phal_mug_shot li {
 height:300px;
 display:block;
}
#content .phal_mug_shot img {
 height: 200px;
}
#content h2,
#content h3,
body.OTAGO045510 #content p.intro,
body.OTAGO064113 #content h1 {
 color: #37A595;
 font-family: 'Open Sans', Helvetica, arial, sans-serif;
 font-weight: 300;
}
#content h2 {
  border-bottom: none;
  color: #666666;
  font-size: 35px;
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.25;
  margin-top: 35px;
  padding-bottom: 7px;
  text-rendering: optimizeLegibility;
}
#content h2:first-of-type {
   margin-top: 0;
}
#content p + h2:first-of-type {
 margin-top: 35px;
}
#content h2 a:hover {
 border-bottom: none;
}
#content h3 {
  font-weight: 400;
  margin-bottom: 14px;
}
body.OTAGO045562 #content,
body.OTAGO045514 #content,
body.OTAGO045556 #content,
body.OTAGO045513 #content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.OTAGO045514 #content .tile-box-shadow-container {
  margin-top: 35px;
  width: 100%;
}
body.OTAGO045514 #content .tile-box-shadow-thumbnail-no-description {
  margin-right: 5.3%;
  width: 21%;
}
body.OTAGO045514 #content .tile-box-shadow-thumbnail-no-description h2 {
  font-family: 'Amsi pro condbold','Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
body.OTAGO045514 #content .tile-box-shadow-thumbnail-no-description h2 a {
  display: block;
  padding-bottom: 14px;
}
.OTAGO045514 #content {
  min-height: auto;
  padding-bottom: 0;
}
.OTAGO045514 #content p {
  width: 100%;
}
.OTAGO045514 #content .grid-third p {
  width: auto;
}
.OTAGO045514 #content h2,
.OTAGO045514 #features h2 {
  font-family: 'Amsi pro condlight','Open Sans', Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 28px;
}
.OTAGO045514 #features h2 {
  color: #666666;
}
.OTAGO045514 #features {
  margin-bottom: 70px;
  max-width: 882px;
  width: 100%;
}
.OTAGO045514 #features article {
  margin-right: 5.3%;
  width: 21%;
}
.OTAGO045514 #features article:last-of-type {
  margin-right: 0;
}
.OTAGO045514 #features article img {
  width: 100%;
}
.OTAGO045514 .news article .articletext {
  width: 100%;
}
.OTAGO045514 #features .news h3 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 14px;
}
.OTAGO045514 #features .news p.smalltag {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.OTAGO045563 #content h3 img {
  margin-bottom: 28px;
  max-width: 140px;
}
.OTAGO045563 #content hr {
  margin-bottom: 28px;
  margin-top: 28px;
}
#content p + .tile-box-shadow-container {
  margin-top: 28px;
}
#content .tile-box-shadow-thumbnail-description ul,
#content .tile-box-shadow-thumbnail-no-description ul {
  margin-left: 28px;  
}
#content .tile-box-shadow-thumbnail-description ul li,
#content .tile-box-shadow-thumbnail-no-description ul li {
  margin-bottom: 10px;  
}
#content .tile-box-shadow-thumbnail-description h2,
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
#right {
 background: none;
}
#right p {
 border-bottom: none;
}
#right h2 {
  margin-bottom: 7px;
}
#right .events article h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}


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

Front page

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

body.frontpage #wrapper::before {
  background: url(/_assets/OtagoCorporate/gfx/future-students/tessellations.png) 0 0 no-repeat;
}
body.frontpage {
  background: url(gfx/background-frontpage.png) center 0 repeat-x;
}
body.frontpage #wrapper {
  background: url(gfx/banner.jpg) no-repeat center 0;
}
body.frontpage #wrapper:before {
  top: 453px;
}
body.frontpage #title h1 {
  background-position: 24px 124px;
  font-size: 45px;
  line-height: 1.1;
  max-width: 100%;
  padding-right: 0;
  padding-top: 410px;
}
body.frontpage #content.otgx {
	display: flex;
	flex-wrap: wrap;
  max-width: 882px;
  width: 100%;
}
body.frontpage #right  {
  display: none;
}

/* Grid styles */

.grid-quarter {
  width: 21%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 46px;
	float: left;
	margin-right: 5.3%;
	box-shadow: 0 0 14px #e4e4e4;
}
.grid-quarter:hover {
	box-shadow: 0 0 2px #e4e4e4;
	transition: all 0.3s ease-out;
}
#content #box1 {
  margin-bottom: 21px;
}
#content .grid-quarter h3 {
	margin: 14px;
	position: relative;
}
#content .grid-quarter h3:after {
	content: '';
	display: block;
	background: #37A595;
	width: 37px;
	height: 3px;
	margin-top: 14px;
	transform: scale(1);
	transition: all 0.3s ease-out;
	transform-origin: 0 0;
}
#content .grid-quarter h3:hover:after {
	transform: scaleX(2);
	transform-origin: 0 0;
}
#content .grid-quarter img {
	margin: 0;
	padding: 0;
	border: none;
  width: 100%;
  max-width: 100%;
}
#content .grid-quarter p:nth-of-type(2n) {
	font-size: 14px;
  line-height: 1.5;
  margin: 14px;
}
#content .grid-quarter a {
	border-bottom: none;
	display: block;
}
body.frontpage .grid-quarter:nth-of-type(4n+1) {
	margin-right: 0;
}

body.OTAGO045510 #content h3 {
 font-size: 22px;
}
body.OTAGO045510 #content ul {
 margin-left: 0;
 list-style: none;
}
body.OTAGO045510 #content li {
 padding: 0 0 7px 0
}
#right .featured h2,
body.OTAGO045510 #right .news h2,
body.OTAGO045510 #right .otagoprofile h2 {
 color: #37A595;
 padding: 8px 30px 8px 14px;
 background: url(gfx/physio-gvreenarrow-mini.png) center left no-repeat;
 margin-top: 0;
}

body.OTAGO045510 #right .news img {
 display: none;
}

body.OTAGO045510 #right .news h2 {
 background-image: url(gfx/physio-gvreenarrow-mini.png), url(/_assets/_gfx/sprite-widget.png);
 background-repeat: no-repeat, no-repeat;
 background-position: center left, -181px -336px;
}

body.OTAGO045510 #right .otagoprofile {
 margin-top: 14px;
}

body.OTAGO045510 #right .otagoprofile h2 {
 background-image: url(gfx/physio-gvreenarrow-mini.png), url(/_assets/_gfx/sprite-widget.png);
 background-repeat: no-repeat, no-repeat;
 background-position: center left,  -3px -166px;
}

/* Video container */

.video-container {
  width: 100%;
  background: #37A595;
  overflow: hidden;
}
.video-container .responsive-embed-container {
  width: 73.5%;
  padding-bottom: 41.25%;
  position: relative;
  height: 0;
  overflow: hidden;
  float: left;
}
.video-container .responsive-embed-container iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.video-container .video-caption {
  float: right;
  width: 24%;
  padding-top: 35px;
}
.video-container .video-caption p {
  color: #ffffff;
  margin-right: 7px;
  margin-top: 49px;
}
.video-container .video-caption p.smalltag {
  font-style: normal;
}
.video-container .video-caption p strong {
  color: #AFFFF3;
}

#right .featured {
 background: rgba(100,100,100,0.05);
 position: relative;
 padding: 25px 25px 7px 25px;
 left: -25px;
 z-index: 10;
 width: 186px;
 margin-bottom: 14px;
}

body.OTAGO045510 #right .featured {
 margin-bottom: 0;
}

body.OTAGO045510 #right .featured img {
 margin-bottom: 0;
}

body #right .featured p,
body.OTAGO045510 #right .rightcontentwysiwyg p {
 border-bottom: none;
}

body.OTAGO045510 #right #pagemetadata {
 position: absolute;
 left: -882px;
 top: 200px;
 width: 176px;
}


/* Profile page */

body.OTAGO064113 #title h1 {
  text-indent: -9999px;
}
body.OTAGO064113 #content h1 {
  font-size: 38px;
  line-height: 1.2;
  margin-top: -120px;
  padding-bottom: 70px;
  padding-top: 0px;
}
body.OTAGO064113 #right {
  margin-top: 35px;
}
body.OTAGO064113 #content table {
  border: 1px solid #dddddd;
  margin-bottom: 35px;
}
body.OTAGO064113 #content table tr {
  border: 0;
}
body.OTAGO064113 #content table th {
  background: #f1f1f1;
  font-size: 12px;
}
body.OTAGO064113 #content table td {
  padding-left: 14px;
}
body.OTAGO064113 #content table tr:first-of-type th,
body.OTAGO064113 #content table tr:first-of-type td {
  padding-top: 14px;
}
body.OTAGO064113 #content table tr:last-of-type th,
body.OTAGO064113 #content table tr:last-of-type td {
  padding-bottom: 14px;
}
body.OTAGO064113 #content table td ul {
  margin-left: 16px;
}
body.OTAGO064113 #content table td li {
  font-size: 13px;
}
body.OTAGO064113 #right ul li {
  font-size: 12px;
}
body.OTAGO064113 #right .otagoprofile ul li {
  list-style-type: none;
  margin-left: 0;
}



/* Accreditations */

/*#prefooter {
    width: 1114px;
    padding: 0 20px;
    margin: 0 auto 10px;
    position: relative;
    clear: both;
}*/
#prefooter .frontpageaccreditation {
    width: 882px;
    margin-left: 232px;
    text-align: center;
}
#prefooter .frontpageaccreditation a {
    display: inline-block;
    margin: 0 7px 7px 0;
    margin-left: 68px
}
#prefooter .frontpageaccreditation a:first-of-type {
    margin-left: 0;
}
#prefooter .frontpageaccreditation a img {
    width: 80px;
}

/* Grid CSS */

.grid-quarter, .grid-third, .grid-fifth {
  background: #ffffff;
  -webkit-box-shadow: 0 0 14px #e4e4e4;
  box-shadow: 0 0 14px #e4e4e4;
  border: 1px solid #dddddd;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-bottom: 46px;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
.grid-quarter:hover, .grid-third:hover, .grid-fifth:hover {
  -webkit-box-shadow: 0 0 4px #e4e4e4;
  box-shadow: 0 0 4px #e4e4e4;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}
.grid-third {
  width: 29.8%;
  margin-right: 5.3%;
  margin-top: 21px;
  padding-bottom: 14px;
}
.grid-quarter {
  width: 21%;
  float: left;
  margin-right: 5.3%;
}
.grid-fifth {
  width: 17.9%;
  margin-right: 2.6%;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#content .grid-quarter h3, #content .grid-third h3, #content .grid-fifth h3 {
  margin: 0 14px 7px 14px;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
}
#content .grid-quarter h3:after, #content .grid-third h3:after, #content .grid-fifth h3:after {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 14px;
  margin-bottom: 14px;
}
#content .grid-quarter h3 a, #content .grid-third h3 a, #content .grid-fifth h3 a {
  display: block;
}
.OTAGO000584 #content .grid-fifth h3 {
  position: relative;
  margin-top: 28px;
}
.OTAGO000584 #content .grid-fifth h3:after {
  top: -21px;
  position: absolute;
}
#content .grid-quarter p, #content .grid-third p, #content .grid-fifth p, #content .grid-third li {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
}
#content .grid-third li {
  margin-bottom: 7px;
}
#content .grid-quarter p, #content .grid-fifth p {
  margin-bottom: 7px;
}
#content .grid-quarter p:not(:first-child), #content .grid-third p:not(:first-child), #content .grid-fifth p:not(:first-child) {
  margin: 0px 14px 14px 14px;
}
#content .grid-quarter img, #content .grid-third img, #content .grid-fifth img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
#content .grid-quarter a, #content .grid-third a, #content .grid-fifth a {
  border-bottom: none;
}

/* Postgraduate physiotherapy study at Otago */

body.OTAGO045556 #content .grid-third:nth-of-type(4n),
body.OTAGO045513 #content .grid-third:nth-of-type(3n),
body.OTAGO045562 #content .grid-third:nth-of-type(3n),
body.OTAGO045514 #content .grid-third:nth-of-type(3n) {
  margin-right: 0;
}
/* body.OTAGO045556 #content div {
  border: solid 3px red;
  display:flex;
  flex-wrap:wrap;
} */

body.OTAGO045556 #content .responsive-embed-container {
  width: 100%;
  margin-bottom: 30px;
}

/* Temp styles (need to be migrated to test in switchover) */

body.OTAGO045562 #content .grid-third {
  min-height: 640px;
}
body.OTAGO045562 #content .clinics-logos {
  float: left;
}
body.OTAGO045562 #content .clinics-logos ul {
  list-style-type: none;
  margin-left: 0;
}
body.OTAGO045562 #content .clinics-logos li {
  float: left;
}
body.OTAGO045562 #content .clinics-logos li:first-of-type {
  margin-right: 46px;
}
body.OTAGO045562 #content .clinics-logos li img {
  max-width: 150px;
}
body.OTAGO045513 #title h1.notopimage,
body.OTAGO045556 #title h1.notopimage,
body.OTAGO045562 #title h1.notopimage,
body.OTAGO045514 #title h1.notopimage {
  max-width: 882px;
}
body.OTAGO045513 #content,
body.OTAGO045556 #content,
body.OTAGO045562 #content,
body.OTAGO045514 #content {
    width: 882px;
}

body #content .grid-third ul {
  margin: 0 28px;
}
body.OTAGO045513 #right,
body.OTAGO045556 #right,
body.OTAGO045514 #right,
body.OTAGO045562 #right {
    margin-top: 0px;
    padding-left: 0;
    margin-left: 0;
    background: none;
    position: absolute;
    top: 600px;
    border-top: none;
}
body.OTAGO045513 #right img,
body.OTAGO045556 #right img,
body.OTAGO045514 #right img,
body.OTAGO045562 #right img {
    display: none;
}
body.OTAGO045513 #right p.smalltag,
body.OTAGO045556 #right p.smalltag,
body.OTAGO045514 #right p.smalltag,
body.OTAGO045562 #right p.smalltag {
    text-transform: none;
    padding-left: 20px;
}
body.OTAGO045513 #pagemetadata,
body.OTAGO045556 #pagemetadata,
body.OTAGO045514 #pagemetadata,
body.OTAGO045562 #pagemetadata {
    clear: both;
    padding-left: 0;
    margin-left: 0;
}



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

Media Queries */

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



@media only screen and (min-width: 769px) and (max-width: 1024px) {
  body.OTAGO045510 #right #pagemetadata {
    left: -649px;
  }
  body.frontpage #content.otgx,
  body.OTAGO045562 #content {
    max-width: 650px;
  }
  body.frontpage #wrapper {
    background-position: -420px 36px;
  }
  body.frontpage #content h3 {
    font-size: 17px;
  }
  .video-container .video-caption p {
    margin-top: 0;
  }


  /* Landing pages */

  body.OTAGO045513 #title h1.notopimage,
  body.OTAGO045556 #title h1.notopimage,
  body.OTAGO045562 #title h1.notopimage,
  body.OTAGO045514 #title h1.notopimage {
    max-width: 650px;
  }
  body.OTAGO045513 #content, /* Undergraduate */
  body.OTAGO045556 #content, /* Postgraduate */
  body.OTAGO045514 #content, /* Research */
  body.OTAGO045562 #content { /* Clinics */
    width: 650px;
  }
  
  .OTAGO045514 #features {
    max-width: 650px;
    width: 100%;
  }
}



@media only screen and (max-width: 768px) {
  #title h1 {
    background-size: 250px;
    background-position: 15px 60px;
  }
  body.frontpage #wrapper {
   background-position: -500px 36px;
  }
  body.frontpage #title h1 {
   background-position: 0 150px;
   background-size: 250px;
  }
  body.OTAGO045510 #right .rightcontentwysiwyg {
    display:block;
    float: left;
  }
  body.OTAGO045510 #right .featured,
  body.OTAGO045510 #right .news,
  body.OTAGO045510 #right .otagoprofile {
    background: none;
    position: static;
    padding: 0;
    width: 186px;
    margin-right: 46px;
    float: left;
    display: block;
    margin-top: 0;
  }
  body.OTAGO045510 #right .news {
    margin-right: 0;
  }
  body.OTAGO045510 #right #pagemetadata {
    left: 0;
    top: -300px;
    width: 176px;
    padding-right: 0;
  }
  body.frontpage #content.otgx,
  body.OTAGO045562 #content {
    max-width: 418px;
  }
  .video-container .responsive-embed-container {
    width: 100%;
    float: none;
  }
  .video-container .video-caption {
    box-sizing: border-box;
    float: none;
    margin-top: 0;
    padding: 14px;
    width: 100%;
  }
  .video-container .video-caption p {
    margin: 0;
  }
  body.frontpage #content .grid-quarter {
    margin-bottom: 21px;
    width: 47.3%;
  }
  body.frontpage #content .grid-quarter:nth-of-type(2n+1) {
    margin-right: 0;
  }

  /* Landing pages */

  body.OTAGO045513 #title h1.notopimage,
  body.OTAGO045556 #title h1.notopimage,
  body.OTAGO045562 #title h1.notopimage,
  body.OTAGO045514 #title h1.notopimage {
    max-width: 418px;
  }
  body.OTAGO045513 #content, /* Undergraduate */
  body.OTAGO045556 #content, /* Postgraduate */
  body.OTAGO045514 #content, /* Research */
  body.OTAGO045562 #content { /* Clinics */
    width: 418px;
  }
  body.OTAGO045513 #content .grid-third, /* Undergraduate */
  body.OTAGO045556 #content .grid-third, /* Postgraduate */
  body.OTAGO045514 #content .grid-third, /* Research */
  body.OTAGO045562 #content .grid-third { /* Clinics */
    width: 100%;
    margin-right: 0;
    min-height: initial;
    padding-bottom: 21px;
  }
  .OTAGO045514 #features {
    margin-left: 232px;
  }
  .OTAGO045514 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description,
  .OTAGO045514 #features article {
    margin-bottom: 35px;
    width: 47.3%;
  }
  .OTAGO045514 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description:nth-of-type(2n),
  .OTAGO045514 #features article:nth-of-type(2n) {
    margin-right: 0;
  }
}





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

@media only screen and (max-width: 700px) {
 body,
 body.OTAGO045510,
 body.frontpage {
   background: none;
 }
 #wrapper,
 body.frontpage #wrapper {
   background-image: url(gfx/banner-inner.jpg);
   background-size: 1121px;
   background-position: -340px 35px;
 }
 #wrapper:before,
 body.frontpage #wrapper:before {
   background-position: 0 0;
   background-size: 300px;
    top: 235px;
  }
 .titleinner {
   width: 92%;
 }
 #title h1.notopimage,
 body.OTAGO045510 #title h1,
 body.frontpage #title h1.notopimage {
    background-position: 0 44px;
    background-size: 200px;
    font-size: 35px;
    line-height: 1.2;
    padding-bottom: 21px;
    padding-top: 215px;
    padding-left: 0;
  }
  body.OTAGO045513 #title h1.notopimage,
  body.OTAGO045556 #title h1.notopimage,
  body.OTAGO045562 #title h1.notopimage,
  body.OTAGO045514 #title h1.notopimage {
    max-width: 97%;
  }
 body.OTAGO045510 #right .featured, body.OTAGO045510 #right .news, body.OTAGO045510 #right .otagoprofile {
   margin-right: 0;
   width: 100%;
 }
  body.frontpage #content.otgx {
    max-width: 97%;
  }
  #content .grid-quarter img,
  #content .grid-third img,
  #content .grid-fifth img {
    max-width: 100%;
    float: none;
  }
  .titleinner h1 {
    max-width: 97% !important;
  }
  #content h2 {
    font-size: 25px;
  }
  body.OTAGO064113 #title h1 {
    background-position: 0 44px;
    background-size: 200px;
    padding-top: 220px;
  }
  body.OTAGO064113 #content h1 {
    font-size: 30px;
  }

  /* Landing pages */

  body.OTAGO045513 #content, /* Undergraduate */
  body.OTAGO045556 #content, /* Postgraduate */
  body.OTAGO045514 #content, /* Research */
  body.OTAGO045562 #content { /* Clinics */
    width: 96%;
  }

  body.OTAGO045562 #content .clinics-logos img {
    float: none;
    margin-bottom: 14px;
  }
  .OTAGO045514 #features {
    max-width: 97%;
  }
  .OTAGO045514 #features {
    margin-left: 0;
  }
}

@media only screen and (max-width: 400px) {
  body.frontpage #content .grid-quarter h3 {
    hyphens: auto;
  }
}