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

/*********

MAORI CENTRE CSS

*********/

#wrapper {
  background: url(gfx/banner-2023.jpg) right 0px no-repeat;
}
body {
    text-rendering: optimizeLegibility;
    background: url(gfx/background-2023.png) 0 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;
}


nav#global_nav a span.english-hover {
	display: none;
}
nav#global_nav a:hover span.maori-hover {
	display: none;
}
nav#global_nav a:hover span.english-hover {
	display: block;
}

:root {
  --first-color: #68755b;
  --second-color: #888888;
  --third-color: #68755b;
  --fourth-color: #888888;
  --fifth-color: #888888;
  --otago-dark-blue: #163568;
  --otago-light-blue: #00508f;
  --otago-link-blue: #416ebf;
  --otago-yellow: #f9c013;
  --otago-pg-blue: #0c385a;
  --otago-light-grey: #888888;
  --otago-dark-grey: #555555;
  --otago-background-grey1: #f5f5f5;
  --otago-background-grey2: #f1f1f7;
  --otago-background-grey3: #dddddd;
}



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

#title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    background: url(gfx/title-2023.png) 0px 65px no-repeat;
    color: var(--first-color);
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0px 0 28px 23px;
    max-width: 882px;
    padding: 400px 0 0 0;
    position: static;
    text-rendering: optimizeLegibility;
}
#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;
}
#content h5 {
      color: var(--fifth-color);
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 19px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}

/* #content h1 {
    display: none;
} */

#content table {
	border-bottom: 1px solid #cccccc;
}
#content ul.pagesubnav {
    background: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #dddddd;

}
#content ul.pagesubnav li {
    list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
}
#right {
	background-image: none;
}
#content {
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
#content p.fullwidthimage img,
#content p img,
#content h3 img{
    border: none;
}
#content .tile-box-shadow-container h2 a {
  font-family: "Amsi pro condbold", Helvetica, Arial, sans-serif;
  font-size: 23px;
    border-bottom: none;
}
body.OTAGO049061 #content h4 {
    color: var(--first-color);
    margin-top: 5px;
    font-family: "Amsi pro condlight", Helvetica, Arial, sans-serif;
    font-style:italic
}
body.OTAGO049061 #content h4:after {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 14px;
}
body.OTAGO049061 #content h4+h5 {
    margin-top: 10px;
}
body.OTAGO049061 #content p:first-of-type {
    color: var(--first-color);
    font-family: "Amsi pro condlight", Helvetica, Arial, sans-serif;
    font-size: 23px;
    line-height: 1.4
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}
#content ul.pagesubnav li {
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 5px;
}
#content ul.pagesubnav {
   background-color: var(--otago-background-grey2);
   border: solid var(--otago-background-grey3) .5px;
}
#content ul.pagesubnav strong {
    color: var(--first-color);
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
    letter-spacing: .4px;
}


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

/* body.frontpage {
  background: url(gfx/background.png) 0 0px repeat-x;
}
body.frontpage #wrapper {
  background: url(gfx/banner.jpg) center 0px no-repeat;
}
body.frontpage #wrapper::before {
  background: url(gfx/tessellation.png) 0px 32px no-repeat;
}
body.frontpage #title h1 {
    background-position: 0 150px;
	font-size: 28px;
	line-height: 1.4;
    padding-top: 390px;
}
body.frontpage #content {
  padding-bottom: 70px;
}
body.frontpage #content hr {
	margin: 35px 0 35px 0;
	border-top: 1px solid #e4e4e4;
}
body.frontpage #title h1.notopimage {
	font-size: 24px;
  max-width: 882px;
  text-indent: -9999px;
}
body.frontpage #content h2 {
	border-top: none;
	border-bottom: none;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 26px;
    letter-spacing: 0.03em;
	margin: 0 0 21px 0;
  padding-top: 0px;
  text-rendering: optimizeLegibility;

}
body.frontpage #content h2 span {
  color: #519119;
}
body.frontpage #content .grid2:nth-of-type(2) {
  margin-right: 0;
}
body.frontpage #content .grid_third:nth-of-type(3n) {
  margin-right: 0;
}
body.frontpage #content .grid_third h2 {
  color: #00b0eb;
  margin-top: 21px;
}
body.frontpage #content .grid_third.last h2 {
  color: #444444;
  margin-top: 0;
}
body.frontpage #content .grid_third p,
body.frontpage #content .grid2 p {
  background: url(gfx/arrow.png) no-repeat;
  padding-left: 35px;
  padding-bottom: 3px;
  margin-top: 21px;
  margin-bottom: 28px;
}
body.frontpage .stroke-divider {
  background: url(gfx/stroke-divider.jpg) no-repeat;
  background-position: 0 bottom;
  padding-bottom: 21px;
  margin-bottom: 42px;
}
body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}
body.frontpage #right p {
  border-bottom: none;
}


body.OTAGO049066 #content h2 {
	clear: both;
} */

