body {
  -moz-osx-font-smoothing: grayscale;
}

.tabs.primary {
  position: relative;
  z-index: 1;
}

.Tile-contentBody-container p {
  color: #777777;
  font-size: 12px;
}

@media screen and (min-width: 992px) {
  .node-type-hhmiv2-homepage #main {
    margin-top: -120px;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.HomepageBanner {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
}
/* Mobile (XS) customization */
@media screen and (max-width: 61.9375em) {
  .HomepageBanner:not(.xs-show-bg) {
    background: none !important;
  }
}
@media screen and (max-width: 62em) {
  .HomepageBanner.xs-show-bg .HomepageBanner-content {
    width: 70%;
  }
}

@media screen and (max-width: 62em) {
   .HomepageBanner-nameTag-wrapper.xs-show-cta {
    display: block;
    width: calc( 100vw - 20px );
    text-align: center;
  }
  .xs-show-cta .HomepageBanner-nameTag {
    display: inline-block;
    position: static;
    text-align: center;
    margin-top: 15px;
  }
}

.UpdateFromHHmiNews {
  height: auto;
  margin-bottom: 30px;
}

.block-hhmiv2-social-media{
   float: right;
 }

.block-hhmiv2-breadcrumb{
  float: left;
}

@media screen and (max-width: 991px) {
  .Lastbread{
    display: none;
  }
}

/* Rich Text styles */
.u-richtext-style h1,
.u-richtext-style h2,
.u-richtext-style h3,
.u-richtext-style h4,
.u-richtext-style h5,
.u-richtext-style h6 {
  margin-top: 1.8rem;
}
.u-richtext-style h3 {
  font-size: 20px;
}
.u-richtext-style h4 {
  font-size: 16px;
}
.u-richtext-style h5 {
  font-size: 12px;
}

.u-richtext-style ol,
.u-richtext-style ul {
  padding-left: 50px;
}

.NewsTakeover p {
  color: #777777;
  font-size: 12px;
}

.NewsListing .NewsListing-buttons,
.SearchResult-description {
  font-family: "HelveticaNeueETW01-55Rg";
}

@media screen and (min-width: 62em) {
  .MainContent {
    padding: 0px 0px 40px 10px;
  }
    body.search .MainContent {
    padding: 0 0 40px 0;
  }

}

@media screen and (min-width: 62em) {
  .node-type-hhmiv2-news-landing .MainContent {
    padding: 12px 0px 0px 0px;
  }
}

/* css for IE */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .GlobalHeader-homelink .icon svg{
    height: 35px ;
    margin-bottom: 3px;
  }

  .Tile-image,.Tile-cell{
    position: relative !important;
    height: 100%;
  }
}

/* news article email signup */
.Heading.-promo-super{
  margin-top: 20px ;
  font-family: "HelveticaNeueETW01-75Bd";
}
.EmailSignUp{
  border-top: none ;
  padding: 0 ;
}

.EmailSignUp-input {
  float: none;
  width: 100%;
  height: 36px;
}

.EmailSignUp-button {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.EmailSignUp .mailchimp-newsletter-wrapper {
  display: inline-block;
}

/* news article content padding */
@media screen and (min-width: 961px) {
  .ArticleMainColumn {
    margin-right: 260px;
  }
  /* use important here to override bootstrap */
  .-mainwidth{
    width: 73% !important;
  }
  .-sidebar{
    width: 25% !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 960px) {
  /* use important here to override bootstrap */
  .-mainwidth{
    width: 68% !important;
  }
  .-sidebar{
    width: 25% !important;
  }
  .ArticleSideColumn{
    margin-left: 20px ;
  }
}


/* news mobile*/
.news-landing{
  position: relative;
  margin-top: 20px;
}
#block-hhmiv2-news-feature-hhmiv2-news-feature{
  border-bottom: 2px solid #dddddd;
}
@media screen and (max-width: 399px) {
  .RSSFeed {
    top: 12px ;
    right: 10px ;
  }
  .-nomarginLN{
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px;
  }
}

/* Mailchimp */
.form-item-mailchimp-lists-mailchimp-sign-up-for-email-alerts-subscribe {
  display: none;
}

/* mobile version takeover margin */
.-takeovercol{
  margin-bottom: 20px;
}

.ContactCard-email, .ContactCard-email:link {
  color: #00a44f;
}
.ContactCard-email:hover, .ContactCard-email:focus, .ContactCard-email:active {
  color: #007136;
}

.NewsTakeover {
  display: flex;
}
.NewsTakeover .row {
  width: 100%;
}

.NewsTakeover .news-col:nth-child(1) {
  flex-basis: 42%;
}
.NewsTakeover .news-col:nth-child(2) {
  flex-basis: 33%;
}

@media screen and (max-width: 991px){
  .NewsTakeover {
    display: block;
  }
  .-takeovercol {
    border-right: none;
  }
}


@media screen and (max-width: 991px){
  .EmailSignUp form {
    width: 100%;
  }
  .-landingemail {
    width: 100%;
  }
  .EmailSignUp-icon {
    margin-bottom: 20px;
  }
  .-takeovercol > .Tile {
    border: solid 1px #b9b9b9 !important;
  }
  .FullWidthContent {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
  }
  .FullWidthContent.MainColumn {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 499px) {
  .EmailSignUp-title {
    width: 80%;
  }
}

/* took out extra margin for email signup section*/
.form-item-mailchimp-lists-mailchimp-sign-up-for-email-alerts-mergevars-EMAIL{
  margin: 0;
}

/* mobile header and RSS*/
@media screen and (max-width: 399px){
  .linkRSS-text{
    width: auto;
  }
  /* use important to override inline css*/
  .-mobilesolidgrey{
    background-image: none !important;
  }
}

/* Desktop related-link section, news card without img*/
@media screen and (min-width: 400px) {
  .-takeovercol > .Tile {
    border: none;
  }
  /* use important to separate card without img from card with img*/
  .-mobilemeta{
    float: none !important;
    font-family: "HelveticaNeueETW01-75Bd";
  }
}

.RelatedLinks {
  padding-top: 0;
}

.RelatedLinks-content {
  background: #ffffff;
  padding-left: 25px;
}

.block-hhmiv2-news-content .BackgroundLines.-top-grey,
#block-hhmiv2-program-content-hhmiv2-program-download .BackgroundLines.-top-grey,
#block-hhmiv2-page-content-hhmiv2-page-content-related .BackgroundLines.-top-grey{
  display: block;
  height: 5px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .block-hhmiv2-news-content .BackgroundLines.-top-grey {
    height: 0;
  }

  .RelatedLinks .BackgroundLines {
    margin-bottom: 0;
  }

  .EmailSignUp-submit {
    margin-bottom: 25px;
  }

  .RelatedLinks-content {
    padding-left: 0px;
    padding-top: 15px;
  }

  .MainContent {
    padding: 10px 10px 0 10px;
  }
  .EmailSignUp form.EmailSignUp {
    display: block;
  }
  .mailchimp-newsletter-wrapper {
    width: 100%;
  }
}

@media (max-width: 785px) {
  .EmailSignUp-submit {
    margin-bottom: 35px;
  }
  .EmailSignUp form.EmailSignUp {
    display: block;
  }
  .mailchimp-newsletter-wrapper,
  .EmailSignUp-submit {
    width: 100%;
  }
}

@media screen and (min-width: 786px) {
  .EmailSignUp-submit {
    margin-left: 15px;
  }
  .FullWidthContent .EmailSignUp-input {
    margin-left: 5px;
    margin-top: 1px;
  }
}

@media screen and (min-width: 400px){
  .EmailSignUp.FullWidthContent {
    margin-bottom: 20px;
  }
}

.relative {
  position: relative;
}

.block-hhmiv2-twitter{
  margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
  .RelatedLink{
    margin-right: -30px;
    min-height: 106px;
  }
  .RelatedLinks-content{
    min-height: 106px;
  }
  /*override normal header css*/
  .NewsHeading{
    font-size: 48px !important;
  }
}

.block-hhmiv2-news-content .Article-body p img{
  /*use important to override inline css*/
  max-width: 100%;
  height: auto!important;
}


.block-hhmiv2-news-content .Article-body iframe {
  max-width: 100%;
  border: none;
}

.block-hhmiv2-news-content .Article-body object{
  width: 100%;
}

.Tile {
  border-color: transparent;
}

.Tile.loaded {
  border-color: #b9b9b9;
}

/*simple meta adjustment*/
#simplemeta-meta-form.simplemeta-meta-form-ajax {
  width: 270px;
  padding-left: 7px;
  padding-right: 13px;
}

