/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-italic'), url(/_assets/_fonts/opensans/opensans-italic.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-italic.woff) format('woff'); }
@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-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'); }

/* Pathways and Language Centre */

:root {
  --first-color: #70b3a6;
  --second-color: #70b3a6;
  --third-color: #517770;
  --fourth-color: #70b3a6;
  --otago-dark-blue: #163568;
  --otago-light-blue: #00508f;
  --otago-link-blue: #416ebf;
  --otago-yellow: #f9c013;
  --otago-pg-blue: #0c385a;
  --otago-light-grey: #555555;
  --otago-dark-grey: #888888;
  --otago-background-grey: #f5f5f5;
}

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

body {
    background: url(gfx/background-2021-b.jpg) center 0px repeat-x;
}
#wrapper {
    background: url(gfx/banner-2021-b.jpg) right 0px no-repeat;
}
.titleinner img {
    display: none;
}
#title h1 {
    background: url(gfx/title-2022.png) 0px 85px no-repeat;
    color: var(--first-color);
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 50px;
    font-variant-ligatures: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0 0 14px 23px;
    max-width: 650px;
    min-width: auto;
    opacity: 1;
    padding: 400px 0 0 0;
	position: relative;
}
#content p,
#content ul,
#content ol,
#content ul li,
#content ol li,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content button,
#content ul.pagesubnav li a,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
#content p,
#content ul,
#content ol,
#content ul li,
#content ol li,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd {
    font-size: 16px;
}
#content p.smalltag {
    font-size: 14px;
}
#content .grid-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
}
#content,
#title h1.notopimage {
  max-width: 882px;
  position: relative;
  width: 100%;
}
#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: 10px;
}
#content .grid-third ul {
  margin-left: 22px;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 2;
}
#content ul.pagesubnav li {
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 5px;
}
#content ul.pagesubnav {
   background-color: #f9f9f9;
}
#content h2 {
      border-bottom: none;
      color: var(--second-color);
      font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1.25;
      padding-bottom: 10px;
      text-rendering: optimizeLegibility;
}
#content h3 {
      color: var(--third-color);
      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: var(--fourth-color);
      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;
}

/* //////////// Frontpage new /////////////// */
body.OTAGO048993 #content #box3 {
    margin-bottom: 35px;
}
/*body.OTAGO048993 #content #box5 h2 {
    margin-bottom: 7px !important;
}*/
body.OTAGO057791 #content div:nth-of-type(3n),
body.OTAGO111033 #content div:nth-of-type(3n),
body.OTAGO111117 #content div:nth-of-type(3n),
body.OTAGO111127 #content div:nth-of-type(3n),
body.OTAGO111128 #content div:nth-of-type(3n),
body.OTAGO111129 #content div:nth-of-type(3n) {
    margin-right: 0px;
}
body.OTAGO057791 #content div .noborder img, /* InVision Page */
body.OTAGO111033 #content div .noborder img, /* Videos Page */
body.OTAGO111117 #content div .noborder img, /* Excursions Page */
body.OTAGO111127 #content div .noborder img, /* Student events Page */
body.OTAGO111128 #content div .noborder img, /* Staff functions Page */
body.OTAGO111129 #content div .noborder img { /* Classroom activities */
    width: 186px;
    margin-right: 28px;
    height: 131px;
    margin-bottom: 14px;
}

/* Newish styles (This CSS needs a cleanup - badly) */
div.showcase {
    transition: all 0.3s ease !important;
    margin-bottom: 21px;
}
div.showcase:nth-of-type(3n) {
    margin-right: 0 !important;;
}
div.showcase:hover {
    box-shadow:         0px 5px 15px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease !important;
}
.margin-zero {
    margin-right: 0px !important;
}
#content .showcase {
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    color: #416ebf;
    margin-bottom: 46px;
    margin-top: 0;
}
#content .showcase p {
    padding: 14px 7px;
}
#content .showcase img,
#content .showcase a {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
}
.showcase a {
    border-bottom: none !important;
}
.apply-front {
    background-color: #fbfbfb;
    border: 1px solid #d9d9d9;
    height: auto;
    width: 100%;
    float: left;
    border-radius: 3px;
}
.apply-front img {
    float: left;
    width: 186px;
}
.apply-front .apply-title {
  font-size: 19px;
  color: #777;
  padding-bottom: 7px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
}
.apply-text {
    float: left;
    padding: 14px;
    padding-bottom: 0px;
}
.apply-front .next-step {
    float: left;
}
/* #content h2 {
    border-bottom: none;
    border-top: 5px dotted #dddddd;
    color: #5d5d5d;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 21px;
    margin-top: 35px;
    padding-bottom: 0;
    padding-top: 28px;
    text-rendering: optimizeLegibility;
} */