/* body.frontpage #content .grid4.last.stroke-divider {
    background: red;
} */
body.frontpage #content .intro h2 {
    font-size: 29px;
}
body.frontpage #title h1.notopimage {
    font-size: 55px;
    margin-bottom: 0;
}
body.frontpage #content .intro .english h2 {
    color: var(--first-color);
}
body.frontpage #content .intro .maori h2 {
/*     color: #888888; */
    font-size: 27px
}
body.frontpage #content .intro .english {
    border-bottom: 4px dotted #dddddd;
    margin: 0px 0px 30px 0;
}
body.frontpage #content .tile-box-shadow-container .grid-half:hover,
.grid-quarter:hover,
.grid-half:hover{
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px);
}
body.frontpage #content .tile-box-shadow-container .grid-half,
.grid-quarter,
.grid-half{
    box-shadow: 0 4px 4px rgba(0,0,0,0.05),
              0 15px 14px rgba(0,0,0,0.03);
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease;
}
body.frontpage #content .tile-box-shadow-container .grid-half h2{
    color: var(--first-color);
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
}
body.frontpage #content .responsive-embed-container {
    margin-bottom: 20px;
}



/* Orientation Week */
    
body.frontpage #content .tile-box-shadow-container.grid-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
/*     width: 882px; */
}
body.frontpage #content .tile-box-shadow-container.grid-container h2 {
    width: 100%;
    font-size: 40px;
    background: url(/_assets/OtagoCorporate/gfx/future-students/border-dot.svg) repeat-x;
    background-size: 7px;
    margin-top: 30px;
    padding-top: 20px;
}
body.frontpage #content .tile-box-shadow-container.grid-container .grid-quarter {
  width: 21%;
}

#content .grid-quarter h3{
  margin: 14px 14px 7px 14px;
  font-family: "Amsi pro condbold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 23px;
  line-height: 1.15;
}
#content .grid-quarter h3 a {
  border-bottom: none;
}
#content .grid-quarter p:not(:first-child) {
  margin: 0px 14px 14px 14px;
}
#content .grid-quarter img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
#content .grid-quarter h3:after {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 14px;
}







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

MEDIA QUERIES

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


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

@media only screen and (max-width: 1280px) {
  #wrapper {
    background-size: 1100px;
    background-position: right -100px top 30px;
  }
  body {
    background-size: 10.5px;
  }
  #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    padding-top: 330px;
  }
}

@media only screen and (max-width: 932px) {
  #wrapper {
    background-size: 900px;
    background-position: right -70px top 30px;
  }
  body {
    background: none;
  }
  #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
    padding-top: 260px;
    font-size: 50px;
    background-size: 240px;
      padding-bottom: 5px
  }
  body.frontpage #content .intro h2,
  body.frontpage #content .intro .maori h2 {
    font-size: 23px;
}
  body.frontpage #title h1.notopimage {
    font-size: 50px;
    margin-bottom: 0;
}
  body.frontpage #content .intro .english {
    border-bottom: 4px dotted #dddddd;
    margin: 0px 0px 30px 0;
  }
  #content h2,
    body.frontpage #content .tile-box-shadow-container.grid-container h2 {
    font-size: 35px;
    }
}