#simplemeta-meta-form.simplemeta-meta-form-ajax .form-close {
  height: 28px;
  right: -51px;
}

.slick-next,
.slick-prev {
  color: #008d3b;
}

/*slick slide adjustment*/
.slick-slider .slick-prev .fa {
  position: relative;
  right: 60px;
  font-weight: bold;
  font-size: 100px;
}
.slick-slider .slick-next .fa {
  position: relative;
  left: 70px;
  font-weight: bold;
  font-size: 100px;
}

@media screen and (max-width: 991px) {
  /*slick slide adjustment*/
  .slick-slider .slick-prev .fa {
    right: 30px;
  }
  .slick-slider .slick-next .fa {
    left: -10px;
  }
}

.slick-disabled{
  color: #b9b9b9;
}
.Gallery {
  font-family: "Helvetica Neue LT W01_55 Roman";
}

/*news takeover adjustment*/
.single-news{
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .single-news .-with-image{
        border: none;
    }
    .single-news .Tile-super{
        margin-right: 10px;
    }

    .ArticleSideColumn{
      margin-right: 10px ;
    }
}

.EmailSignUp-title.Heading.-promo-super{
  color: black;
}

/* bullet alignment */
.PageSummary ul li, .PageSummary ol li, .PageHightLights ul li, .PageHightLights ol li {
  margin-left: 1em;
}

.PageSummary ul li, .PageHightLights ul li {
  list-style-type: disc;
}

/* space between meta title and title in cards without img in news takeover */
.-textcol .Tile-header{
  margin-bottom: 8px;
}

.EmailSignUp.container {
  text-align: center;
}

.EmailSignUp-title,
.EmailSignUp-icon {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  float: none;
  margin-bottom: 15px;
}

.EmailSignUp-icon {
  margin-left: 0 !important;
}

form.EmailSignUp {
  display: inline-block;
  width: auto;
  margin-bottom: 0px;
  float: none;
  margin-top: -6px;
  vertical-align: top;
}

.SideColumn form.EmailSignUp {
  width: 100%;
}

.tweets {
  margin: 18px 15px 0;
  padding-bottom: 7px;
}

.tweets-meta {
  padding-top: 7px;
}

.image-caption-container {
  display: block !important;
  margin: 0 25px 25px 0;
  padding: 4px 0;
  max-width: 100% !important;
  height: auto!important;
}
.image-caption-container.pull-right {
  margin: 0 0 25px 25px;
}
.image-caption-container span{
  background-color: #f0f0f0;
  padding: 15px;
  color: #4F4F4F;
  font-size: 14px;
}
.image-caption-container img {
  width: auto !important;
  height: auto !important;
}

/* News Landing Page Topics Hover */
.NewsTakeover-topics a:hover {
  color: #008d3b;
}

.HomepageBanner-content p{
  color: #000000;
}

.ListingPromo.EQ {
  padding: 30px 38px;
}

.u-richtext-style .generic-caption{
  background-color: #f0f0f0;
  padding: 15px;
  color: #777777;
  font-size: 14px;
}

/* search all tab style adjustment */
input,
button,
select,
textarea {
  font-family: 'Helvetica Neue LT W01_55 Roman'; }

.Button{
  font-size: 18px;
  font-family: 'Helvetica Neue LT W01_55 Roman';
}

.inline-search {
  text-align: center;
  padding: 48px 0 20px 0; }

.tab-3 {
  border-bottom: none;
  padding-bottom: 0;
}

.NewsListing-buttons {
  font-family: "Helvetica Neue LT W01_55 Roman";
}

@media screen and (min-width: 400px){
  .NewsListing-buttons {
    padding-left: 24px;
  }
  .-tab {
    margin-right: 14px;
  }
}

.Button.-tab {
  padding: 0.975rem 1.1rem;
}

.inline-search-text {
  width: 62.5%;
  margin-right: 15px;
  padding: 11px;
}

.inline-search-submit {
  font-size: 20px;
  padding: 9px 36px;
}
/* WEB-381 end*/

.block-hhmiv2-news-content .Article-body p > .leftImage{
  margin: 8px 25px 25px 0;
}
.block-hhmiv2-news-content .Article-body a > .leftImage{
  margin: 8px 25px 25px 0;
}

.block-hhmiv2-news-content .Article-body p > .rightImage{
  margin: 8px 0 25px 25px;
}
.block-hhmiv2-news-content .Article-body a > .rightImage{
  margin: 8px 0 25px 25px;
}

.image-caption-container-right {
  margin: 0 0 25px 25px;
}

.block-hhmiv2-news-content .Article-body p > img{
  border: solid 1px #ccc;
}
.block-hhmiv2-news-content .Article-body a > img{
  border: solid 1px #ccc;
}

.block-hhmiv2-news-content .PageHeader-type {
  margin-left: 12px;
  border-width: 2px;
}

.ContactCard-email {
    font-size: 12px;
}

.block-hhmiv2-news-content .Article-body ul {
  list-style-type: disc;
}
.block-hhmiv2-news-content .Article-body ul,
.block-hhmiv2-news-content .Article-body ol{
  padding-left: 20px;
  font-family: "HelveticaNeueETW01-55Rg";
}

.u-richtext-style ul li:before, .PageSummary ul li:before, .PageHightLights ul li:before{
  content: none;
}

.Article-body a:link{
  color: #00a44f;
}

.Article-body a:hover,
.Article-body a:focus{
  color: #008d3b;
}

/* lib fonts and img url*/
.vbox-preloader {
  background-image: url(../assets/images/veno/preload-circle.png);
}
.vbox-close {
  background: url(../assets/images/veno/close.gif) no-repeat #161617;
}
.vbox-prev {
  background: url(../assets/images/veno/prev.gif) center center no-repeat; }
.vbox-next {
  background: url(../assets/images/veno/next.gif) center center no-repeat; }
@font-face {
  font-family: 'lg';
  src: url("../assets/fonts/lightGallery/lg.eot?n1z373");
  src: url("../assets/fonts/lightGallery/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../assets/fonts/lightGallery/lg.woff?n1z373") format("woff"), url("../assets/fonts/lightGallery/lg.ttf?n1z373") format("truetype"), url("../assets/fonts/lightGallery/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal; }
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../assets/images/lightGallery/vimeo-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../assets/images/lightGallery/vimeo-play.png") no-repeat scroll 0 -58px transparent; }
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../assets/images/lightGallery/video-play.png") no-repeat scroll 0 0;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../assets/images/lightGallery/youtube-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../assets/images/lightGallery/youtube-play.png") no-repeat scroll 0 -60px transparent; }
.lg-outer .lg-item {
  background: url("../assets/images/lightGallery/loading.gif") no-repeat scroll center center transparent;  }
