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

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

Dentistry CSS

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

body {
    background: url(gfx/background-2021.png) repeat-x 0 0;
}
#wrapper {
    background: url(gfx/banner-2021.jpg) no-repeat right 0;
}
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;
}
#title .titleinner {
    position: relative;
}
#title .titleinner:after {
    background: url(/_assets/_gfx/crest-line-left.svg) no-repeat 0 0;
    background-size: 350px;
    content: '';
    display: block;
    height: 500px;
    left: 105px;
    opacity: 0.06;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: -1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#title h1 {
  background: url(gfx/title@2x-2021.png) 23px 160px no-repeat;
  background-size: 281px;
  color: #1a82c9;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 65px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  max-width: 100%;
  padding: 460px 0 28px 23px;
  position: static;
  opacity: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
#title h1.notopimage {
    max-width: 650px;
}
.titleinner {
  padding-bottom: 0px;
  padding-top: 3px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
#content {
  min-height: 600px;
}
/* #content h2 {
  border-bottom: none; 
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 28px;
  padding-bottom: 7px;
  text-rendering: optimizeLegibility;
} */
#content h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
    font-size: 16px;
    line-height: 1.55;
}
#content p,
#content li,
#content ul li,
#content ol li,
#content dl,
#content dt,
#content dd {
    font-size: 16px;
    line-height: 1.5;
}
#content h2 {
      border-bottom: none;
      color: #00508f;
      font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1.15;
      padding-bottom: 10px;
      text-rendering: optimizeLegibility;
}
#content h3 {
      color: #858c96;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 26px;
      line-height: 1.2;
    margin-bottom: 21px;
      margin-top: 21px;
    -moz-osx-font-smoothing: grayscale;
}
#content h4 {
      color: #1b568c;
      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: #8f96a1;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 20px;
      letter-spacing: .4px;
      line-height: 1.3;
}
#content table th {
    background-color: #f5f5f5;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 700;
    line-height: 1.5;
}
#content ul.pagesubnav {
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding-bottom: 14px;
	padding-top: 14px;
}
#content ul.pagesubnav li {
	margin-bottom: 4px;
}
#content ul.pagesubnav li a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#content ul.pagesubnav li ul {
    margin-left: 14px;
    margin-top: 4px;
}
/* #content ul,
#content ul li,
#right ul li {
	list-style-image: url(/_assets/_gfx/arrow-pale-green-forward.svg);
	list-style-position: outside;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    list-style-position: outside;
    margin-left: 7px;
} */
#content ol li {
    font-size: 16px;
    padding-bottom: 3px;
}
#content table td,
#content table td p{
    font-size: 16px;
    line-height: 1.4;
}
#content .notice {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding-right: 28px;
}
#right h2 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 22px;
    letter-spacing: 0.02em;
    line-height: 1.2;
    margin-bottom: 21px;
    text-transform: none;
}
#right ul {
    margin-left: 10px; 
}
#right ul li {
    font-size: 14px;
}

#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
}
#content .tile-box-shadow-thumbnail-description img {
    border-radius: 2px 2px 0 0;
}
#content .tile-box-shadow-thumbnail-description p {
    font-size: 14px;
}

body.n6863 #title h1.notopimage {
	text-indent: -9999px;
	height: 0;
}
body.n6863 #content h1 {
	color: #1b568c;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.25;
	padding-bottom: 28px;
}
#content p.fullwidthimage img {
    border: none;
}

#content p img {
    border: none;
}
body.OTAGO120686 .tile-box-shadow-thumbnail-description li {
    list-style-position: inside;
}

#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;
}

/* Patient services */

body.OTAGO720222 #content {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    min-height: 100px;
	width: 100%;
}
body.OTAGO720222 #content .grid-half {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 2px 4px #e4e4e4, 0 20px 30px #f1f1f1;
	margin-bottom: 46px;
	margin-top: 14px;
	transition: all 0.3s ease-out;
	width: 47.5%;
}
body.OTAGO720222 #content .grid-half:hover {
	box-shadow: 0 0px 20px #f1f1f1;
}
body.OTAGO720222 #content .grid-half img {
	border: 0;
	border-radius: 2px 2px 0 0;
	margin: 0 0 0 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
}
body.OTAGO720222 #content .grid-half h2:before {
	background: #f9c000;
	content: '';
	display: block;
	height: 5px;
	margin-bottom: 7px;
	width: 47px;
}
body.OTAGO720222 #content .grid-half h2 {
	border: none;
	color: #416ebf;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
    line-height: 1.2;
	margin: 0 0 21px 0;
	padding: 0 21px;
	position: relative;
}
body.OTAGO720222 #content .smalltag {
    font-style: normal;
}
body.OTAGO720222 a[href*="facebook.com"] {
    background: url(/_assets/_gfx/social-facebook-logo-blue.svg) 0 3px no-repeat;
    background-size: 15px;
    padding-left: 20px;
}
body.OTAGO119281 #content h4 {
    font-size: 22px;
}

