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

Health Sciences BASECAMP CSS

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

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.png) right 35px no-repeat;
}
#wrapper:before {
   content: '';
    display: block;
    background: #1976bc;
    height: 285px;
    position: absolute;
    width: 100%;
    z-index: -99;
}
#title h1 {
  background: url(gfx/title.png) 23px 40px no-repeat;
  color: #1f4a8c;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin-bottom: 14px;
  opacity: 1;
  padding: 290px 0 21px 23px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1 {   
    
    
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#title p.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 28px;
    margin-top: -14px;
    padding-left: 23px;
}
#content h2 {
  border-bottom: none;
  color: #1f4a8c;
  font-size: 38px;
  font-family: 'Amsi pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 21px 0;
  padding-bottom: 0px;
}
#content div + h2,
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content button + h2,
#content form + h2,
#content blockquote + h2 {
  border-top: 5px dotted #dddddd;
  margin-top: 49px;
  padding-top: 42px;
}
#content h3 {
    color: #444444;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 22px;
  font-weight: 700;
    line-height: 1.4;
    margin-bottom: 21px;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table tr th,
#content table tr td,
#content table tr td p,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content blockquote,
#right p,
#right li,
#right dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

#content ul,
#content ol {
  margin-left: 14px;
}
#content ul li,
#content ol li {
  margin-bottom: 7px;
}
#content ul li ul {
    margin-top: 7px;
}
#content ul.pagesubnav {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    box-shadow: inset 5px 5px 3px rgba(0,0,0,0.03);
    padding: 14px;
}
#content p + ul.pagesubnav,
#content h2 + ul.pagesubnav,
#content h3 + ul.pagesubnav {
    margin-top: 35px;
}
#content ul.pagesubnav li {
    margin-bottom: 4px;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
}
#content p.fullwidthimage {
  border-bottom: 5px dotted #dddddd;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  padding: 0 0 14px 0;
}
#content p + p.fullwidthimage,
#content ul + p.fullwidthimage {
  margin-top: 35px;
}
#content th {
  font-size: 13px;
}
#content img {
  max-width: 100%;
}
#content hr {
  border-top: 5px dotted #dddddd;
}
#right {
    background: none;
}
#right h2 {
    font-family: 'Amsi pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 14px;
}

/*  FRONTPAGE  */

body.frontpage #title h1 {
    box-sizing: border-box;
    font-size: 51px;
    line-height: 1.1;
    max-width: 100%;
    width: 100%;
}
body.frontpage #content {
    box-sizing: border-box;
    width: 100%;   
}
body.frontpage .latest-news {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}
body.frontpage #content .latest-news h2 {
    margin-bottom: 35px;
    width: 100%;
}
body.frontpage #content .latest-news a {
    border-bottom: none;
}
body.frontpage .latest-news article {
    width: 21%;
}
body.frontpage .latest-news article:not(:last-of-type) {
    margin-right: 5.3%;
}
body.frontpage .latest-news article img {
    width: 100%;
}
body.frontpage #content .latest-news article h3 {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 14px;
}
body.frontpage .latest-news article h3 a {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    padding-top: 7px;
}
body.frontpage #content .latest-news article .smalltag {
    font-style: normal;
}

ul#social_media {
    height: 290px;
}




@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: 275px;
  }
}





/* Tablet styles */

@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #right {
        border-bottom: none;
    }
}




/* Mobile styles*/

@media only screen and (max-width: 700px) {
    #wrapper {
        background-size: 800px;
    }
    #wrapper:before {
        display: none;
    }
    body.frontpage .titleinner,
    .titleinner {
        width: 92%;
    }
    #title h1,
    body.frontpage #title h1  {
        background-position: 0px 30px;
        background-size: 200px;
        font-size: 40px;
        padding: 190px 0px 14px 0px;
    }
    body.frontpage #title h1 {
        font-size: 40px;
    }
    body.frontpage #content {
        max-width: 97%;
    }
    body.frontpage #content article img {
        float: none;
        margin-left: 0;
    }
    body.frontpage #content article {
        margin-bottom: 21px;
        width: 47.3%;
    }
    body.frontpage #content article:nth-of-type(2n) {
        margin-right: 0;
    }
}



@media only screen and (max-width: 500px) {
    #wrapper {
        background-position: -400px 35px;
        background-size: 800px;
    }
}