.Gallery.full-width {
  background-image: url("data:image/gif;base64,R0lGODdhBQAFAHAAACH/C1hNUCBEYXRhWE1QYz94cGFja2VlZGQ2LTExNzctYjY1NC1hNTE0NWVmZjRhNTUiLz4gPC9yZGY6RGVzY3JpcHRvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgAsAAAAAAUABQCHAAAAAAAzAABmAACZAADMAAD/ACsAACszACtmACuZACvMACv/AFUAAFUzAFVmAFWZAFXMAFX/AIAAAIAzAIBmAICZAIDMAID/AKoAAKozAKpmAKqZAKrMAKr/ANUAANUzANVmANWZANXMANX/AP8AAP8zAP9mAP+ZAP/MAP//MwAAMwAzMwBmMwCZMwDMMwD/MysAMyszMytmMyuZMyvMMyv/M1UAM1UzM1VmM1WZM1XMM1X/M4AAM4AzM4BmM4CZM4DMM4D/M6oAM6ozM6pmM6qZM6rMM6r/M9UAM9UzM9VmM9WZM9XMM9X/M/8AM/8zM/9mM/+ZM//MM///ZgAAZgAzZgBmZgCZZgDMZgD/ZisAZiszZitmZiuZZivMZiv/ZlUAZlUzZlVmZlWZZlXMZlX/ZoAAZoAzZoBmZoCZZoDMZoD/ZqoAZqozZqpmZqqZZqrMZqr/ZtUAZtUzZtVmZtWZZtXMZtX/Zv8AZv8zZv9mZv+ZZv/MZv//mQAAmQAzmQBmmQCZmQDMmQD/mSsAmSszmStmmSuZmSvMmSv/mVUAmVUzmVVmmVWZmVXMmVX/mYAAmYAzmYBmmYCZmYDMmYD/maoAmaozmapmmaqZmarMmar/mdUAmdUzmdVmmdWZmdXMmdX/mf8Amf8zmf9mmf+Zmf/Mmf//zAAAzAAzzABmzACZzADMzAD/zCsAzCszzCtmzCuZzCvMzCv/zFUAzFUzzFVmzFWZzFXMzFX/zIAAzIAzzIBmzICZzIDMzID/zKoAzKozzKpmzKqZzKrMzKr/zNUAzNUzzNVmzNWZzNXMzNX/zP8AzP8zzP9mzP+ZzP/MzP///wAA/wAz/wBm/wCZ/wDM/wD//ysA/ysz/ytm/yuZ/yvM/yv//1UA/1Uz/1Vm/1WZ/1XM/1X//4AA/4Az/4Bm/4CZ/4DM/4D//6oA/6oz/6pm/6qZ/6rM/6r//9UA/9Uz/9Vm/9WZ/9XM/9X///8A//8z//9m//+Z///M////AAAAAAAAAAAAAAAACA8Ale0bSHCgQIMED+5TGBAAOw=="); }
.PromoTile.-one {
  background-image: url(../assets/images/promo-tiles/promo-tile-one.jpg); }
.PromoTile.-two {
  background-image: url(../assets/images/promo-tiles/promo-tile-two.jpg); }
.PromoTile.-three {
  background-image: url(../assets/images/promo-tiles/promo-tile-three.jpg); }
.PromoTile.-four {
  background-image: url(../assets/images/promo-tiles/promo-tile-four.jpg); }
.PromoTile.-five {
  background-image: url(../assets/images/promo-tiles/promo-tile-five.png); }
.PromoTile.-six {
  background-image: url(../assets/images/promo-tiles/promo-tile-six.jpg); }
.SideColumn .basic_tile {
  background-image: url(../assets/images/promo-tiles/basictile.png);
  width: 100%;
}

.SideColumn .basic_tile .PromoTile-learnMore {
  width: auto;
  margin-bottom: 15px;
  margin-top: -15px;
}

@media screen and (min-width: 767px) {
  .SideColumn .basic_tile .PromoTile-learnMore {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
  }
}

@media screen and (min-width: 61.9375em) {
  .SideColumn .basic_tile {
    padding-bottom: 65px; }
}

/* menu styling*/
.linkLoadMore{
  cursor: pointer;
}
.visible-xs.search-icon, .visible-xs-block.menu-button{
  margin-top: -5px;
}
.visible-xs .fa-check{
  color: #b9b9b9;
  font-size: 14px;
  display: none;
}

/* Make search textbox a little larger */
@media screen and (min-width: 62em) {
  .FindAScientist .SimpleSearch-inputGroup.-submit {
    flex: 0 0 auto;
  }
}

/* inline gallery adjustment */
.GalleryItem-description {
  color: #4f4f4f;
}
.GalleryItem-description p{
  font-size: 14px;
}
#block-hhmiv2-news-content-hhmiv2-news-content .Gallery-title{
  display: none;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
  border-color: #00a44f;
}

/* email signup style full width view  */
@media screen and (min-width: 1200px) {
  body.not-logged-in .FullWidthContent .EmailSignUp-submit {
    margin-left: 98px;
  }
  body.not-logged-in .FullWidthContent .EmailSignUp-input {
    width: 135%;
  }
  body.not-logged-in .FullWidthContent form.EmailSignUp{
    margin-left: 10px;
  }
  body.not-logged-in .FullWidthContent .EmailSignUp-icon{
    margin-right: 6px;
  }
}

/* menu tablet view adjustment*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .GlobalNavigation-toggles li {
    margin-right: 0;
  }
  .GlobalNavigation-toggles{
    margin-top: 25px;
  }
  .GlobalHeader .Logo{
    width: 85px;
  }
  .GlobalHeader-homelink img{
    width: 45%;
  }
}

@media (min-width: 1000px) {
  .container {
    width: 980px;
  }
}

.GalleryThumbnails-image {
  outline: 1px solid #e8e8e8;
}

.GalleryItem-title.Heading {
  font-size: 170%;
  margin-top: 17px;
}

.GalleryItem-expandBtn {
  -webkit-filter: drop-shadow( 0px -0px 2px rgba(0,0,0,.6) );
  -moz-filter: drop-shadow( 0px -0px 2px rgba(0,0,0,.6) );
  filter: drop-shadow( 0px -0px 2px rgba(0,0,0,.6) );
}

.Heading,
.ProfileByline-link, .ProfileByline-link:link, .ProfileByline-link:visited,
.PageSummary-title {
  color: #000;
}

.ProfileByline-link {
  font-size: 16px;
}

body:not(.node-type-scientists) .PageHeader {
  font-family: "HelveticaNeueETW01-55Rg";
  font-size: 13px;
}

.u-richtext-style p {
  min-height: 1.6em;
}

.u-richtext-style p, .u-richtext-style li {
  line-height: 1.6;
  font-family: "HelveticaNeueETW01-55Rg",Helvetica,sans-serif;
}

.block-hhmiv2-news-content .Article-body p img,
.block-hhmiv2-news-content .Article-body .responsive-iframe,
.block-hhmiv2-news-content .Article-body video {
  margin-top: 13px;
}

.ProfileByline-content {
  border: none;
  margin-left: 73px;
  padding: 0;
}

.LatestArticles-text {
    font-family: "Sabon LT W01 Roman";
}

.ArticleSideColumn form.EmailSignUp {
  width: 100%;
}

.ArticleMainColumn {
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .ArticleMainColumn {
    margin-bottom: 35px;
  }
}
@media (min-width: 560px) and (max-width: 768px) {
  .LatestArticles-item .Tile {
    height: auto !important;
  }
  .LatestArticles-item .Tile-image {
    border-right: 1px solid #b9b9b9;
    border-bottom: none;
  }

  .Gallery.inline button.slick-prev {
    left: 0;
  }
  .Gallery.inline button.slick-next {
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .HomepagePromos .Tile-image,
  .LatestArticles-item .Tile-image {
    border-bottom: 1px solid #b9b9b9;
  }
}

/* card with img font size*/
@media screen and (min-width: 400px) and (max-width: 700px) {
  .Tile .Tile-contentBody .Tile-title,
  .TakeoverPromo-title.Heading {
    font-size: 24px;
  }
}

.Tile-contentHeader-container{
  font-size: 11px;
}


.showMoreNChildren .Tile-image,
.news-col .Tile-image {
  border-bottom: 1px solid #b9b9b9;
}

@media screen and (min-width: 540px) and (max-width: 991px) {
  .showMoreNChildren .Tile-image,
  .news-col .Tile-image  {
    border-right: 1px solid #b9b9b9;
    border-bottom: none;
  }
}

.u-col-12.text-center,
.HomepagePromos .row{
  max-width: 100%;
}

body {
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.ProfileList-item--hidden {
  display: none;
}

.ProfileList .fa {
  display: table-cell;
  padding-top: 12px;
}

.ProfileList .linkLoadMore {
  margin-left: 10px;
}

@media (min-width: 62em) and (max-width: 75em) {
  .HomepageBanner .Main-wrap {
    margin: 0 90px;
  }
}

#block-hhmi-menu-hhmi-menu-dropdown{
  position: relative;
}

