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

/*********

Edgar Diabetes and Obesity Research CSS

*********/

[v-if],[v-show] { display: none; }

body {
  background: url(gfx/background-inside.png) 0 0px 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;
}


#wrapper {
	background: url(gfx/banner-inside.jpg) center 0px no-repeat;
}
/* .titleinner {
	padding-top: 247px;
	margin-top: 0px;
	background: url(gfx/title.png) 230px 38px no-repeat;
} */
.titleinner img,
body.OTAGO069169 #title h1 {
  display: none;
}
#title h1,
body.OTAGO069169 #content h1 {
  background: url(gfx/title.png) 0px 38px no-repeat;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 3px 0 0 23px;
  max-width: 882px;
  opacity: 1;
  padding: 250px 0 21px 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
body.OTAGO069169 #content h1 { 
	margin: 0 0 23px 0; 
}
#content h2 {
	border-bottom: none;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: -0.005em;
  line-height: 1.2;
  margin-bottom: 21px;
  margin-top: 56px;
  padding-bottom: 7px;
}
#content h3 {
	color: #55595c;
	font-family: "Amsi Pro Condbold", "Minion Pro", Minion, Times New Roman, serif;
  font-size: 18px;
  line-height: 1.4;
  margin-top: 21px;
}
#content p + h2,
#content ul + h2,
#content ol + h2,
#content table + h2,
#content dl + h2,
#content form + h2,
#content div + h2,
#content h2:first-of-type {
	margin-top: 56px; /* increased from 35px as this site has no top of page element */
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content td,
#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 dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
	line-height: 1.6;
}
#content th,
#content td,
#right li {
  font-size: 13px;
}
#right p,
#right ul {
  margin-bottom: 14px;
}
#content a {
  transition: all 0.3s ease-out;
}
#content ul, #content ol {
    margin-left: 12px;
}
#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
#content .heading-translation {
  color: #888888;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 35px;
  margin-top: -21px;
}
#right {
  background: none;
}
#right h2 {
	margin-bottom: 7px;
}
#right p,
#right ul,
#right li {
	border-bottom: 0;
	font-size: 12px;
	line-height: 1.5;
}
#right img {
	margin-top: 14px;
}
#right ul {
	margin-left: -5px;
}
ul#social_media {
  height: auto;
  padding: 40px 15px 50px 15px;
}
#content p img,
#content p.fullwidthimage img,
#content p.fullwidthimage {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	border: none;
}
#content h2:first-of-type{
/* 	color: red; */
	margin-top: 0;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
	font-size: 21px;
	font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 21px;
}
.OTAGO048312 #content h2 {
	margin-top: 0;
}


/*//////////// 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 #title h1 {
	line-height: 1.4;
} */
body.frontpage #content {
    min-height: 0;
    padding-bottom: 21px;
}
body.frontpage #content hr {
	margin: 35px 0 35px 0;
	border-top: 1px solid #e4e4e4;
}
/* body.frontpage #title h1.notopimage {
	max-width: 882px;
  font-size: 36px;
} */
body.frontpage #content {
	max-width: 882px;
	width: 100%;
}
body.frontpage #content .grid-container {
	margin-top: 21px;
	display: flex;
	flex-wrap: wrap;
}
body.frontpage #content .grid1 {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 4px 14px #f1f1f1;
	margin-right: 5.3%;
	transition: all 0.3s ease-out;
	width: 21%;
}
body.frontpage #content .grid1:hover {
	box-shadow: 0 0px 4px #f1f1f1;
}
body.frontpage #content .grid1 p {
	margin-bottom: 0;
}
body.frontpage #content .grid1:nth-of-type(4) {
	margin-right: 0;
}
body.frontpage #content .grid1 h2 {
	font-size: 21px;
	font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 21px;
	margin-left: 14px;
	margin-right: 14px;
	position: relative;
}
body.frontpage #content .grid1 h2:before {
	background: #f9c000;
	content: '';
	display: block;
	height: 3px;
	margin-bottom: 7px;
	width: 40px;
}
body.frontpage #content .grid1 h2 a {
	display: block;
}
body.frontpage #content .grid1 h2 a:hover {
	border-bottom: 0;
}
body.frontpage #content .grid1 img {
	border: 0;
	border-radius: 2px 2px 0 0;
	box-sizing: border-box;
	margin-left: 0;
	padding: 0;
}
body.frontpage #features h2 {
	font-size: 22px;
	padding-top: 0px;
	border-top: none;
	border-bottom: none;
	margin: 75px 0 21px 0;
