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


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

English and Linguistics CSS

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

body {
    background: url(gfx/background.png) repeat-x 0 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;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#wrapper {
  background: url(gfx/banner.jpg) center 0px no-repeat;
}
#title h1 {
  background: url(gfx/title-2022.png) 20px 60px no-repeat;
  color: #76a0cf;
  font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 60px;
  font-variant-ligatures: normal;
  font-weight: normal;
  letter-spacing: -0.01em;
  line-height: 1;
  margin-top: 3px;
  max-width: 650px;
  padding: 315px 0 28px 23px;
  position: static;
  opacity: 1;
  text-rendering: optimizeLegibility;
}
.titleinner {
  padding-bottom: 0px;
  padding-top: 3px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
#content h1 {
  display: none;
}
#content h2 {
  border: 0;
  border-top: 4px dotted #dddddd;
  font-size: 30px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 0;
  padding-bottom: 7px;
    padding-top: 28px;
  text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2,
#content div + h2 { margin-top: 35px; }
#content h3 {
  font-family: 'Amsi Pro Condbold', 'Minion Pro', Minion, Georgia, Times New Roman, serif;
  line-height: 1.4;
  margin-top: 28px;
}
#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;
}
.OTAGO077838 #content .events {
    margin-bottom: 35px;
    margin-top: 42px;
}
#content ul.pagesubnav {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
    margin-top: 14px;
	padding-top: 14px;
	padding-bottom: 21px;
}
#content ul.pagesubnav li a {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content ul.pagesubnav li {
    list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
    list-style-position: outside;
    margin-bottom: 7px;
    margin-left: 10px;
    padding-left: 3px;
    padding-right: 14px;
}
.events article {
    background: none;
}
.events article:hover {
    background: none;
}
.OTAGO077838 .events article {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.OTAGO077838 #content .events article h3 {
    margin-top: 0;
}
.OTAGO077838 #content .events article p.smalltag {
    font-style: normal;
}
#content p.content-quote {
  box-shadow: 0 0 10px #e4e4e4;
  border: 1px solid #e4e4e4;
  padding: 0 14px 14px 14px;
  margin-bottom: 28px;
  font-family: "Minion Pro", Minion, Georgia, Times New Roman, Times, serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.3;
  color: #999999;
  position: relative;
}
#content p.content-quote:after {
  content: "";
  display: block;
  width: 31px;
  height: 18px;
  position: absolute;
  bottom: -17px;
  background: url(gfx/tail.png) no-repeat 0 0;
}
ul#social_media {
  height: auto;
  padding-bottom: 35px;
}
#content ul li {
	margin-bottom: 5px;
}
#content table td {
	font-size: 13px;
}
#right {
  background: none;
}
#right p,
#right ul,
#right ol {
  border-bottom: 0;
}



/*  FRONTPAGE  */

body.frontpage {
    background: url(gfx/background-frontpage.png) repeat-x;
    background-position: center top;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
    padding-top: 14px;
    padding-bottom: 21px;
}
body.frontpage #title h1 {
    background: url(gfx/title.png) 20px 130px no-repeat;
    font-size: 65px;
    line-height: 1.05;
    padding: 460px 0 21px 23px;
}
body.frontpage #content.otgx {
    width: 882px;
}
/* Intro and quote */
body.frontpage #content.otgx .grid-twothirds {
    width: 573px;
    margin-right: 46px;
    float: left;
}
body.frontpage #content .introduction.grid-twothirds h2 {
    font-size: 23px;
    line-height: 1.4;
}
body.frontpage #content.otgx .quotesregion {
    float: left;
    min-height: 230px;
    width: 263px;
}
body.frontpage #content h2 {
    border: 0;
    padding-top: 0;
}
/* Subjects region */
body.frontpage #content.otgx .gridthird {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 5px 15px #f5f5f5;
    box-sizing: border-box;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    float: left;
    margin-bottom: 21px;
    margin-right: 5.3%;
    min-height: 185px;
    padding: 21px;
    transition: box-shadow 0.3s ease-out;
    width: 47.3%;
}
body.frontpage #content.otgx .gridthird:hover {
    box-shadow: 0 0 0 #e4e4e4;
}
body.frontpage #content.otgx .gridthird h2 {
    border-bottom: none;
    font-size: 21px;
}
body.frontpage #content.otgx .gridthird h2 a {
    display: block;
    font-family: 'Amsi Pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 29px;
    line-height: 1.2;
    padding-top: 7px;
}
body.frontpage #content.otgx .gridthird h2 a:hover {
    border-bottom: none;
}
body.frontpage #content.otgx .gridthird:nth-of-type(3n+2) {
    margin-right: 0;
}
/* English region */
.englishregion {
    background: url(gfx/e-icon.png) no-repeat top 28px right 28px;
    background-size: 35px;
}
/* Linguistics region */
.linguisticsregion {
    background: url(gfx/l-icon.png) no-repeat top 28px right 28px;
    background-size: 35px;
}
/* English region */
.cissregion {
    background: url(gfx/i-and-s-icon.png) no-repeat 21px 32px;
}