.Homepage-slideshow .linkLoadMore svg {
  margin-bottom: 4px;
}

.Homepage-slideshow .linkLoadMore {
  margin-top: 0;
}

@media screen and (min-width: 43.75em) {
  .Homepage-slideshow .linkLoadMore svg {
    margin-bottom: 9px;
  }
}

/*news takeover link*/
.TakeoverPromo-content p a{
  font-family: "HelveticaNeueETW01-75Bd";
}
.TakeoverPromo-content p a svg{
  margin-left: 5px;
}


/** News Landing QA Ajustments **/
.linkRSS-text {
  text-align: right;
}

.Button.-tab.-active {
  padding: .97rem 1.1rem
}


.Button.-tab.-active {
  border-bottom: none;
}

.NewsTakeover-topics a {
  padding: 0 20px 0 0;
}

@media screen and (max-width: 48em) {
  .MainHeader-primary {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 700px) {
  .news-landing .RSSFeed {
    top: -25px;
  }
}

@media screen and (max-width: 767px) {
  .PageUtilities {
    background: #ffffff;
  }
}

@media screen and (max-width: 540px) {
  .inline-search-text {
    width: 100%;
    margin-bottom: 20px;
  }
}

.PageUtilities {
  padding-top: 18px;
  padding-bottom: 13px;
  margin-bottom: 4px;
  z-index: 1;
  flex: 0 1 auto;
}

.Breadcrumbs {
  margin-top: 1px;
  margin-left: 1px;
}

.Breadcrumbs-item {
  margin-right: 5px;
}

.linkRSS-icon {
  height: 43px;
  width: 41px;
}

.linkRSS-text {
  padding-right: 10px;
  padding-top: 3px;
}

.SubNavigation {
  margin-top: 3px;
}

.SubNavigation-item {
  margin-right: 9px;
}

@media screen and (min-width: 62em) {
  .node-type-hhmiv2-news-landing .MainContent {
    padding: 19px 0px 0px 0px;
  }
}

.NewsTakeover-topics span.text {
  padding-right: 4px;
  font-size: 13px;
}

.NewsTakeover-topics span:nth-child(2) {
  margin-left: 12px;
}

.TakeoverPromo-content a:not(.TakeoverPromo-link) {
  z-index: 1;
}

@media screen and (max-width: 530px) {
  .linkRSS-icon {
    border: 0px;
    height: 30px;
    margin-top: -6px;
  }
}

.EmailSignUp-input {
  border: 1px solid #cccccc;
  outline: none;
}

@media screen and (max-width: 399px) {
  .NewsTakeover-topics {
    margin-left: 0;
  }
}

@media screen and (max-width: 399px) {
  .news-landing .RSSFeed {
    top: 0px;
  }
}

/** End News Landing QA Ajustments **/


/** News Article QA Ajustments **/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .u-richtext-style table {
    font-size: 90%;
  }
}
/** End News Article QA Ajustments **/

.u-richtext-style > div {
  margin-bottom: 20px;
}

.u-richtext-style > div ~ .generic-caption {
  margin-top: -20px;
}


@media screen and (min-width: 400px) {
  .NewsListing-buttons {
    padding-bottom: 2px;
  }
}

.Button.-tab:hover, .Button.-tab:focus, .Button.-tab:active {
  border-bottom: none;
}

/** Landing page QA ajustments **/
@media screen and (min-width: 991px) {
  .block-hhmiv2-landing-content .row-centered .Strata-header .row {
    margin-left: -25px;
  }
}

#block-hhmiv2-landing-content-hhmiv2-landing-content-feature .Strata.BackgroundLines.-top-grey{
  margin-bottom: 0;
}

.PageUtilities {
  background-color: white;
}
.Banner .PageUtilities{
  background: -webkit-linear-gradient(270deg, white, #f7f7f7, rgba(255,255,255,0));
  background: linear-gradient(180deg, white, #f7f7f7, rgba(255,255,255,0));
}

.FindAScientist.PageComponent{
  padding-bottom: 45px;
  margin-bottom: -10px;
}

@media screen and (max-width: 991px) {
  .FindAScientist.PageComponent{
    padding-bottom: 15px;
    margin-bottom: -20px;
  }
}

.u-richtext-style > div.embed {
  margin-top: 10px;
}


@media screen and (max-width: 991px) {
  .FeaturedScientists .ScientistListing {
    margin-left: 0;
  }

  .FeaturedScientists .ScientistListing li {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .FocusOn .Tile.EQ {
    height: auto !important;
  }

  .node-type-hhmiv2-landing .FullWidthContent .block-hhmiv2-landing-content:first-child .Strata-header {
    margin-top: 10px;
  }
}

.ProfileTile-image {
  height: 200px;
  width: 100%;
}

.node-type-news .PageHeader-type {
  margin-top: -10px;
}

@media screen and (max-width: 399px) {
  .node-type-news .Pageheader {
    margin-top: 0;
  }

  .node-type-news .Pageheader-meta {
    margin-top: 0;
  }

  .node-type-news .PageHeader-type {
    margin-left: 0;
    margin-top: 5px;
  }
}

/* Colorbox */
#cboxTitle {
  font-family: 'HelveticaNeueETW01-55Rg';
}

#cboxContent {
  height: auto !important;
  padding-bottom: 15px;
}

.u-richtext-style a.colorbox-load {
  outline: none;
}

.u-richtext-style a.colorbox-load:hover,
.u-richtext-style a.colorbox-load:active,
.u-richtext-style a.colorbox-load:focus {
  text-decoration: none;
}

.Programs-all-summary p {
  font-family: "Sabon LT W01 Roman";
  font-size: 23px;
  line-height: 36px;
  -webkit-font-smoothing: antialiased;
}

/* admin tabs mobile */
@media screen and (max-width: 991px) {
  .tabs.primary {
    max-width: 100%;
    white-space: pre;
  }
}

@media screen and (min-width: 62em) {
  .ScientistListing-item {
    float: left;
    display: block;
  }
}

@media screen and (max-width: 62em) {
  .node-type-hhmiv2-homepage #main {
    margin-top: 10px;
  }
}

/* Views Generated tables styling */
.generated-table table {
  border: none;
  border-collapse: collapse;
  width: 100% !important;
}
.generated-table tbody {
  border-top: none;
}
.generated-table tr {
  border-bottom: 1px solid #ccc;
}
.generated-table td {
  padding: 15px 10px;
}
.generated-table tr.even {
  background-color: #ffffff;
}
.generated-table tr.odd {
  background-color: #F8F8F8;
}
.generated-table td,
.generated-table th {
  border: none;
}
.generated-table a {
  font-weight: bold;
}

/* Scientist content type. */
.Scientist-detail-page .MainContent {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.Scientist-detail-page .Banner-information,
.Scientist-detail-page .Scientist-content-image.visible-xs-block {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
}
.Scientist-detail-page .Banner-intro ~ .Banner-information,
.Scientist-detail-page .Banner-intro ~ .Scientist-content-image.visible-xs-block {
  margin-top: 0;
}

/* Scientist profile page retheming 11/2017 */
.Scientist-content-information .Banner-information-data.top {
  font-size: 18px;
  padding: 5px 0;
}
@media screen and (min-width: 20em) {
    .Banner-intro p {
        font-size: 120%; } }
@media screen and (min-width: 38.3125em) {
    .Banner-intro p {
        font-size: 120; } }
@media screen and (min-width: 56.625em) {
    .Banner-intro p {
        font-size: 125; } }
@media screen and (min-width: 74.9375em) {
    .Banner-intro p {
        font-size: 130%; } }

@media screen and (min-width: 481px) and (max-width: 767px) {
  .Banner.ScientistBanner .PageHeader {
    margin-bottom: 20px;
  }
  .Scientist-detail-page .Scientist-content-image.visible-xs-block {
    width: 33%;
    float: left;
    padding-right: 20px;
  }
  .Scientist-detail-page .Banner-intro,
  .Scientist-detail-page .Banner .Banner-information {
    width: 66%;
    float: right;
  }
  .Scientist-detail-page .Banner-intro {
    margin-top: 10px;
  }

}

@media screen and (max-width: 767px) {
  .Banner.ScientistBanner .Banner-information > div {
    border-left: 0 none;
    padding-left: 0;
  }
}

.Banner .Scientist-content-information.no_image .Banner-information-data {
  border-left: none;
  padding-left: 0;
}

@media screen and (max-width: 767px) and (min-width: 481px) {
  .Scientist-content-information.no_image .Banner-intro,
  .Scientist-content-information.no_image .Banner-information {
    width: auto;
    float: none;
  }
}


/* end Scientist profile retheming */

a.tabledrag-handle .handle {
  box-sizing: initial;
}

#block-hhmiv2-program-content-hhmiv2-program-tab-content .content .u-richtext-style {
  display: none;
}