#content  h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
    margin-top: 28px;
}
/* #content h3 {
    background: #ffffff!important;
    color: #575757;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    line-height: 1.4;
    margin-bottom: 14px;
    padding: 0 !important;
    text-align: left !important;
}
#content h3 font {
    color: #444444;
}
#content h4 {
    background: #ffffff !important;
    color: #333333 !important;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    text-align: left !important;
    margin-bottom: 21px;
    padding: 0 !important;
}
#content h4 font {
    color: #444444 !important;
}
#content h5 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
} */
#content p img[align="left"] {
    border: none;
    margin-bottom: 21px;
    padding: 0;
}
#content p img + img[align="left"] {
    display: block;
    margin-left: 9px;
}
#content p img + img[align="left"] + img[align="left"] {
    margin-left: 0;
}
#content p img + img[align="left"] + img[align="left"] + img[align="left"] {
    margin-left: 9px;
}
#content ul.pagesubnav {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    padding: 14px;
}
#right {
    background-image: none;
}
body.frontpage #content .info-tiles a {
    width: 139px;
    border-bottom: none;
    transition: all 0.3s;
}
body.frontpage #content .info-tiles a:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.3s !important;
}
.info-tiles .tile-text {
    padding: 9px 0px;
    width: 138px;
}
body.frontpage #content .grid2.offer {
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}
#content .tile-text {
    border-radius: 0 0 3px 3px;
    color: #416ebf;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin-top: 0;
    padding: 14px 14px;
}
#content .offer-container img {
    border-radius: 3px 3px 0 0;
}
.line-sep {
    display: block;
    width: 170px;
    height: 1px;
    background-color: #f9c000;
    margin-bottom: 21px;
}
body.frontpage #content a.offer {
    margin-bottom: 35px;
    border-bottom: none;
    transition: all 0.3s ease-out;
}
body.frontpage #content a.offer:hover {
    -webkit-box-shadow: 0px 5px 10px 0px #e4e4e4;
    box-shadow:         0px 5px 10px 0px #e4e4e4;
    transition: all 0.3s ease-out;
}
.features article h3 {
    font-size: 14px;
}
body.frontpage #content a.grid1 {
    width: 139px;
}

ul#breadcrumbs {
    font-size: 10px;
}

body.frontpage #content.otgx {
    width: 882px;
}

.grid3 {
    margin-right: 0px !important;
}

/* //////////// Features /////////////// */
.events article {
    margin-top: 0px !important;
}
body.frontpage #content .features article h3 { font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif; font-size: 14px; line-height: 1.5; font-weight: normal; margin: 7px 0 0 0; padding-bottom: 0px; margin-bottom: 0px; }