/* /// Clinics /// */

body.OTAGO830460 #content,
body.OTAGO120685 #content,
body.OTAGO120682 #content,
body.OTAGO120680 #content,
body.OTAGO817846 #content,
body.OTAGO817646 #content,
body.OTAGO815646 #content,
body.OTAGO720247 #content,
body.OTAGO120674 #content,
body.OTAGO814646 #content,
body.OTAGO815846 #content{
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    width: 100%;
}
body.OTAGO814646 #content .tile-box-shadow-container {
    margin-top: 42px;
}
body.OTAGO720247 #content .tile-box-shadow-thumbnail-no-description,
body.OTAGO120674 #content .tile-box-shadow-thumbnail-no-description,
body.OTAGO814646 #content .tile-box-shadow-thumbnail-no-description {
	margin-right: 5.3%;
	width: 21%;
}
body.OTAGO720247 #content .tile-box-shadow-thumbnail-no-description:nth-of-type(4),
body.OTAGO120674 #content .tile-box-shadow-thumbnail-no-description:nth-of-type(4){
	margin-right: 0;
}
body.OTAGO720247 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description h2,
body.OTAGO120674 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description h2,
body.OTAGO814646 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description h2 {
    color: #416EBF;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 14px;
}
body.OTAGO720247 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description:hover,
body.OTAGO120674 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px);
}
body.OTAGO720247 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description,
body.OTAGO120674 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description {
    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;
}
#content p + .fullwidthimage.noborder {
    margin-top: 35px;
}





/* Research profiles */

body.OTAGO121401 #content.otgx h1 {
    display: none;
}
.n6862 #content table {
    border: 1px solid #dddddd;
    margin-bottom: 35px;
}
.n6862 #content table th,
.n6862 #content table td {
    padding: 14px;
}
.OTAGO121401 #right .otagoprofile ul {
    margin-left: 0;
}
.OTAGO121401 #right .otagoprofile ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}
.n6862 #right {
    margin-top: 12px;
}
.n6862 #right .otagoprofile h2 {
    background: none;
    margin-bottom: 14px;
}




/* Expertise database */

.OTAGO120669 #content form fieldset,
.OTAGO120738 #content form fieldset {
    margin: 14px 0 28px 0;
    padding: 21px 14px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-radius: 3px;
}
.OTAGO120669 #content form label,
.OTAGO120738 #content form label {
    font-weight: normal;
    text-align: right;
    padding-right: 21px;
    box-sizing: border-box;
}
.OTAGO120669 #content form button.submit,
.OTAGO120738 #content form button.submit {
    margin-left: 186px;
    margin-bottom: 0;
    text-align: center;
    width: auto;
    background-image: url(/_assets/_gfx/tick-icon.svg);
    background-position: 4px center;
    background-size: 16px;
    padding: 4px 21px 4px 32px;
    transition: all 0.3s ease;
}
.OTAGO120669 #content .hs_staff_search_output ul,
.OTAGO120669 #content .hs_staff_search_output li,
.OTAGO120738 #content .hs_staff_search_output ul,
.OTAGO120738 #content .hs_staff_search_output li {
    list-style-type: none;
    margin-left: 0;
    list-style-position: outside;
}
.OTAGO120669 #content .hs_staff_search_output li,
.OTAGO120738 #content .hs_staff_search_output li {
    margin-bottom: 14px;
}
.OTAGO120669 #content .hs_staff_search_output li a,
.OTAGO120738 #content .hs_staff_search_output li a {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 23px;
    font-weight: 700;
}
.OTAGO120669 #content .hs_staff_search_output li em,
.OTAGO120738 #content .hs_staff_search_output li em {
    color: #777777;
    font-family: Georgia, Times New Roman, serif;
}
#right {
    background: none;
}
ul#social_media {
    padding: 40px 15px 120px 15px;
}


/*  FRONTPAGE  */