#block-hhmiv2-program-content-hhmiv2-program-tab-content .content .u-richtext-style:first-child {
  display: none;
}

#block-hhmiv2-program-content-hhmiv2-program-title .Pageheader-meta {
  font-family: "HelveticaNeueETW01-75Bd";
}

#block-hhmiv2-program-content-hhmiv2-program-title .PageHeader,
#block-hhmiv2-program-content-hhmiv2-program-title .Pageheader-meta {
  margin-top: 0;
}

#block-hhmiv2-program-content-hhmiv2-program-tab-content {
  margin-top: 20px;
}

#block-hhmiv2-news-rss-hhmiv2-news-rss{
  padding-top: 20px;
}

.MainContent table img {
  max-width: initial;
}

/* Search Customization */
body.search .MainHeader-primary {
  margin-top: 15px;
  margin-bottom: 20px;
}
.SearchBar-submitCell .Button.-full_width {
  white-space: nowrap;
}
/* Hide facet blocks initially */
.block-facetapi {
  display: none;
}

/* Needs to be important other wise emtpy results have spacing */
.facetapi-zero-results {
  display: none !important;
}

.SearchFilters .search-facet ul {
  margin-bottom: 0;
}
.SearchFilters .search-facet ul li {
  list-style: none outside none;
  margin-left: 0;
  margin-bottom: 0;
  display: block !important;
}
.SearchFilters .search-facet li a.facetapi-active {
  padding-right: 20px;
  background: green;
  color: #fff;
}
.SearchFilters .search-facet li a.facetapi-active > svg {
  position: absolute;
  top: 10px;
  right: 5px;
}
.SearchFilters .search-facet li a.facetapi-active > .item-list {
  position: relative;
  top: 6px;
}
.SearchFilters .search-facet li a.facetapi-active > .item-list li {
  margin-left: -15px;
  margin-right: -20px;
}
.SearchFilters .search-facet li a.facetapi-active a {
  background: #fff;
  color: #56666d;
}
.SearchFilters .search-facet li a.facetapi-active a:hover {
  background: green;
  color: #fff;
}

@media screen and (min-width: 62em) {
  .SearchResult-cell.-meta {
    width: 215px;
  }
  .SearchResult-cell.-content {
      padding-left: 0;
  }
  .SearchResult-cell.-meta + .SearchResult-cell.-content {
      padding-left: 2.1875rem;
  }
}

body.search .Pagination .first, .Pagination .previous {
  margin-right: 0;
}
body.search .Pagination .next, .Pagination .last {
  margin-left: 0;
}
body.search .Pagination .Button {
  padding-left: 10px;
  padding-right: 10px;
}
body.search .Pagination li.number a,
body.search .Pagination li.number + li span {
  padding-left: 0;
  padding-right: 0;
}
.Pagination .break.shown {
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}
@media (max-width: 767px) {
  .SearchResultsList-item:nth-of-type(1) {
    padding-top: 0;
    border-top: 0;
  }
}

/* End Search Customization */

.ScientistSummary.Notification {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #cccccc;
}

.ScientistSummary-research.collapse h2,
.ScientistSummary-research.collapse h3,
.ScientistSummary-research.collapse h4 {
  margin-top: 30px;
}

.Scientist-external-links a:hover {
  color: #008d3b;
}

.Scientist-external-links .more-link {
  text-align: left;
  padding-top: 10px;
}

.ExternalLink, .ExternalLink:link, .ExternalLink:visited {
  color: #00a44f;
}
.ExternalLink:hover, .ExternalLink:focus, .ExternalLink:active {
  color: #007136;
}


@media screen and (min-width: 992px) {
  .node-type-hhmiv2-landing .Main .container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Scientist Honeycomb background contain */
.ScientistBanner .Banner-background {
  background-size: cover;
}

/* News Landing Page reorder */
.node-type-hhmiv2-news-landing #block-hhmiv2-news-landing-hhmiv2-news-landing-signup {
  border-bottom: 2px solid #dddddd;
  margin-bottom: 40px;
}

.node-type-hhmiv2-news-landing #block-hhmiv2-news-feed-hhmiv2-news-feed {
  margin-bottom: 40px;
}

/* Forms */
.block-webform h2 {
  font-size: 24px;
}

body.search .SearchResult-description {
  font-size: 0.875rem;
}

.SearchForm-options {
  padding-top: 19px;
}

.SidebarRight .region .block-hhmiv2-news-content,
    .SidebarRight .region .block-hhmiv2-news-signup,
    .SidebarRight .region .block-hhmiv2-news-rss
{
  margin-bottom: 30px;
  padding-top: 15px;
  background-image: url("data:image/gif;base64,R0lGODdhBQAFAHAAACH/C1hNUCBEYXRhWE1QYz94cGFja2VlZGQ2LTExNzctYjY1NC1hNTE0NWVmZjRhNTUiLz4gPC9yZGY6RGVzY3JpcHRvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgAsAAAAAAUABQCHAAAAAAAzAABmAACZAADMAAD/ACsAACszACtmACuZACvMACv/AFUAAFUzAFVmAFWZAFXMAFX/AIAAAIAzAIBmAICZAIDMAID/AKoAAKozAKpmAKqZAKrMAKr/ANUAANUzANVmANWZANXMANX/AP8AAP8zAP9mAP+ZAP/MAP//MwAAMwAzMwBmMwCZMwDMMwD/MysAMyszMytmMyuZMyvMMyv/M1UAM1UzM1VmM1WZM1XMM1X/M4AAM4AzM4BmM4CZM4DMM4D/M6oAM6ozM6pmM6qZM6rMM6r/M9UAM9UzM9VmM9WZM9XMM9X/M/8AM/8zM/9mM/+ZM//MM///ZgAAZgAzZgBmZgCZZgDMZgD/ZisAZiszZitmZiuZZivMZiv/ZlUAZlUzZlVmZlWZZlXMZlX/ZoAAZoAzZoBmZoCZZoDMZoD/ZqoAZqozZqpmZqqZZqrMZqr/ZtUAZtUzZtVmZtWZZtXMZtX/Zv8AZv8zZv9mZv+ZZv/MZv//mQAAmQAzmQBmmQCZmQDMmQD/mSsAmSszmStmmSuZmSvMmSv/mVUAmVUzmVVmmVWZmVXMmVX/mYAAmYAzmYBmmYCZmYDMmYD/maoAmaozmapmmaqZmarMmar/mdUAmdUzmdVmmdWZmdXMmdX/mf8Amf8zmf9mmf+Zmf/Mmf//zAAAzAAzzABmzACZzADMzAD/zCsAzCszzCtmzCuZzCvMzCv/zFUAzFUzzFVmzFWZzFXMzFX/zIAAzIAzzIBmzICZzIDMzID/zKoAzKozzKpmzKqZzKrMzKr/zNUAzNUzzNVmzNWZzNXMzNX/zP8AzP8zzP9mzP+ZzP/MzP///wAA/wAz/wBm/wCZ/wDM/wD//ysA/ysz/ytm/yuZ/yvM/yv//1UA/1Uz/1Vm/1WZ/1XM/1X//4AA/4Az/4Bm/4CZ/4DM/4D//6oA/6oz/6pm/6qZ/6rM/6r//9UA/9Uz/9Vm/9WZ/9XM/9X///8A//8z//9m//+Z///M////AAAAAAAAAAAAAAAACA8Ale0bSHCgQIMED+5TGBAAOw==");
  background-repeat: repeat-x;
}