body.frontpage #content ul.contact-details {
    list-style: none;
}
body.frontpage #content ul.contact-details li a {
    border-bottom: none;
    line-height: 2;
}
#content .next-step a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    padding-right: 35px;
}
#content .apply-text .next-step {
    margin-bottom: 10px;
}
#content .articletext .smalltag {
    font-size: 12px;
    letter-spacing: 0.05em;
}
#right .rightcontentwysiwyg div.grid1 .study-title {
    width: 85% !important;
    line-height: 21px;
    height: 35px !important;
    font-size: 18px !important;
    text-align: center !important;
    color: #ffffff !important;
    padding: 14px !important;
    background: rgb(48,48,48); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(48,48,48,0.9) 0%, rgba(45,35,35,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,48,48,0.9)), color-stop(100%,rgba(45,35,35,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(48,48,48,0.9) 0%,rgba(45,35,35,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(48,48,48,0.9) 0%,rgba(45,35,35,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(48,48,48,0.9) 0%,rgba(45,35,35,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(48,48,48,0.9) 0%,rgba(45,35,35,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#2d2323',GradientType=0 ); /* IE6-9 */
}
#right .content-button {
    font-size: 14px !important;
    text-align: center !important;
    margin-top: 175px !important;
    border: 2px solid #dfa000 !important;
    cursor: pointer;
    -webkit-border-radius: 17px !important;
    -moz-border-radius: 17px !important;
    border-radius: 17px !important;
    background: #ffcd23 !important;
    position: absolute;
    left: 14px;
    right: 14px;
    padding: 4px !important;
    color: #333;
}
#right .content-button:hover {
    color: #000 !important;
    background: #ce9f1c !important;
}
#right .content-button a {
    color: #333 !important;
}
#right .back-img p {
    padding: 0 !important;
    border-bottom: none !important;
}
.back-img {
    display: block !important;
    width: 186px !important;
    height: 292px !important;
    background-image: url("./gfx/call-study.jpg") !important;
    text-align: center !important;
}

/* //////////// Staff page styles /////////////// */
/* body.OTAGO057788 #content .grid1 {
     border: solid red 3px;
}
body.OTAGO057788 #content .profile-container {
    border: solid blue 4px;
     display: flex;
    flex-wrap: wrap;
} */

body.OTAGO057788 #content .grid1:nth-of-type(3n)  {
    margin-right: 0;
}
body.OTAGO057788 #content .grid1:nth-of-type(3n+1)  {
    clear: left;
}
body.OTAGO057788 #content .staff-profile h3 {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    padding-top: 5px;

}
body.OTAGO057788 #content .staff-profile p {
    margin-bottom: 0;
}
body.OTAGO057788 #content .staff-profile {
    margin-bottom: 35px;
    word-wrap: break-word;
}
body.OTAGO057788 #content .staff-profile .staff-title {
/*     font-style: italic; */
}
body.OTAGO057788 #content h2 {
    clear: both;
}
/* body #content .grid1 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
} */

/* form help */
#content form .help { width: 46px; height: 0px; overflow: visible; margin: 0 !important; padding: 0 !important; position: relative; top: -42px; left: 620px; }
#content form div.help div { display: none; }
#content form div.help:hover div { display: block;
    text-align: left;
    padding: 5px 10px 5px 35px;
    border: 2px solid #ffcc00;
    margin-left: 0;
    width: 232px;
    background-color: #ffcc33 !important;
    color: #000000;
    position: absolute; left: 0px; top: 0px;
    z-index: 600;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#content form div.help:hover div:before {
    content: "";
    height: 20px;
    width: 20px;
    background: url(/_assets/_gfx/button-sprite.png) no-repeat -156px -155px;
    position: absolute; left: 5px; top: 5px;
}

#content form div.help:hover div a { color: #003399; }
#content form div.help:hover div a:hover { color: #003366; text-decoration: none; }

#content form div.help dl { font-size: 12px;  }
#content form div.help dt { width: 20%; float: left; margin: 0px; padding-right: 3px; font-weight: bold; }
#content form div.help dd { width: 70%; float: left; margin: 0px; padding-left: 3px; }
#content form div.help p a { border: none; }
#content form div.help p a:hover { border-bottom: 1px solid #416EBF; }

#content form fieldset legend span.required,
#content form fieldset fieldset legend span.required,
#content form label span.required { margin-left: 5px !important; }

#content form .answered { background-color: #f1f4f8; color: #000000; border: none; }
#content form .answered:hover { color: #000000; }

#content form p { margin-bottom: 10px; }

/* //////////// All form styles go here /////////////// */

/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.accordion {
    overflow:hidden;
    border-radius:3px;
    background:#f7f7f7;
}

/*----- Accordion form -----*/
#content .accordion label {
    width: 100%;
    font-size: 14px !important;
    margin-bottom: 7px;
    margin-top: 14px;
}

