@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; }
/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 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-2019 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-style: normal; font-weight: 700; font-display: swap; }

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

Centre for Neuroendocrinology

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

/* * Base styles * */

body {
  background: url(gfx/background.png) center 0px repeat-x;
}
#wrapper {
  background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
  background: url(gfx/title.png) 230px 107px no-repeat;
  background-size: 500px;
  margin-top: 0px;
  padding-top: 400px;
}
.titleinner img {
  display: none;
}
#title h1 {
  background: none;
  color: #32424e;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.25;
  margin: 0 0 0 23px;
  margin-top: 3px;
  padding: 5px 0 21px 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
#content h2 {
  border-bottom: none;
  color: #32424e;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 300;
  margin: 28px 0 14px 0;
  text-rendering: optimizeLegibility;
}
#content  h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
  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;
}
#content h3 {
  color: #333333;
}
#content .heading-translation {
  font-style: italic;
  font-size: 21px;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-display: swap;
  margin-top: -21px;
  margin-bottom: 35px;
  font-weight: 300;
  color: #888888;
}
#right {
    background-image: none;
}

/*
*
* Frontpage styles
*
*/

body.frontpage {
    background: url(gfx/background.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
    background: url(gfx/title.png) 230px 107px no-repeat;
    margin-bottom: 21px;
    padding-top: 390px;
}
body.frontpage #title h1 {
    line-height: 1.3;
}
body.frontpage #title h1.notopimage {
    max-width: 882px;
    font-size: 38px;
    padding-right: 0;
}
body.frontpage #content hr {
    margin: 0px 0 14px 0;
    padding: 0;
    border-top: 1px solid #e4e4e4;
}
body.frontpage #content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0px;
    min-height: 250px;
}
body.frontpage #content.otgx {
    width: 882px;
}
body.frontpage #content h2,
.features.news h2 {
    font-size: 26px;
    font-weight: 300;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #32424e;
    line-height: 1.35;
    margin: 0px 0 21px 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.frontpage #content h2 span {
}
body.frontpage #content h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #333333;
    text-rendering: optimizeLegibility;
    padding: 0px 0 21px 0;
    margin-top: 0;
}
body.frontpage #content .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content .features {
    text-align: center;
}
body.frontpage #content .features h2 {
    text-align: left;
}
body.frontpage #content .features .grid1:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #content .grid_third:nth-of-type(3n) {
    margin-right: 0;
}
body.frontpage #content .study-options .grid_third {
    width: 263px;
    margin-bottom: 35px;
    border-radius: 3px;
}
body.frontpage #content .tile-box-shadow-thumbnail-description h2 {
	font-size: 22px;
}
.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;
}

/*
*
* Retina
*
*/

@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2),
  (min-resolution: 2dppx),
  (min-resolution: 192dpi) {
    .titleinner {
        background-image: url(gfx/title@2x.png);
        background-size: 500px;
    }
    body.frontpage .titleinner {
        background-image: url(gfx/title@2x.png);
        background-size: 500px;
    }
}

/*
*
* Landscape styles
*
*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) -180px 0px no-repeat;
    }
    #wrapper {
        background: url(gfx/banner.jpg) -200px 0px no-repeat;
    }
    .titleinner {
        padding-top: 390px;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
    }
    #content {
        background-size: 420px;
    }
    #contentwrapper {
        width: 879px;
    }
    body.frontpage #title h1.notopimage {
        max-width: 650px;
    }
    body.frontpage #content .grid4 .grid1,
    .features article {
        width: 150px;
        margin-right: 16px;
    }
    body.frontpage .feature-box-container,
    .features {
        background-size: 100%;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
        width: 184px;
        min-height: 205px;
    }
    body.frontpage .feature-box:hover:after {
        left: 27%;
    }
    .news article .articletext {
        width: auto;
        float: none;
    }
    body.frontpage #content .grid2 {
        width: 302px;
    }
    body.frontpage #content .grid4 .grid1 img {
        max-width: 100%;
    }
    #features {
        width: 650px;
        margin: 0px 0px 0px 232px;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    body.frontpage #content {
    	width: 650px;
    }
    body.frontpage #title h1.notopimage {
    	font-size: 36px;
    }

}

/*
*
* Portrait styles
*
*/

@media only screen and (max-width: 768px) {
    #wrapper {
        background-position: -400px 0;
        width: 753px;
    }
    .titleinner {
        padding-top: 380px;
        background: url(gfx/title.png) 210px 120px no-repeat;
        background-size: 400px;
    }
    body.frontpage #title h1 {
        width: auto;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
    }
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) -155px 0px no-repeat;
        background-size: 1200px;
    }
    body.frontpage .titleinner {
        padding-top: 230px;
        background: url(gfx/title.png) 210px 40px no-repeat;
        background-size: 400px;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 36px;
    }
    #content {
        background-size: 420px;
    }
    body.frontpage #content {
        padding-top: 0;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }

    /* Right hand menu */

    #right {
        border-top: none;
    }
    body.frontpage #right {
        width: 186px;
    }
    #right .rightwidget {
        border-top: none;
        padding-right: 0;
    }
}

/*
*
* Mobile styles
*
*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper {
        width: 100%;
        background-position: -350px 0;
        background-size: 900px;
        background-repeat: repeat-x;
    }
    body.frontpage #wrapper {
        width: 100%;
        background-size: 1100px;
        background-position: -460px 0;
    }
    #content {
        background-size: contain;
    }
    body.frontpage #content {
        background: none;
    }
    .titleinner{
        padding-top: 170px;
        background-size: 360px;
        background-position: 0px 21px;
    }
    body.frontpage .titleinner {
        padding-top: 200px;
        background-size: 360px;
        background-position: 0px 38px;
    }
    #title h1 {
        font-size: 28px;
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1 {
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 28px;
    }
    body.frontpage #content h2 {
        font-size: 22px;
        text-align: left;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #right {
        position: relative;
        top: 0;
    }
}

/*
*
* Small Mobile styles
*
*/

@media only screen and (max-width: 500px) {

	body.frontpage #right {
		width: 100%;
	}
    body.frontpage .titleinner {
        padding-top: 200px;
        background-size: 300px;
        background-position: 0px 49px;
    }
    .titleinner{
        padding-top: 170px;
        background-size: 300px;
        background-position: 0px 30px;
    }

}