body.frontpage #title h1 {
  font-size: 47px;
  line-height: 1.15;
  margin-bottom: 14px;
  padding-right: 0;
}
body.frontpage #title h1.notopimage {
  max-width: 882px;
}
body.frontpage #content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
  width: 100%;
}
body.frontpage #content .grid-container.featureboxes {
  display: flex;
  flex-wrap: wrap;
    margin-bottom: 14px;
    margin-top: 49px;
  width: 100%;
}
body.frontpage #content a {
    border-bottom: 0;
}
body.frontpage #content h2 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 30px;
  line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
}
body.frontpage #content h2:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 5px;
    left: 21px;
    margin-bottom: 14px;
    position: absolute;
    top: 21px;
    width: 47px;
}
body.frontpage #content h2 a {
    display: block;
    padding: 35px 21px 28px 21px;
}
body.frontpage #content .grid3 + .grid3 + h2 {
  border-top: 7px dotted #dddddd;
  clear: both;
  margin-bottom: 21px;
  padding-top: 42px;
}
body.frontpage #content .grid-container .grid-half {
    box-sizing: border-box;
    margin-bottom: 46px;
    margin-right: 5.5%;
    transition: all 0.3s ease-out;
    width: 47.2%;
}
body.frontpage #content .grid-container .grid-half p {
    line-height: 1;
    margin-bottom: 0;
}
body.frontpage #content .grid-container .grid-half img {
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0;
}
body.frontpage #content .grid-container.featureboxes .grid-half,
body.frontpage #content .grid3:nth-of-type(2) .grid_half {
    border: 1px solid #cccccc;
    border-radius: 6px;
    box-shadow: 0 4px 4px #eee, 0 20px 20px #f9f9f9;
    padding:  0 0 0 0;
}
body.frontpage #content .grid-container.featureboxes .grid-half:hover {
    box-shadow: 0 0px 1px #eee, 0 5px 5px #f9f9f9;
}
body.frontpage #content li {
  margin-bottom: 7px;
}
body.frontpage #right article {
  margin-bottom: 14px;
}
body.frontpage #right article h3 {
  font-weight: 400;
  margin-bottom: 3px;
}
body.frontpage #content .grid3 {
    display: flex;
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
}
body.frontpage #content .grid3 .grid_half:hover {
    box-shadow: 0 0 0 #eeeeee;   
}
body.frontpage #content .grid3:nth-of-type(1) {
    margin-top: 35px;
}
body.frontpage #content .grid3:nth-of-type(2) {
    margin-bottom: 35px;
}
body.frontpage #content .grid3:nth-of-type(1) p {
    font-size: 16px;
    margin-left: 18px;
}
a[href*="facebook.com"] {
    background: url(/_assets/_gfx/social-facebook-logo-blue.svg) 0 7px no-repeat;
    background-size: 14px;
}
body.frontpage #content .grid3:nth-of-type(1) p a {
    background: none;
    padding-left: 0;
}
body.frontpage #content .grid3:nth-of-type(1) p:before {
    background: url(/_assets/_gfx/social-facebook-logo-blue.svg) 0 6px no-repeat;
    background-size: 12px;
    content: '';
    display: block;
    height: 20px;
    left: 21px;
    position: absolute;
    width: 15px;
}
body.frontpage #content .grid3:nth-of-type(3) {
    width: 100%;
}
body.frontpage #content h2 + p.smalltag {
    font-size: 15px;
}
body.frontpage #content ul {
    margin-left: 10px;
}
body.frontpage #content .smalltag {
    color: #888888;
    font-size: 15px;
    font-style: normal;
}

body.frontpage #right {
    border-top: 7px dotted #dddddd;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: 232px;
    padding-bottom: 100px;
    padding-top: 42px;
    padding-left: 0;
    width: calc(100% - 232px);
}
body.frontpage #right h2 {
    color: #1b568c;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 35px;
    padding-top: 0;
}
body.frontpage #right h3,
body.frontpage #right p {
    font-size: 15px;
    line-height: 1.5;
}
body.frontpage #right p.smalltag {
    background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 0 3px;
    font-size: 12px;
    font-style: normal;
    margin-top: 7px;
    padding-left: 20px;
}
body.frontpage #right #box1,
body.frontpage #right #box2,
body.frontpage #right #box3 {
    margin-top: 0;
    width: 29.7%;
}
body.frontpage #right #box1 {
    margin-right: 5.4%;
}
body.frontpage #right #box2 {
    margin-right: 5.4%;
}
body.frontpage #right #box1 img {
    display: none;
}
body.frontpage #right .events article {
    background: none;
}
body.frontpage #right .events article {
    padding-top: 0;
}