#content .accordion input {
    width: 100%;
    background-color: #fafafa;
    border-radius: 7px;
    border: 1px solid #cacaca;
    height: 28px;
    padding: 0 7px;
}
#content .accordion select {
    width: 100%;
    background-color: #fafafa;
    border-radius: 7px;
    border: 1px solid #cacaca;
    height: 28px;
    margin-bottom: 7px;
}
#content .accordion fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 0;
    background-color: #ffffff;
}
/*----- Section Titles -----*/
.accordion-section-number {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    border: 2px solid #cacaca;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    display: inline-block;
    margin-right: 14px;
    padding-top: 5px;
    font-weight: 400;
    background-color: #ffffff;
}


.accordion-section-title {
    width:100%;
    padding:14px;
    display:inline-block;
    border-bottom: none !important;
    border: 2px solid #cacaca;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    background:#f7f7f7;
    transition:all linear 0.15s;
    /* Type */
    font-size:21px;
    color: #515151 !important;
}

.accordion-section-title:hover {
    background: #cacaca;
    /* Type */
    text-decoration: none;
}

.accordion-section-title.active {
    background: #ffffff;
    /* Type */
    text-decoration: none;
}
.accordion-section-title.active .accordion-section-number {
    background-color: #4c8fff;
    /* Type */
    text-decoration: none;
    color: #ffffff;
    border: 2px solid #3878e1;
}

/*----- Completed classes -----*/
.accordion-section.completed a.accordion-section-title {
    background-color: #c2e2b7;
    border: 2px solid #75b65f;
    color: #5C924A !important;
}

.accordion-section.completed a.accordion-section-title .accordion-section-number {
    border: 2px solid #75b65f;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: 2px solid #cacaca !important;
}

.accordion-section:last-child .accordion-section-content {
    border-bottom: 2px solid #cacaca !important;
}

/*----- Section Content -----*/
.accordion-section-content {
    padding:0px 63px 14px 63px;
    display:none;
    background-color: #ffffff;
    border-left: 2px solid #cacaca;
    border-right: 2px solid #cacaca;
}

/*----- Help section -----*/
.help {
    border-top: none !important;
}
#content .accordion form .help {
    top: -33px;
    left: 100%;
    margin-left: 21px !important;
}

.accordion .accordion-section .help_div, .help_link {
    border-bottom: none !important;
}


/* //////////// Frontpage styles /////////////// */


body.frontpage #title h1 {
    line-height: 1.3;
    margin-bottom: 14px;
}
body.frontpage #title h1.notopimage {
    max-width: 100%;
    line-height: 1.1;
    padding-right: 0;
}
body.frontpage #content hr {
    margin: 0px 0 14px 0;
    padding: 0;
    border-top: 1px solid #e4e4e4;
}
body.frontpage #content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0px;
    min-height: 250px;
}
body.frontpage #content #box2.grid4 {
    float: none;
    margin-right: 0;
    margin-top: 35px;
}
body.frontpage #content h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #333333;
    text-rendering: optimizeLegibility;
    padding: 0px 0 21px 0;
    margin-top: 0;
}
body.frontpage #content .grid_third:nth-of-type(3n) {
    margin-right: 0;
}
body.frontpage #content .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content .grid4 .grid1:nth-of-type(5n) {
    margin-right: 0;
}
body.frontpage #content .grid1 ul {
    margin-left: 0;
    margin-top: 14px;
}
body.frontpage #content p.clearall {
    line-height: 0;
    margin-bottom: 0;
}
body.frontpage #content h2 a,
body.frontpage #content h3 a {
    border-bottom: none;
    padding-right: 14px;
}
.news article:hover {
    background-color: #ffffff;
}
body.frontpage #right {
    background-image: none;
    clear: both;
    margin: -250px 0 0 0;
    padding: 0;
}
body.frontpage #features {
    margin-bottom: 35px;
}
body.frontpage #features h2 {
    font-size: 28px;
    font-weight: 300;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #5d5d5d;
    line-height: 1.35;
    margin: 35px 0 7px 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.frontpage .features article img {
    box-shadow: 0 0 0px 1px #dddddd;
    max-height: 114px;
    width: 100%;
}
body.frontpage #content .features article a {
    border-bottom: none;
}
body.frontpage #content .tile-box-shadow-thumbnail-no-description {
    box-shadow: 0 5px 10px #e4e4e4, 0 20px 30px #f5f5f5;
    transition: all 0.3s ease;
}
body.frontpage #content .tile-box-shadow-thumbnail-no-description:hover {
    box-shadow: 0 1px 2px #e4e4e4, 0 5px 10px #f5f5f5;
}
body.frontpage #content .tile-box-shadow-thumbnail-no-description h2 {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
}
body.frontpage #content .tile-box-shadow-thumbnail-no-description h2 + p {
    margin-bottom: 21px;
    margin-left: 14px;
    margin-right: 14px;
}
body.frontpage #content .tile-box-shadow-thumbnail-no-description h2 a {
    display: block;
    color: var(--first-color);
}
body.frontpage #content .content-button a:hover,
body.frontpage #content .next-step a:hover,
body.frontpage #content .content-button.content-next a:hover,
body.frontpage #right .next-step a:hover {
	background-color: var(--third-color);
	color: #ffffff;
