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

/*********

 BEATS study CSS

*********/

body {
  background: url(gfx/background.png) center 0px repeat-x;
}
#wrapper {
	background: url(gfx/banner.png) center 0px no-repeat;
}
.titleinner {
	margin-top: 0px;
}
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;
}
#title h1 {
	background: url(gfx/title.png) 0 95px no-repeat;
	color: #163866;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
	line-height: 1.05;
	margin: 0 0 0 23px; 
  padding: 335px 0 0px 0px;
  position: relative;
  opacity: 1;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  padding-right: 165px;
  max-width: 100%;
  margin-bottom: 21px;
}
#title img {
	display: none;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content button,
#right p,
#right li,
#right dt,
#right dd,
#content p.fullwidthimage {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#content li {
  margin-bottom: 7px;
}
#content table td,
#content table td p {
  font-size: 15px;
  line-height: 1.6;
}
#content th,
#content td,
#right p,
#right li {
  font-size: 13px;
}
#content h2 {
    border-bottom: none;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin: 35px 0 21px 0;
    text-rendering: optimizeLegibility;
}
#content  h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h3 {
    color: #444444;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 14px;
}
#right {
	background-image: none;
}




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

body.OTAGO054929 #title h1.notopimage {
  font-size: 45px;
  line-height: 1.1;
  margin-bottom: 35px;
  max-width: 100%;
  padding-right: 0;
}
body.OTAGO054929 #content hr {
	display: none;
}
body.OTAGO054929 #content h2 {
  margin-bottom: 7px;
  padding-bottom: 14px;
  padding-left: 35px;
	padding-top: 14px;
  text-rendering: optimizeLegibility;
}
body.OTAGO054929 #content .study h2 {
  background: url(gfx/exclaimation-icon.svg) 0px 19px no-repeat;
  background-size: 24px;
}
body.OTAGO054929 #content .funding h2 {
  background: url(gfx/money-icon.svg) 0px 19px no-repeat;
  background-size: 24px;
}
body.OTAGO054929 #content .collaboration h2 {
  background: url(gfx/plus-icon.svg) 0px 19px no-repeat;
  background-size: 24px;
}
body.OTAGO054929 #content h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  padding: 21px 0 21px 0;
}
body.OTAGO054929 #content .grid4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.OTAGO054929 #content .grid2 {
  min-height: 10px;
  margin-top: 0px;
  margin-right: 5.3%;
  margin-bottom: 46px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 14px 21px;
  width: 47.1%;
}
body.OTAGO054929 #content .grid2:nth-of-type(2n) {
  margin-right: 0;
}
body.OTAGO054929 #content .grid4 .grid1:nth-of-type(4n) {
  margin-right: 0;
}
body.frontpage #content ul {
  margin-left: 14px;
}
body.OTAGO054929 #content p.clearall {
  line-height: 0;
  margin-bottom: 0;
}
body.OTAGO054929 #content p.bordertop {
  border-top: 1px solid #e4e4e4;
}
body.OTAGO054929 #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}
body.frontpage #content {
  box-sizing: border-box;
  width: 100%;
}
#content .grid-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
}
#content .grid-third {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 46px;
  margin-right: 5.1%;
  padding-bottom: 21px;
  width: 29.9%;
}
#content .grid-third:nth-of-type(3n) {
  margin-right: 0;
}
#content .grid-third img {
  border: 0;
  border-radius: 2px 2px 0 0;
  padding: 0;
  margin: 0;
  width: 100%;
}
#content .grid-third p {
  margin-bottom: 7px;
}
#content .grid-third h2 a {
  display: block;
}
#content .grid-third h2 a:hover {
  border-bottom: 0;
}
body.frontpage #content .grid-third h2 {
  margin-left: 14px;
  margin-right: 14px;
}
body.frontpage #content h2 {
  font-size: 25px;
  margin: 0;
  padding: 0;
}





/* MEDIA QUERIES ************/

/* Hi-res logo */