@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    /*#title h1,
    body.frontpage #title h1 {
      background-image: url(gfx/title@2x.png);
      background-size: 317px;
    }*/
    #wrapper {
        background-image: url(gfx/banner@2x-2021.jpg);
        background-size: 1911px;
    }
}

@media only screen and (max-width: 1420px) {
    #wrapper {
        background-position: -400px 0;
    }
}


/* Tablet styles */

/* Above 1024px breakpoint  */
@media only screen and (min-width: 701px) and (max-width: 1160px) {
    #contentwrapper,
    .topnavinner,
    .titleinner,
    footer.wrapper,
    div.footer_wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    #contentwrapper,
	.topnavinner,
    footer.wrapper,
    div.footer_wrapper { max-width: 1114px;	}
	ul#breadcrumbs {
		width: 100%;
		max-width: 70%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 232px;
		box-sizing: border-box;
	}
	#globalsearch {
		max-width: 232px;
		width: 100%;
	}
	div#nav_holder {
		max-width: 100%;
		width: 100%;
	}
	.titleinner {
		max-width: 100%;
		padding-left: 240px;
	}
	div#nav_wrapper { left: 23px; }
	#content {
		width: 78%;
        padding: 12px 0px 46px 232px;
		box-sizing: border-box;
	}
    body.frontpage #title h1 {
        background-position: 14px 116px;
        padding-left: 14px;
    }
    /* Expertise database */
    .OTAGO120669 #content form label,
    .OTAGO120738 #content form label {
        text-align: left;
    }
    .OTAGO120669 #content form button.submit,
    .OTAGO120738 #content form button.submit {
        margin-left: 0;
        margin-top: 14px;
        width: auto !important;
    }
	#right {
		width: 22%;
		box-sizing: border-box;
	}
}

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



@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #right {
        border-bottom: none;
    }
    #features .events {
        width: 418px;
        margin-left: 232px;
        border-left: none;
    }
    #features .events article {
        margin-top: 14px;
    }
    #features .events article:first-child {
        margin-top: 14px;
    }
    ul#social_media li {
        clear: both;
    }
}

/* Below 768 > 1024 breakpoint */
@media only screen and (min-width: 701px) and (max-width: 1024px) {
	div#nav_holder { left: 0; }
	div#nav_wrapper { left: 23px; }
	#wrapper { width: 100%; }
	.topnavinner  {	max-width: 100%; }
	#globalsearch {
		float: left;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	#globalsearch {
		padding-left: 232px;
		width: 100%;
	}
	#globalsearch form input.searchinput {
		width: 90%;
		box-sizing: border-box;
	}
	#globalsearch form button {	width: 10%; }
	ul#breadcrumbs { display: none; }
	#contentwrapper { max-width: 100%; }
	#content { width: 100%; }
	#right { padding-left: 232px; width: 100%; border-top: none; }
	#right label, #right input, #right textarea, #right fieldset, #right .relatedinfo, #right .relatedinfo_inside, #right .search, #right .askotago, #right .registration, #right .odtnews, #right .otagochoice, #right .pagemetadata, #right form {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}
	#right .rightwidget { padding-right: 0; }
}