.SidebarRight > .region .block:first-child{
  border-top: none;
  padding-top: 0;
  background-image: none;
}


/* Putting back Pullquote styles */
/* Pullquote styling for legacy data */
.pullquote {
  font-family: "Sabon LT W01 Roman";
  font-size: 36px;
  color: #058c96;
  letter-spacing: normal;
  line-height: 1.3;
  text-align: center;
}

.u-richtext-style .credit, .Story .u-richtext-style p.credit {
  line-height: 1;
  color: #777;
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
}


/*MainContent alignment override*/
.basicPage .MainContent,
.node-type-news .MainContent,
.node-type-scientists .MainContent,
.node-type-programs-opportunities .MainContent {
  padding: 10px 0 0 0;
}

.MainContent .MainColumn > .FullWidthContent {
  margin-left: 0;
  margin-right: 0;
}

html body .Main-wrap a.call-to-action {
  background: #00a44f;
  font-size: 16px;
  padding: 6px 15px;
  display: inline-block;
  margin-bottom: 10px;
  color: white;
  border-radius: 2px;
  text-decoration: none;
  font-family: 'Helvetica Neue LT W01_55 Roman';
}

html body .Main-wrap a.call-to-action:active,
html body .Main-wrap a.call-to-action:focus,
html body .Main-wrap a.call-to-action:hover {
  background: #007136;
  color: white;
}

.node-type-hhmiv2-landing .Banner-background {
  background-size: cover;
}

.SidebarRight .PromoTile.basic_tile .PromoWrapper{
  min-width: 95%;
}


.SidebarRight .block + .block .BackgroundLines{
  border-top: none;
}

.SideColumn .mailchimp-newsletter-wrapper{
  width: 100%;
}

/* Styles for the outcome of the Person Profile CK Editor Plugin */
.personprofile-container {
  margin-left: 0px;
  font-size: 14px;
  max-width: 800px;
  width: 100%;
}

.personprofile {
  display: inline-block;
  border-style: solid;
  border-width: thin;
  border-color: #e4e4e4;
  padding: 0px 10px 0px 0px;
  width: 100%;
}

.personprofile-bio {
  padding: 5px 10px 0px 12px;
  background-color: #f0f0f0;
  min-height: 172px;
  float: right;
}

.personprofile-bio > p {
  font-size: inherit;
}

.personprofile-personarea.container {
  margin-left: 0px;
}

#personprofile-name.personprofile-name {
  color: #00a44f;
}

#personprofile-name.personprofile-name > p {
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 0px;
}

.personprofile-title {
  color: #777777;
}

.personprofile-title > p {
  font-size: inherit;
}

.personprofile-info {
  margin: 8px;
}

.personprofile-pic {
  background-color: #f0f0f0;
  width: 170px;
  padding: 8px 8px 9px 8px;
}

#personprofile-pic {
  display: block;
  margin: 0 auto;
}

.personprofile-pic-wrapper {
  position: relative;
  padding-bottom: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.personprofile-col {
  max-width: 180px;
  padding-right: 0px;
}

@media (max-width: 767px) {
  .personprofile-bio {
    margin-top: 10px;
    max-height: none;
  }

  .personprofile-pic {
    max-width: 150px;
    width: 30%;
    float: left;
    margin-left: -10px;
  }

  .personprofile {
    margin: 0;
  }

  .personprofile-row {
    margin-left: 0;
    padding-bottom: 0;
  }

  .personprofile-name {
    padding: 5;
    font-style: bold;
  }

  .personprofile-title {
    padding: 0;
  }

  .personprofile-col {
    max-width: none;
  }

  .personprofile-info {
    width: 60%;
    float: left;
  }

  .personprofile-col {
    max-width: none;
  }

  .personprofile-info {
    width: 60%;
    float: left;
  }
}

/* Styles for the People Tab on Scientist Programs */

ul .ProgramScientist-item:first-child{
  border-top-style: none;
}

.ProgramScientist-image{
  float: right;
  margin: 15px 15px 0 0;
  height: 130px;
  width: 130px;
}

.ProgramScientist-item-content{
  max-width: 77%;
}

.ProfileResult[data-minwidth~="220"] .ProgramScientist-image {
  height: 100px;
  width: 100px;
}

.ProfileResult[data-minwidth~="600"] .ProgramScientist-image {
  height: 130px;
  width: 130px;
}

/* Scientists In-Depth */
.FeaturedBanner.-graphic_left .PageHeader {
  float: left;
}

.FeaturedScientists .FeaturedTeaser:hover {
  background-color: #eeeeee;
}

.ScientistsInDepth .BackgroundLines {
  padding-top: 15px;
}

@media (max-width: 767px) {
  .FeaturedBanner.-graphic_left {
    background-position: right top;
  }
  .node-type-scientists-in-depth .FeaturedBanner.-graphic_left  {
    background-position: center 85px;
  }
  .node-type-scientists-in-depth .FeaturedBanner .PageHeader {
    width: 100%;
  }
}

.node-type-scientists-in-depth .PageUtilities {
  background: #ffffff;
}

.AuthorInformation {
  margin-top: 15px;
}

#block-hhmiv2-landing-content-hhmiv2-landing-content-sid .FeaturedListing {
  padding-bottom: 0;
}
#block-hhmiv2-landing-content-hhmiv2-landing-content-sid .PageComponent {
  margin-bottom: 0;
}

@media screen and (max-width: 48em) {
  .FeaturedBanner .MainHeader-primary {
    padding: 0;
  }
}

@media screen and (min-width: 48em) {
  .FeaturedBanner .PageHeader {
    /* Using !important to combat inline value coming from the Drupal field */
    background-color: transparent !important;
  }
}

/*
 'Find a Scientist' block:
  This block is displayed in HHMI Landing Pages and HHMI Scientist Profiles
  Following code changes border treatment when it is displayed in
  the landing pages, to be consistent with other landing page blocks.
 */
.node-type-hhmiv2-landing .FindAScientist {
  background-image: none;
}

.node-type-hhmiv2-landing .FindAScientist .Strata-header {
  border-top: 2px solid #b9b9b9;
  padding-top: 15px;
}

.block-hhmiv2-landing-content:first-child .Strata-header {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .FindAScientist .SimpleSearch-inputGroup .Select-toggle {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .FindAScientist .SimpleSearch-row {
    display: block; /*No need for flexbox on single comlumn layout */
  }
}

@media screen and (min-width: 767px) {
  .FindAScientist .SimpleSearch .SimpleSearch-inputGroup {
    flex: inherit;
  }
}

.FindAScientist .SimpleSearch-inputGroup.-submit {
  margin-left: 0;
}

.ProgramScientist .jump-menu{
  margin-top: 10px;
  font-size: 1.3em;
}

.ProgramScientist .jump-menu > a {
  flex-grow: 1; /* default 0 */
}

/* Scientist Profiles */

.Scientist-mainContent .u-richtext-style h4 {
  font-size: 160%;
  font-family: Georgia, "Times New Roman", serif;
  color: #058c96;
}

.Scientist-detail-page .ScientistSummary-title {
  font-size: 180%;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.2em;
}



@media screen and (max-width: 991px) {
  .Scientist-detail-page .FullWidthContent {
      margin-left: 0;
      margin-right: 0;
  }

  .Scientist-detail-page .Banner.ScientistBanner .PageHeader {
    margin-top: 0;
  }

  .Scientist-detail-page #main {
    margin-top: 20px;
  }
  .Scientist-detail-page .ScientistSummary-title {
    font-size: 190%;
    margin-top: 5px;
    line-height: 1.2em;
  }

  .Scientist-detail-page .FindAScientist .Strata-header {
    margin-top: 0;
  }
}

/* About Us */
@media screen and (max-width: 991px) {
  .u-richtext-style {
    width: auto;
  }
  .u-richtext-style .percent {
    width: 100% !important; /* variable width is set throught JavaScript. This removes variable width for Mobile */
  }
}

.u-richtext-style .image-caption-container {
  margin-bottom: 0;
}

.u-richtext-style .RichText-caption {
  background-color: #f0f0f0;
  padding: 15px;
}