@media (-webkit-min-device-pixel-ratio: 1.5),
      (min--moz-device-pixel-ratio: 1.5),
      (min-resolution: 1.5dppx),
      (min-resolution: 192dpi) {
          #title h1 {
             background: url(gfx/title@2x.png) 0px 95px no-repeat;
             background-size: 196px;
          }
}



/* iPad landscape > */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #wrapper {
    background-position: -540px 0;
  }
  #title h1.notopimage {
    max-width: 100%;
    padding-right: 0;
  }
  #contentwrapper {
    width: 879px;
  }
	body.OTAGO054929 #title h1.notopimage {
		max-width: 650px;
	}
  body.OTAGO054929 #content h2 {
    font-size: 26px;
  }
	body.OTAGO054929 #content .grid2 {
    width: 302px;
  }
	body.OTAGO054929 #content .grid2 img {
		max-width: 302px;
	}
  body.OTAGO054929 #content .grid4 .grid1 {
    width: 150px;
    margin-right: 16px;
  }
  body.OTAGO054929 #content .grid4 .grid1 img {
    max-width: 100%;
  }
}




/* Portrait tablet ^ */

@media only screen and (max-width: 768px) {
  #wrapper,
  body.OTAGO054929 #wrapper {
    background-position: -500px 0;
  }
  body.OTAGO054929 #title h1 {
		width: auto;
	}
  #title h1.notopimage {
    max-width: 100%;
    padding-right: 0;
    line-height: 1.2;
  }
  body.OTAGO054929 #title h1.notopimage {
    line-height: 1.2;
  }
	body.OTAGO054929 #content {
    padding-top: 0;
    padding-bottom: 42px;
  }
  body.OTAGO054929 #content h2 {
    font-size: 24px;
  }
  body.OTAGO054929 #content .grid2 {
    width: 100%;
    margin-right: 0;
  }
  body.OTAGO054929 #content .grid4 .grid1:nth-of-type(2n) {
    margin-right: 0;
  }
  body.OTAGO054929 #content .grid1 {
    width: 44.5%;
    min-height: 0;
    padding-top: 0;
  }
  body.OTAGO054929 #content p.bordertop {
    border-top: none;
  }
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.OTAGO054929 #right {
		border-top: none;
		width: 186px;
	}
}




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

@media only screen and (max-width: 700px) {
  body,
  body.OTAGO054929 {
    background: none;
  }
  #wrapper,
  body.OTAGO054929 #wrapper {
    background-size: 1100px;
    background-position: -300px 18px;
  }
  .titleinner {
    width: 92%;
  }
  #content {
    max-width: 97%;
    padding-top: 0;
  }
  #title h1 {
    font-size: 35px;
    margin-left: 0;
    width: 100%;
    padding-top: 150px;
    background-position: 0 22px;
    background-size: 120px;
  }
  .titleinner h1 {
    max-width: 100% !important;
    min-width: 186px !important;
  }
  body.frontpage #content img {
    float: none;
    max-width: 100%;
  }
  body.OTAGO054929 #title h1 {
    margin-left: 0;
    width: 100%;
    text-shadow: 1px 1px 0px #ffffff;
  }
  body.OTAGO054929 #title h1.notopimage {
    font-size: 35px;
  }
  body.OTAGO054929 #content h2 {
    font-size: 22px;
    text-align: left;
  }
  body.OTAGO054929 #content .grid2 {
    margin-bottom: 23px;
  }
  body.OTAGO054929 #content .grid1 {
    width: 44%;
    margin-right: 12%;
    margin-bottom: 0;
  }
  body.OTAGO054929 #content .grid2 {
    width: 100%;
    float: none;
  }
  body.OTAGO054929 #content div.grid2.frontpage-boxes {
    width: auto;
    max-width: 100%;
    min-height: 10px;
  }
  body.OTAGO054929 #content .grid1 p img {
    width: 100%;
    max-width: 100%;
    float: none;
  }
}



@media only screen and (max-width: 450px) {
  #content .grid-third {
    margin-bottom: 28px;
    width: 47.4%;
  }
  #content .grid-third:nth-of-type(3n) {
    margin-right: 5.1%;
  }
  #content .grid-third:nth-of-type(2n) {
    margin-right: 0;
  }
}