/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage { background: none; }
    #wrapper,
    body.frontpage #wrapper {
        background-size: 1000px;
        background-position: -300px 0
    }
    body.frontpage .titleinner,
    .titleinner {
        width: 100%;
    }
    #title h1,
    body.frontpage #title h1 {
        padding: 225px 4% 21px 4%;
        background-position: 5% 60px;
        background-size: 200px;
        font-size: 46px;
    }
    body.frontpage #title h1 {
        font-size: 35px;
        line-height: 1.16;
        margin-bottom: 0;
    }
    #title .titleinner:after {
        background-size: 170px;
        left: 0px;
    }
    .titleinner h1 {
        max-width: 100% !important;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
    }
    #content {
        min-height: 200px;
    }
    #content h2 {
        font-size: 30px;
    }
    body.frontpage #content .grid-container.featureboxes {
        margin-top: 35px;
    }
    #content .grid3 .grid_half {
        width: 100%;
        margin-right: 0;
    }
    #right {
        border-top: none;
    }
    #features .events {
        width: 97%;
        margin-left: 0px;
        padding: 0;
    }
    #features .events article {
        width: 47.5%;
        margin-right: 5%;
    }
    #features .events article:nth-of-type(2n) {
        margin-right: 0;
    }
    nav.global_footer ul#social_media li {
        clear: both;
    }
    footer.wrapper, div.footer_wrapper {
        width: 98%;
    }
    /* Expertise database */
    .OTAGO120669 #content form fieldset,
    .OTAGO120738 #content form fieldset {
        padding: 14px 21px;
    }
    .OTAGO120669 #content form label,
    .OTAGO120738 #content form label {
        text-align: left;
    }
    .OTAGO120669 #content form input,
    .OTAGO120738 #content form input {
        width: 100%;
        padding: 7px;
    }
    .OTAGO120669 #content form button.submit,
    .OTAGO120738 #content form button.submit {
        margin: 14px 0;
        width: auto !important;
        float: right;
    }
    body.frontpage #content,
    body.OTAGO720222 #content,
    body.OTAGO814646 #content {
        max-width: 97%;
    }
    body.OTAGO720222 #content .grid-half h2 {
        padding-left: 14px;
    }
    .OTAGO720222 #content .grid-half img {
        float: none;
    }
    #content .tile-box-shadow-thumbnail-description p {
        hyphens: none;
    }
    body.frontpage #right {
        margin-left: 0;
        width: 97%;
    }
    body.frontpage #content .grid3 .grid_half {
        box-sizing: border-box;
        margin-bottom: 23px;
    }
    body.frontpage #content .grid3:nth-of-type(1) .grid_half,
    body.frontpage #content .grid3:nth-of-type(2) .grid_half {
        padding: 14px 14px 0 14px;
    }
    body.frontpage #content .grid3:nth-of-type(1) p::before {
        left: 14px;
    }
    body.frontpage #content .grid-container .grid-half img {
        float: none;
        max-width: 100%;
    }
    body.frontpage #content .grid3 .grid_half h2 {
        font-size: 26px;
    }
    body.frontpage #right #box1,
    body.frontpage #right #box2,
    body.frontpage #right #box3 {
        margin-right: 0;
        width: 100%;
    }
    body.frontpage #right > div {
        padding: 0;
        margin-bottom: 28px;
    }
    body.frontpage #right h2 {
        margin-bottom: 21px;
    }
    body.OTAGO814646 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description {
        width: 47.3%;
    }
    body.OTAGO814646 #content .tile-box-shadow-container .tile-box-shadow-thumbnail-no-description:nth-of-type(2n) {
        margin-right: 0;
    }
}


@media only screen and (max-width: 550px) {
    .OTAGO731289 #content .tile-box-shadow-thumbnail-description {
        margin-right: 5%;
        width: 47.5%;
    }
    .OTAGO731289 #content .tile-box-shadow-thumbnail-description:nth-of-type(2n) {
        margin-right: 0;
    }
    .OTAGO731289 #content .tile-box-shadow-thumbnail-description p + h2:first-of-type,
    .OTAGO731289 #content .tile-box-shadow-thumbnail-description p:not(:first-of-type) {
        padding-left: 10px;
        padding-right: 14px;
    }
    body.OTAGO720247 #content .tile-box-shadow-thumbnail-no-description,
	body.OTAGO120674 #content .tile-box-shadow-thumbnail-no-description {
		margin-bottom: 21px;
		width: 47%;
	}
	body.OTAGO720247 #content .tile-box-shadow-thumbnail-no-description:nth-of-type(2),
	body.OTAGO120674 #content .tile-box-shadow-thumbnail-no-description:nth-of-type(2) {
		margin-right: 0;
	}
    body.OTAGO720247 #content,
	body.OTAGO120674 #content {
		max-width: 97%
	}
}



@media only screen and (max-width: 430px) {
    #wrapper,
    body.frontpage #wrapper {
        background-position: -370px 0;
    }
    #title h1,
    body.frontpage #title h1 {
        background-position: 10% 60px;
    }
    body.frontpage #content .grid-container .grid-half {
        margin-bottom: 21px;
    }
    body.frontpage #content .grid-container .grid-half h2 {
        font-size: 26px;
        line-height: 1.1;
    }
    body.frontpage #content .grid-container .grid-half h2:before {
        left: 14px;
        top: 12px;
    }
    body.frontpage #content .grid-container .grid-half h2 a {
        padding: 21px 14px;
    }
}


@media only screen and (max-width: 330px) {
    body.frontpage #content .featureboxes .grid-half h2 {
        font-size: 22px;
    }
}