.u-richtext-style .RichText-caption h2 {
  font-family: "Helvetica Neue LT W01_85 Heavy";
  padding: 0;
}

.u-richtext-style .RichText-caption p {
  font-family: "HelveticaNeueETW01-55Rg";
  color: #4F4F4F;
  line-height: 1.5;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .HowWeAdvanceResearch .Strata-header {
    margin-top: -40px;
  }
}

/* View Biomedical News */
.ViewResearchNews .ViewNews-action a {
  padding: 5px 17px 0;
  height: 32px;
  font-size: 15px;
  text-transform: none;
  font-family: 'Helvetica Neue LT W01_55 Roman';
}

/* Multiple Tiles */
@media screen and (min-width: 992px) {
  .node-type-hhmiv2-landing .Tile.EQ {
    margin-bottom: 20px;
  }
}

.node-type-hhmiv2-landing .RichText-content.FocusOn-text {
  padding-bottom: 0;
}

@media screen and (min-width: 991px) {
  #block-hhmiv2-landing-content-hhmiv2-landing-content-feature.reduced-margins {
    margin-bottom: -40px;
  }
}

#block-hhmiv2-landing-content-hhmiv2-landing-content-feature .PageComponent,
#block-hhmiv2-landing-content-hhmiv2-landing-content-feature .Strata {
  margin-bottom: 0;
}

/* People Tab */
@media screen and (max-width: 529px) {
  .PeopleTabContent .ProfileResult .ProfileResult-image {
    width: 100%;
    height: 100%;
    margin: 0 0 10px 0;
  }

  .PeopleTabContent .ProfileResult .ProfileResult-content {
    max-width: 100%;
  }
}

.SidebarRight .PromoTile-content ul,
.SidebarRight .PromoTile-content ol,
.RightRailElement .CtaTile-text ul,
.RightRailElement .CtaTile-text ol
{
  list-style-type: disc;
  padding-left: 25px;
  margin: 5px 0;
}

/* Call to Action Blocks */
.CtaTile a {
  color: #ffffff;
  text-decoration: underline;
}

.CtaTile a.CtaTile-button {
  color: #00a44f;
}


/* Open Competitions */
.open-competitions .Heading {
  margin-bottom: -20px;
}

/* Right Rail min-height */
.SideColumn.SidebarRight .PromoTile, .SideColumn.SidebarRight .PromoWrapper {
  min-height: auto;
  padding-bottom: 0;
}

.SideColumn.SidebarRight .PromoTile-content {
  margin-bottom: 15px;
}

.PromoTile {
  text-align: left;
}

/* Call to Action Blocks */
.PromoTile a {
  color: #ffffff;
  text-decoration: underline;
}

.PromoTile a.PromoTile-learnMore {
  color: #00a44f;
  text-decoration: none;
}

.PromoTile a.PromoTile-learnMore:hover {
  color: #007136;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .block-hhmiv2-program-content .-desktop {
    display: none;
  }
  .block-hhmiv2-program-content .-mobileview {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .block-hhmiv2-program-content .-desktop {
    display: block;
  }
  .block-hhmiv2-program-content .-mobileview {
    display: none;
  }
}

/* Open Competitions View title column needs to be wider */
div.open-competitions .view-programs-opportunities td.views-field-title {
  width: 40%;
}

div.open-competitions .view-programs-opportunities td.views-field-field-po-category {
  width: 20%;
}

.u-richtext-style .pressroom-new-users {
  background: #f0f0f0;
  padding: 15px;
  max-width: 65%;
  border: 1px solid;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .u-richtext-style .pressroom-new-users {
    max-width: 100%;
  }
}

.u-richtext-style .pressroom-anonymous {
  margin-top: 0;
}

.logged-in .pressroom-anonymous {
  display: none;
}

/* Contact Us page is special */
.Contact-us .Banner-intro img {
  height: auto !important;
}

@media screen and (max-width: 768px) {
  .Contact-us .Banner {
    min-height: auto;
  }
}

@media screen and (min-width: 501px) and (max-width: 768px) {
  .Banner-content {
    width: 95%;
  }
}

.Story .Article-body {
  width: 100%;
}

.Story .LatestArticles h3 {
  text-align: center;
}

.Story .LatestArticles .Tile-contentHeader {
  display: none;
}

.Story .caption {
  background-color: #ebebeb;
  color: #797979;
  padding: 10px 20px;
  font-family: "HelveticaNeueETW01-55Rg";
  margin-top: 25px;
  margin-bottom: 20px;
}

.Story #block-hhmiv2-story-hhmiv2-story-related-links .Strata {
  margin-bottom: -20px;
}

@media (max-width: 767px) {
  #block-hhmiv2-story-hhmiv2-story-related-links {
    margin-bottom: 50px;
  }
  #block-hhmiv2-story-hhmiv2-story-related-cards h3 {
    text-align: left;
    padding-left: 5px;
  }
}

a.cta-button:hover {
  background-color: #008941;
}

.main-wrap-container .Main-wrap {
  flex: 0 1 auto;
}

.main-wrap-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1000px) {
  .main-wrap-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
}

.banner-image-description-wrapper {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0 20px;
  position: relative;
}

.banner-image-description-text {
  background: #FFF;
  padding: 10px;
  transition: all 0.25s ease-out;
  opacity: 0;
}

.banner-image-description-text.open {
  opacity: 1;
}

.banner-image-description-button {
  background: #FFF;
  margin: 0 0 0 0;
  border-top: 1px #EEE solid;
  padding: 10px;
  cursor: pointer;
  user-select: none;
}

.banner-image-description-button .glyphicon-plus-sign{
  display: inline-block;
  color: #008b43;
}

.banner-image-description-button.open .glyphicon-plus-sign{
  display: none;
  color: #008b43;
}

.banner-image-description-button .glyphicon-minus-sign{
  display: none;
  color: #008b43;
}

.banner-image-description-button.open .glyphicon-minus-sign{
  display: inline-block;
  color: #008b43;
}