body.frontpage #content .strokeregion {
    padding: 14px 0 28px 0;
    clear: both;
}
body.frontpage #content .strokeregion hr {
    border-top: 1px solid #e4e4e4;
}

/* Quote region */

.quote {
    box-shadow: 0 0 10px #f1f1f1;
    border: 1px solid #e4e4e4;
    padding: 14px;
    font-family: "Minion Pro", Minion, Times New Roman, Times, serif;
    font-style: italic;
    position: relative;
    background: #ffffff;
    transition: all 0.2s ease;
}
.quote:after {
    content: "";
    display: block;
    width: 31px;
    height: 18px;
    position: absolute;
    bottom: -17px;
    background: url(gfx/tail.png) no-repeat 0 0;
}
#content p.quote {
    font-size: 15px;
    line-height: 1.4;
    color: #888888;
}
#content p.quote_author {
    color: #888888;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.2;
    margin-top: 21px;
}
.quote_author strong {
    color: #333;
    font-family: "Minion Pro", Minion, Times New Roman, Times, serif;
    font-weight: normal;
    font-size: 15px;
}


/* News and events region */

body.frontpage #content.otgx .newsregion {
    width: 650px;
    margin-right: 46px;
    float: left;
}
body.frontpage #content.otgx .newsregion h2 {
    font-size: 26px;
    border-bottom: none;
    margin-bottom: 14px;
}
body.frontpage #content.otgx .newsregion article {
    margin-top: 0;
    margin-bottom: 35px;
    width: 186px;
    float: left;
    margin-right: 46px;
}
body.frontpage #content.otgx .newsregion article:nth-of-type(3n) {
    margin-right: 0px;
}
body.frontpage #content.otgx .newsregion article:nth-of-type(4n) {
    display: none;
}
body.frontpage #content.otgx .newsregion article {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
body.frontpage #content.otgx .newsregion article  a {
    border-bottom: 0;
}
body.frontpage #content.otgx .newsregion article img {
    margin-bottom: 0;
}
body.frontpage #content.otgx .newsregion article h3 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 7px;
    margin-top: 7px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
}
body.frontpage #content.otgx .newsregion article h3 a,
body.frontpage #content.otgx .profileregion article a {
    border-bottom: none;
}
body.frontpage #content.otgx .newsregion article p {
    font-size: 13px;
    font-family: Helvetica;
    font-weight: normal;
}
body.frontpage #content.otgx .newsregion article p.smalltag {
    display: inline-block;
    color: #888888;
    background: url(gfx/calendar-icon.svg) no-repeat 0px center;
    padding-left: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.05em;
    font-size: 10px;
    line-height: 1.4;
}
.no-svg body.frontpage #content.otgx .newsregion article p.smalltag {
    background: url(gfx/calendar-icon.png) no-repeat 0px center;
}
body.frontpage #content.otgx .newsregion .caption186 {
    display: none;
}
body.frontpage #content.otgx .profileregion {
    width: 186px;
    float: left;
}
body.frontpage #content.otgx .profileregion h2 {
    font-size: 26px;
    line-height: 1.3;
    border-bottom: none;
    margin-bottom: 0;
    margin-bottom: 14px;
}
body.frontpage #content.otgx .profileregion h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 7px;
}
body.frontpage #content.otgx .profileregion h3 a {
    border-bottom: none;
}
body.frontpage #content.otgx .profileregion p.caption186 {
    margin: 0;
    padding: 0;
    width: 186px;
    float: none;
    border: none;
}
body.frontpage #content.otgx .profileregion p img {
    margin: 0;
    padding: 0;
    border: none;
}
body.frontpage #content.otgx .profileregion p {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 7px;
    line-height: 1.5;
    color: #888888;
    font-style: normal;
}
body.frontpage #right {
    margin-left: 0;
    margin-top: -250px;
    padding-left: 0;
    background: none;
}