@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 (min-width: 701px) and (max-width: 1160px) {
  #contentwrapper, .topnavinner, .titleinner, footer.wrapper, div.footer_wrapper {
    box-sizing: border-box;
    width: 100%;
  }
  #contentwrapper, .topnavinner, footer.wrapper, div.footer_wrapper {
    max-width: 1114px;
  }
  ul#breadcrumbs {
    box-sizing: border-box;
    margin-left: 0;
    max-width: 70%;
    overflow: hidden;
    padding-left: 232px;
    width: 100%;
  }
  #contentwrapper {
    margin: 0;
    padding: 0;
    width: 98%;
  }
  div#nav_holder {
    max-width: 100%;
    width: 100%;
  }
  .titleinner {
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 252px;
  }
  div#nav_wrapper {
    left: 23px;
  }
  #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage  {
      margin-left: 0;
  }
  #title ul#breadcrumbs {
    margin-left: 0;      
  }
  #content {
    box-sizing: border-box;      
    max-width: 100%;
    padding: 12px 0px 46px 252px;
    width: 100%;
  }
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
   div#nav_holder {
    left: 0;
   }
   #title h1.notopimage {
     max-width: 100%;
   }
   #wrapper {
     width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    #content {
        max-width: 97%;
    }
     #content .tile-box-shadow-container {
      justify-content: space-between;
    }
    #content p+h2 {
        margin-bottom: 0px;
        margin-top: 25px;
    }
}


/* iPad landscape */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body.frontpage #title h1.notopimage {
		max-width: 650px;
	}
	body.frontpage #title h1 {
        font-size: 28px;
    }
	body.frontpage #content .grid2 {
		max-width: 302px;
	}
    body.frontpage #content .stroke-divider {
        background: url(gfx/stroke-divider.jpg) no-repeat 0 bottom;
        padding-bottom: 35px;
        background-size: contain;
        margin-bottom: 35px;
    }
    body.frontpage #content .grid_third {
        width: 186px;
    }
}





/* Landscape tablet  */

@media only screen and (max-width: 768px) {
    body.frontpage #title h1 {
        background-position: 0 100px;
        padding-top: 285px;
    }
    body.frontpage #content {
        padding-top: 0;
    }
    body.frontpage #content .grid_third.last h2 {
        margin-top: 0;
        color: #00b0eb;
    }
    body.frontpage .stroke-divider {
        background: none;
        padding-bottom: 14px;
    }
    body.frontpage #content .grid_twothirds {
        width: 100%;
    }
    body.frontpage #content .grid_third.last h2 {
        margin-top: 21px;
    }
    body.frontpage #content .grid_third {
        width: 100%;
    }
    body.frontpage #content .grid4 .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    #right {
        border-top: 1px solid #e4e4e4;
        margin-top: 0px;
    }
    body.frontpage #right {
        border-top: none;
        width: 186px;
    }
}



/* Landscape tablet  */

@media only screen and (max-width: 700px) {
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        padding-top: 240px;
        margin-left: 0;
    }
}


@media only screen and (max-width: 600px) {
    #wrapper {
	  background-position: right -60px top 30px;
      background-size: 750px
    }
    body.frontpage #content .tile-box-shadow-container.grid-container .grid-quarter {
        width: 48%;
    }
    body.frontpage #content .tile-box-shadow-container.grid-container .grid-quarter img {
        padding-bottom: 14px;
    }
    #content {
       width: 97%
    }
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        padding-top: 200px;
        margin-left: 0;
        background-size: 175px;
        background-position: 0 30px;
        font-size: 40px
    }
    #content h2,
    body.frontpage #content .tile-box-shadow-container.grid-container h2 {
        font-size: 29px;
    }
}

@media only screen and (max-width: 400px) {
    #title h1, body.frontpage #title h1.notopimage, #title h1.notopimage {
        background-size: 150px;
        background-position: 0 15px;
        padding-top: 160px;
        font-size: 33px;
    }
    #wrapper {
	  background-position: right -60px top 30px;
      background-size: 600px
    }
    body.frontpage #content .tile-box-shadow-container .grid-half.tile-box-shadow-thumbnail-no-description,
    body.frontpage #content .tile-box-shadow-container .grid-quarter{
        margin-bottom: 35px
    }
    body.OTAGO049061 #content img {
/*         border: solid red 3px; */
        max-width: 150px;
    }
    body.frontpage #content .intro .english h2,
    body.frontpage #content .intro .maori h2{
        font-size: 20px;
    }
}




@media (hover: none) {
    nav#global_nav a span.english-hover,
    nav#global_nav a:hover span.maori-hover,
    nav#global_nav a:hover span.english-hover {
	   display: block;
    }
    nav#global_nav a span.english-hover {
        color: #a9bcd9;
        font-size: 11px;
        font-style: italic;
    }
}