/*     color: #2e76b0; */
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background-repeat: repeat-x;
    background-position: 0 center;
}
body.frontpage #content h2 span {
    background: #ffffff;
    padding-right: 10px;
}
body.frontpage #content .introduction {
    background: url(gfx/stroke-shadow.png) center bottom no-repeat;
	line-height: 1.4;
    padding-bottom: 28px;
    background-size: contain;
}
body.frontpage #content ul li {
    margin-bottom: 7px;
}
body.frontpage #content .grid1 img {
    max-width: 100%;
}
.news article:hover {
    background: none;
}
body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -280px 0 0 0;
	padding: 0;
}
body.frontpage #right p {
    border-bottom: none;
}
body.frontpage #features {
    margin-bottom: 35px;
}
.features article h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.news article .articletext {
	margin-top: 7px;
	width: auto;
}
.features article p.smalltag {
    font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    font-size: 10px;
	letter-spacing: 0.05em;
    line-height: 1.5;
}
.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 14px;
    margin-top: -7px;
}

/********** YouTube video embedding **********/
#content p#description { margin-top: 14px; }
#content #playlist { margin-top: 14px; display: flex; flex-direction: row; flex-wrap: wrap; }
#content #playlist div { margin-bottom: 21px; }
#content #playlist div:nth-child(3n) { margin-right: 0; }
#content #playlist div img { max-width: 100%; }

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

/* 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 {
		max-width: 650px;
	}
	body.frontpage #content .grid1 h2 {
    font-size: 18px;
  }
  body.frontpage .stroke-divider {
    padding-bottom: 48px;
    background-size: contain;
  }
  body.frontpage #content .grid4 .grid1,
	body.frontpage #features article {
    width: 150px;
    margin-right: 16px;
  }
	body.frontpage #features article img{
		max-width: 100%;
	}
	body.frontpage #features {
		width: 650px;
	}
	body.frontpage #features article:nth-of-type(4n) {
		margin-right: 0;
	}
}

/* Portrait tablet  */
@media only screen and (max-width: 768px) {
	.news article .articletext {
		width: auto;
	}
  #right .rightwidget {
    padding-right: 0;
  }
  body.frontpage #title h1 {
		width: 800px;
	}
  body.frontpage #title h1.notopimage {
    font-size: 32px;
    line-height: 1.2;
  }
  body.frontpage #content {
		max-width: 418px;
	}
	body.frontpage #content .grid1 {
		width: 47.3%;
		margin-bottom: 21px;
	}
	body.frontpage #content .grid1:nth-of-type(2n) {
		margin-right: 0;
	}
	body.frontpage #content .grid1 img,
	body.frontpage #features img {
		width: 100%;
	}
	body.frontpage #content {
    padding-top: 0;
  }
  body.frontpage .stroke-divider {
    background: none;
    padding-bottom: 14px;
  }
  body.frontpage #content .grid4 .grid1:nth-of-type(2n+1) {
    margin-right: 0;
  }
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
	}
	#features .news {
		margin-left: 232px;
	}
	body.frontpage #features article {
    width: 47.3%;
    margin-right: 5.3%;
		margin-bottom: 21px;
  }
	body.frontpage #features article:nth-of-type(2n) {
		margin-right: 0;
	}
}
/* 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: url(gfx/banner.jpg) center 0px no-repeat;
		background-size: 1300px;
	}
  .titleinner,
	body.frontpage .titleinner {
		background: url(gfx/title.png) 0px 52px no-repeat;
		padding-top: 200px;
		background-size: 260px;
		width: 92%;
	}
	#title h1,
	body.frontpage #title h1 {
		margin-left: 0;
		margin-bottom: 21px;
	}
	body.frontpage #content h2 {
		font-size: 18px;
    margin: 14px 0 14px 0;
	}
	body.frontpage #content img {
		float: none;
		margin-left: 0;
	}
	body.frontpage #content {
		max-width: 97%;
	}
	body.frontpage #content .grid1 {
		width: 45%;
		margin-bottom: 35px;
    margin-right: 7%;
	}
	body.frontpage #content .grid1,
	body.frontpage #features article {
		width: 45%;
		margin-right: 7%;
	}
	body.frontpage #features article img {
		max-width: 100%;
	}
	body.frontpage #features .news {
		margin-left: 0;
	}
	body.frontpage #right {
		display: none;
	}
}



@media only screen and (max-width: 450px) {
	body.frontpage #content .grid1 {
		margin-bottom: 28px;
	}
}