@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-2022@2x.png);
      background-size: 460px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1160px) {
    div#nav_holder {
        width: 97%;
    }
}



@media only screen and (min-width: 768px) and (max-width: 1160px) {
    #contentwrapper {
      padding-left: 0;
      padding-right: 0;
    }
    footer.wrapper,
    div.footer_wrapper,
    #topnav,
    .topnavinner,
    div#nav_holder  {
        box-sizing: border-box;
        max-width: 100%;
    }
    .titleinner {
        max-width: 79.8%;
        overflow: hidden;
        position: relative;
    }
    #title h1 {
        box-sizing: border-box;
    }
}




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


/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #wrapper {
        background-position: -580px 0;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    body.frontpage #content.otgx .grid-twothirds {
        width: 441px;
        margin-right: 23px;
    }
    body.frontpage #content.otgx .quotesregion {
        width: 186px;
    }
    body.frontpage #content.otgx .newsregion {
        width: 441px;
        margin-right: 23px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(3n) {
        margin-right: 46px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(2n) {
        margin-right: 0px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(4n) {
        display: block;
    }
}



@media only screen and (max-width: 768px) {
	  body.frontpage #content.otgx {
        width: 418px;
    }
    body.frontpage #wrapper,
    #wrapper {
        background-position: -640px 0;
    }
    body.frontpage #content.otgx .grid-twothirds {
        width: 418px;
        margin-right: 0px;
    }
    body.frontpage #content.otgx .quotesregion {
        width: 100%;
        margin-top: 14px;
        min-height: auto;
    }
    body.frontpage #content.otgx .gridthird {
        width: 100%;
        min-height: auto;
        box-sizing: border-box;
    }
    body.frontpage #content.otgx .newsregion {
        width: 418px;
        margin-right: 0;
        float: none;
    }
    body.frontpage #content.otgx .profileregion {
        width: 100%;
        float: none;
    }
    #title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #right {
        border-top: 1px solid #e4e4e4;
        border-bottom: none;
    }
    body.frontpage #right {
        margin-top: 0;
    }
    #title h1 {
       padding: 314px 0 28px 23px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(3n) {
       margin-right: 46px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(2n) {
       margin-right: 0px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(4n) {
       display: block;
    }
    body.frontpage #content.otgx .profileregion h2 {
        clear: both;
    }
}



/* Mobile styles*/

@media only screen and (max-width: 700px) {
   body,
   body.frontpage {
       background: none;
   }
    body.frontpage .titleinner,
    .titleinner {
        width: 100%;
        padding-bottom: 0;
    }
    .titleinner h1 {
        max-width: 97% !important;
    }
    #title h1 {
/*         background: url(gfx/title.png) 28px 36px no-repeat; */
        background-size: 190px;
        font-size: 50px;
        padding: 165px 14px 28px 4%;
        background-size: 280px;
        background-position: 8% 45px;
    }
    body.frontpage #title h1 {
        padding: 210px 43px 14px 4%;
        font-size: 45px;
        line-height: 1.2;
/*         background: url(gfx/title.png) 28px 46px no-repeat; */
        background-size: 280px;
        background-position: 8% 45px;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
    }
    body.frontpage #wrapper,
    #wrapper {
        background-position: -310px 0;
        background-size: 1000px;
   }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #content img {
        max-width: 100%;
    }
    body.frontpage #content.otgx .grid-twothirds {
        width: 100%;
    }
    body.frontpage #content.otgx .gridthird h2 a {
        padding-top: 63px;
        text-align: left;
    }
    .englishregion,
    .linguisticsregion,
    .cissregion {
        background-position: 21px 14px;
    }
    body.frontpage #content.otgx .newsregion {
        width: 100%;
    }
    body.frontpage #content.otgx .profileregion h2 {
        margin-top: 35px;
    }
    body.frontpage #content.otgx .profileregion p.caption186 {
        width: 97%;
    }
    body.frontpage #content.otgx .profileregion p.caption186 img {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    body.frontpage #content.otgx .newsregion article {
        width: 100%;
        margin-bottom: 14px;
    }
    body.frontpage #content.otgx .newsregion article:nth-of-type(3n) {
       margin-right: 0;
    }
}



@media only screen and (max-width: 450px) {
  body.frontpage #wrapper,
  #wrapper {
     background-position: -360px 0;
  }
  #title h1 {
    background-position: 20px 36px;
  }
}