/*   border: 2px solid #dfa000; */
}
body.frontpage #content .content-button a,
body.frontpage #content .next-step a,
body.frontpage #content .content-button.content-next a,
body.frontpage #right .next-step a {
	background-color: var(--second-color);
	color: #ffffff;
  border: 2px solid silver;
}

/* //////////// Translations /////////////// */

body.OTAGO102602 #content ul.translations {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-left: 0;
    list-style-type: none;
    text-align: center;
    margin-top: 21px;
    margin-bottom: 21px;
}
body.OTAGO102602 #content ul.translations::before {
    content: 'Translations';
    display: block;
    color: #959595;
    font-family: 'Minion Pro', Georgia, serif;
    font-style: italic;
    background-color: #ffffff;
    font-size: 18px;
    width: 90px;
    text-align: center;
    margin: 0 auto;
    margin-top: -11px;
    padding-left: 14px;
    padding-right: 14px;
}
body.OTAGO102602 #content ul.translations li {
    margin: 14px 7px;
    padding: 21px 14px;
    margin-bottom: 21px;
    padding-bottom: 14px;
    text-align: center;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 3px;
    display: inline-block;
}
body.OTAGO102602 #content ul.translations li.active {
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9;
}
body.OTAGO102602 #content ul.translations li:hover {
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9;
}
body.OTAGO102602 #content ul.translations li a {
    color: #959595;
    border-bottom: none;
    font-family: 'Minion Pro', Georgia, serif;
    font-style: italic;
}
body.OTAGO102602 #content ul.translations li a img {
    width: 35px !important;
}
body.OTAGO102602 #content ul.translations li p {
    font-size: 16px;
    margin-bottom: 0;
}


/* Frontpage - Start here */

body.frontpage #content #box1.grid4 {
    float: none;
    margin: 21px 0;
}

body.frontpage #box2.grid4 {
    margin-bottom: 21px;
}

/* Frontpage - Contact */

body.frontpage #content .contact-front {
    margin-left: 46px;
    margin-right: 0;
}

/* Frontpage - News & vacancies */

body.frontpage #content .features.events.clearFix.grid4 {
    margin: 21px 0;
    margin-bottom: 70px;
}

/* Frontpage - News & vacancies */

body.frontpage #content .grid_half {
    width: 418px;
    margin-right: 46px;
}
body.frontpage #content .grid_half:nth-of-type(2n+1) {
    margin-right: 0;
}


/* Form styles for Custhelp */

#content .rn_AskQuestion form fieldset {
  margin: 14px 0 21px 0;
  box-sizing: border-box;
  width: 100%;
  padding: 14px 28px;
  background: #f9f9f9;
  border: 1px solid #dddddd;
}
#content .rn_AskQuestion form fieldset h2 {
  background: none;
  border: none;
  margin-top: 14px;
  margin-bottom: 21px;
  font-size: 25px;
}
#content .rn_AskQuestion form fieldset label {
  font-weight: normal;
  width: 100%;
}
#content .rn_AskQuestion form fieldset input,
#content .rn_AskQuestion form fieldset select {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 21px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 2px;
}
#content .rn_AskQuestion form fieldset select {
  height: auto;
}
#content .rn_AskQuestion input[required] {
  border-left: 1px solid #cccccc;
}
#content .rn_AskQuestion input[type="button"] {
  border-radius: 16px;
  width: auto;
  float: right;
  padding: 7px 35px 7px 28px;
  background-image: url(/_assets/_gfx/circle-white-arrow-forward.svg);
  background-repeat: no-repeat;
  background-position: right 6px top 6px;
  margin-right: 0;
  transition: all 0.3s ease-out;
}
#content .rn_AskQuestion input[type="button"]:hover {
  background-image: url(/_assets/_gfx/circle-white-arrow-forward.svg);
}