.Banner {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .Banner {
    min-height: 433px;
  }
  .banner-image-description-wrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 10px 0 20px;
    width: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

/* Captions with Break-out */
@media screen and (min-width: 1200px) {
  .u-richtext-style .break-out + .image-caption {
    margin-left: -100px;
    width: 100%;
  }
}

.u-richtext-style .image-caption-container.pull-left {
  margin-right: 30px;
  margin-bottom: 20px;
}

.u-richtext-style .image-caption-container.pull-right {
  margin-left: 30px;
  margin-bottom: 20px;
}

p.full-width > span {
  width: auto !important;

  padding: 0;
}

p.full-width > img,
p.full-width > video,
p.full-width > span  > img {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  margin-top: 0 !important;
  padding-top: 0;
}

.full-width > span {
  background: #f0f0f0;
  padding: 0 auto;
}

p.column-width > video  {
  width: 100%;
  height: auto;
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
}

@media (min-width: 991px) {
  img.full-width + .image-caption {
    width: 980px;
    margin: 0 auto;
  }
}
/* Prevents space below video when inside .embed-container > p */
.embed-container > p {
  line-height: 0.55;
}

/* Accordion */
.u-richtext-style .answer,
.PageSummary .answer,
.u-richtext-style .collapsible-content,
.PageSummary .collapsible-content{
  display: none;
  line-height: 1.6;
  font-family: "HelveticaNeueETW01-55Rg",Helvetica,sans-serif;
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px 25px;
}

.u-richtext-style .question,
.PageSummary  .question,
.u-richtext-style .collapsible-section,
.PageSummary .collapsible-section{
  font-size: 18px;
  line-height: 1.6;
  font-family: "HelveticaNeueETW01-55Rg",Helvetica,sans-serif;
  margin-bottom: 20px;
  cursor: pointer;
  background-color: #f0f0f0;
  background-image: url(../assets/images/plus.png);
  padding: 30px 75px 30px 30px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 22px;
  margin-top: 20px;
}

.u-richtext-style .question.opened,
.PageSummary  .question.opened,
.u-richtext-style .collapsible-section.opened,
.PageSummary .collapsible-section.opened {
  background-image: url(../assets/images/minus.png);
}

.u-richtext-style table {
  background: #FFF;
  border: 0;
  border-spacing: 0;
  font-family: "HelveticaNeueETW01-55Rg",'Helvetica Neue', Helvetica, sans-serif;
}

.u-richtext-style tbody {
  border: 0;
}

.u-richtext-style table thead th,
.u-richtext-style table.column-focus thead th {
  padding: 5px 10px;
  background-color: #00a450;
  font-size: 20px;
  color: #FFFFFF;
}


.u-richtext-style table.column-focus td:first-child,
.u-richtext-style table.column-focus th:first-child {
  border-left: 0;
}
.u-richtext-style table.column-focus thead tr:first-child th {
  border-top: 0;
}

.u-richtext-style table.column-focus td,
.u-richtext-style table.column-focus th {
  border-left: 1px solid #F1F2F2;
  border-top: 1px solid #F1F2F2;
}

.u-richtext-style table.column-focus tbody td:first-child {
  background-color: #FFFFFF;
  color: #000000;
  font-family: 'HelveticaNeueETW01-55Rg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.u-richtext-style table.column-focus thead th {
  background: #e2e3e5;
  color: #000000;
  font-size: 20px;
  font-family: 'HelveticaNeueETW01-75Bd', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.u-richtext-style table.column-focus thead th:first-child{
  background-color: #FFFFFF;
}

.u-richtext-style table.column-focus tbody th {
  font-weight: bold;
}

.u-richtext-style table.column-focus tbody td {
  background: #F1F2F2;
  font-family: 'Helvetica Neue LT W01_55 Roman', "Helvetica Neue", sans-serif;
  font-size: 18px;
}
.u-richtext-style th,
.u-richtext-style td {
  padding: 0;
  border: 0;
}

.u-richtext-style table {
  margin: 40px 0;
  margin: 2.5rem 0;
  width: 100%;
}
.u-richtext-style table caption {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.u-richtext-style table td {
  vertical-align: top;
}
.u-richtext-style table thead th {
  padding: 5px 10px;
  font-size: 16px;
  color: #FFFFFF;
  border:  0;
  margin: 0;
}
.u-richtext-style table tbody th {
  padding: 5px 10px;
  font-size: 16px;
  color: #000000;
  border:  0;
  margin: 0;
}
.u-richtext-style table tfoot td {
  border-top: 1px solid #666;
  font-weight: bold; }

.u-richtext-style table tbody tr:nth-child(2n+1) {
  background-color: #f0f0f0; }

.u-richtext-style table tbody td {
  padding: 5px 10px;
}

@media screen and (max-width: 62em) {
  .Main-wrap .u-richtext-style table tbody h3 {
    font-size: 20px;
  }
  .Main-wrap .u-richtext-style table tbody td {
    font-size: 16px;
    padding: 5px 10px;

  }
}

/* Helper tip link styles. */
a.popup {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 992px) {
  a.popup::after {
    content: "...";
  }
}

/* Helper tip popup styles */
.popup-window {
  display: none;
  position: absolute;
  min-width: 300px;
  background: white;
  cursor: initial;
  box-shadow: 1px 3px 12px 8px lightgrey;
  z-index: 2;
}
.popup-window a.cta-button {
  color: white;
  margin: 10px 15px;
}
.popup-window.show-above-link {
  bottom: 2.0em;
}
.popup-window.show-below-link {
  top: 2.0em;
}

/* Helper tip popup arrow styles */
.popup-window:after {
  content: "";
  position: absolute;
  left: 20px;
  border: 10px solid transparent;
}
.popup-window.show-above-link:after {
  top: 100%;
  border-top-color: white;
}
.popup-window.show-below-link:after {
  bottom: 100%;
  border-bottom-color: white;
}

.popup-window-image {
  min-width: 100%;
  max-width: calc(100vw - 40px);
}

.block-hhmiv2-news-content .Article-body p .popup-window-image {
  margin: 0;
  height: 200px !important;
  overflow: hidden;
  width: 400px;
}

.popup-window-text {
  padding: 10px 15px;
  color: black;
  overflow: hidden;
}

.u-richtext-style p.bigger,
.u-richtext-style li.bigger,
.bigger {
  font-size: 1.15em;
}

.u-richtext-style p.smaller,
.u-richtext-style li.smaller,
.smaller {
  font-size: 0.9em;
}

.u-richtext-style p.lighter,
.u-richtext-style li.lighter,
.lighter {
  color: #333333;
}

.image-overlay-container {
  position: relative;
}

.image-overlay-container .image-overlay {
  display: block;
  z-index: 999;
  margin: 0;
  background-color: #707070;
  background-color: #707070D8;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
  line-height: 1.25em;
}

.image-overlay-container .image-overlay .overlay-label {
  display: block;
  font-size: 15px;
  letter-spacing: 2px;
}

.image-overlay-container .image-overlay .overlay-label::after {
  display: block;
  width: 70px;
  height: 0px;
  margin: 8px 0;
  content: "";
  border-top: 5px solid #FFFFFF;
}

.teal-background {
  background-color: #00868F !important;
  background-color: #00868FD8 !important;
}

.dark-green-background {
  background-color: #02A148 !important;
  background-color: #02A148D8 !important;
}

.green-background {
  background-color: #4DB03D !important;
  background-color: #4DB03DD8 !important;
}

.light-green-background {
  background-color: #86C333 !important;
  background-color: #86C333D8 !important;
}

@media only screen and (min-width: 1281px) {
  .image-overlay-container .image-overlay {
    position: absolute;
    top: 15%;
    left: 50%;
    width: 720px !important;
    margin-left: -360px;
    padding: 60px !important;
    font-size: 40px;
  }
  .image-overlay-container.full-width .image-overlay {
    padding-top: 60px !important;
  }
  .image-overlay-container .image-overlay.left {
    left: 12%;
    right: auto;
    margin-left: 0;
  }
  .image-overlay-container .image-overlay.right {
    left: auto;
    right: 12%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .image-overlay-container .image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25%;
    right: 25%;
    padding: 40px !important;
    font-size: 34px;
  }
  .image-overlay-container.full-width .image-overlay {
    padding-top: 40px !important;
  }
  .image-overlay-container .image-overlay.left {
    left: 0;
    right: 50%;
  }
  .image-overlay-container .image-overlay.right {
    left: 50%;
    right: 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .image-overlay-container .image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25%;
    right: 25%;
    padding: 30px !important;
    font-size: 22px;
  }
  .image-overlay-container.full-width .image-overlay {
    padding-top: 30px !important;
  }
  .image-overlay-container .image-overlay.left {
    left: 0;
    right: 50%;
  }
  .image-overlay-container .image-overlay.right {
    left: 50%;
    right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .image-overlay-container .image-overlay {
    position: relative;
    padding: 25px;
    font-weight: bold;
    font-size: 18px;
  }
  .image-overlay-container.full-width .image-overlay {
    padding-top: 25px !important;
  }
}

.PageComponent ul {
  margin-top: 0;
}


/* Fun Slideshow */
.fun .thumbImage {
  width: 100%;
  height: 100%;
}

.fun .GalleryThumbnails-col {
  width: 18%;
  margin-left: 2%;
  padding-left: 0;
}

.fun .greyLine {
  display: none;
}

.fun .Gallery .GalleryItem-content {
  height: 100%;
}

.fun .greyLine {
  display: none;
}

.GalleryThumbnails-image.-active img {
  opacity: 0.5;
}

.fun .GalleryThumbnails-image {
  margin-bottom: 14px;
}

.fun .Gallery.inline {
  max-width: 715px;
}

.fun .Gallery.inline .Gallery-content,
.fun .Gallery.inline .GalleryItem .GalleryItem-image {
  max-width: 715px;
  max-height: 485px;
}

/* Alert */
.Alert {
  background-color: #8ac341;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Alert .region-alert-region {
  border: 2px solid #000;
  padding: 12px 15px 12px 100px;
  background: transparent url('../assets/images/Global-alert_icon_black.png') 27px center no-repeat;
  background-size: 48px;
  font-size: 15px;
  font-weight: bold;
}
.Alert .region-alert-region a {
  color: #000;
  text-decoration: underline;
}

/* Twitter card center if needed */
.tweets .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}