/*
*
* Responsive styles
*
*/

@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.notopimage {
               background-image: url(gfx/title-2022@2x.png);
               background-size: 450px;
           }
}

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


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


@media only screen and (max-width: 1750px) {
     #wrapper {
        background-position: right 0;
        background-size: 1000px;
    }
    body {
/*         background: none; */
        background-size: 12px;
    }
     #title h1.notopimage {
         background-size: 300px;
         padding-top: 250px;
         background-position: 0 20px;
    }
}
@media only screen and (max-width: 1250px) {
    #wrapper {
        background-position: 250px 0;
    }
    
/*       #title h1.notopimage,
    body.frontpage #title h1.notopimage {
         background-size: 350px;
         background-position: 0 40px;
    } */
}


/* iPad landscape > */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body {
/*         background: none; */
        background-size: 7.333px;
    }
      #wrapper {
        background-position: 200px 0;
        background-size: 1000px;
    }
    
     #title h1.notopimage {
         background-size: 300px;
         padding-top: 250px;
         background-position: 0 20px;
    }
/*     #wrapper {
        background-position -250px 0px no-repeat;
    }
    #title h1.notopimage {
        background-position: 0 80px;
        background-size: 400px;
        max-width: 100%;
        padding-right: 0;
        padding-top: 300px;
    } */
    body.frontpage #title h1.notopimage {
        max-width: 650px;
    }
    body.frontpage .feature-box-container,
    .features {
        background-size: 100%;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
        width: 184px;
        min-height: 205px;
    }
    body.frontpage .feature-box:hover:after {
        left: 27%;
    }
    .news article .articletext {
        width: auto;
        float: none;
    }
    body.frontpage #content .grid4 .grid1 img {
        max-width: 100%;
    }
    #features {
        width: 650px;
        margin: 0px 0px 0px 232px;
    }
    body.frontpage #content .grid2.offer {
        width: 302px;
    }
    body.frontpage #content a img {
        width: 100%;
    }
    .info-tiles .tile-text {
        width: 100%;
    }
    body.frontpage #content .info-tiles a.grid1 {
        width: 118px;
        margin-right: 14px;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    body.frontpage #content ul.translations li {
        margin: 0;
    }

    /* Apply online */

    body.frontpage #content #box3.grid3 {
       width: 302px;
    }
    body.frontpage #content .apply-front {
       width: 302px;
    }
    body.frontpage #content .apply-front img {
        width: 100%;
    }
    body.frontpage #content .grid_half {
       width: 302px;
    }

    /* Staff contact list */

    body.OTAGO057788 #content .grid1.staff-profile {
        margin-right: 46px;
    }
    body.OTAGO057788 #content .grid1.staff-profile:nth-of-type(3n) {
        margin-right: 46px;
    }
    body.OTAGO057788 #content .grid1.staff-profile:nth-of-type(3n+1) {
        margin-right: 46px;
        clear: none;
    }
    body.OTAGO057788 #content .grid1.staff-profile:nth-of-type(2n) {
        margin-right: 0;
    }
}

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

Portrait tablet ^

********/

@media only screen and (max-width: 768px) {
    body {
        background: none;
    }
    #wrapper {
        background-position: -150px 0;
        background-size: 1000px;
        width: 753px;
    }
    body.frontpage #title h1 {
        width: auto;
    }
    #title h1.notopimage {
        background-position: 0 70px;
        background-size: 400px;
        max-width: 100%;
        padding-right: 0;
        padding-top: 300px;
    }
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background-position -250px 0px no-repeat;
        background-size: 1200px;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 32px;
    }
    #content {
        background-size: 420px;
    }
    body.frontpage #content {
        padding-top: 0;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
        width: 62.5%;
    }
    body.frontpage #content .grid4 .grid_third.feature-box:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid4 .grid1:nth-of-type(2n) {
        margin-right: 0;
        margin-bottom: 28px;
    }
    body.frontpage #content .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;
    }
    #features .features {
        margin-bottom: 42px;
        margin-left: 232px;
    }
    .news article .articletext {
        width: 100%;
        float: none;
    }
    body.frontpage .feature-box-container,
    .features {
        background-size: 100%;
    }
    body.frontpage #content h3 {
        padding-bottom: 7px;
    }
    #right {
        border-top: 1px solid #e4e4e4;
        margin-top: 0px;
    }
    body.frontpage #right {
        border-top: none;
        width: 186px;
    }
    body.frontpage #content .info-tiles a.grid1 {
        width: 186px;
    }
    body.frontpage #content a img {
        width: 186px;
    }
    .info-tiles .tile-text {
        width: 186px;
    }
    .info-tiles .tile-text {
        width: 186px;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    body.frontpage #content .grid2.offer img {
        width: inherit;
    }
    .apply-front {
        width: 186px;
    }

    /* Apply online */

    body.frontpage #content #box3.grid3 {
        width: 186px;
    }
    body.frontpage #content .grid_half {
       width: 186px;
    }
}


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

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper,
    body.frontpage #wrapper {
        background-position: right 0;
        background-size: 850px;
/*         background-repeat: repeat-x; */
        width: 100%;
    }
    #content {
        max-width: 97%;
        width: 100%;
    }
    body.frontpage #content {
        background: none;
    }
    #title h1.notopimage,
    body.frontpage #title h1.notopimage {
        background-position: 0 20px;
        background-size: 240px;
        font-size: 45px;
        margin-left: 0;
        padding-top: 190px;
        width: 100%;
    }
   
    body.frontpage #title h1.notopimage {
        font-size: 35px;
        margin-bottom: 0;
        margin-left: 0;
        width: 100%;
    }
    body.frontpage #content h2 {
        font-size: 32px;
        text-align: left;
    }
    body.frontpage #content .grid1 {
        width: 44% !important;
        margin-right: 12%;
        margin-bottom: 0;
    }
    body.frontpage #content img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    body.frontpage #content .grid1 p img {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    #features .features {
        margin-left: 0px;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
        width: auto;
        max-width: 350px;
    }
    .info-tiles .tile-text {
        width: 98%;
    }
    .info-tiles a {
        width: inherit;
    }
    .info-tiles img {
        width: 100%;
    }
    body.frontpage #content a img {
        width: 100% !important;
    }
    .info-tiles .tile-text {
        padding: 9px 0px;
        width: 100%;
    }
    body.frontpage #content a.offer {
        margin-bottom: 35px;
        display: block;
    }
    body.frontpage #content.otgx {
        width: 95%;
    }
    body.frontpage #content .contact-front {
        width: 100% !important;
    }

    /* Translations */

    body.frontpage #content ul.translations {
        float: left;
    }
    body.frontpage #content ul.translations li {
        margin: 0;
        float: left;
        width: 49%;
        padding-left: 0;
        padding-right: 0;
    }
    body.OTAGO057788 #content .profile-container .grid1 img {
        float: left;
    }
}
@media only screen and (min-width: 424px) and (max-width: 699px) {
     #wrapper,
    body.frontpage #wrapper {
        background-position: -120px 0;
    }
}

@media only screen and (max-width: 423px) {
    #wrapper,
    body.frontpage #wrapper {
        background-position: -70px 0;
        background-size: 700px
    }
    body.frontpage #title h1.notopimage {
        font-size: 30px;
        padding-bottom: 0px;
    }
    #title h1.notopimage,
    body.frontpage #title h1.notopimage {
        padding-top: 160px;
        background-position: 0 10px;
    }
    body.frontpage #content .tile-box-shadow-thumbnail-no-description{
        width: 100%;
    }
}