/*$research-topic-desktop-width: 384px;
$research-topic-desktop-height: 287px;
$research-topic-tablet-width: 384px;
$research-topic-tablet-height: 287px;
$research-topic-phone-width: 360px;
$research-topic-phone-height: 272px;*/
/*@mixin responsive-banner-promotion-text {
  @include responsive-font($banner-promotion-text-desktop-font-size, $banner-promotion-text-tablet-font-size, $banner-promotion-text-tablet-font-size, $banner-promotion-text-phone-font-size);
}*/
/*@mixin responsive-initiativehashtag {
  @include responsive-font($initiativehashtag-desktop-font-size, $initiativehashtag-desktop-font-size, $initiativehashtag-tablet-font-size, $initiativehashtag-phone-font-size);
}
@mixin responsive-initiativebuttonlabel {
  @include responsive-font($initiativebuttonlabel-desktop-font-size, $initiativebuttonlabel-desktop-font-size, $initiativebuttonlabel-tablet-font-size, $initiativebuttonlabel-phone-font-size);
}*/
/*
 * Sets the color and direction or featured related items section
 * @backgroundColor - the color of the full-width background
 * @contentContainer - the color of the inner content background
 * @headingColor - the color of the H tag
 * @textColor  - the color of the summary text
 * @flex-direction - the direction of orientation for the flexbox items
 */
/*
 * Sets the styles for files cards
 * @backgroundColor - the color of the full-width background
 *
 */
/*@mixin responsive-banner-promotion-text {
  @include responsive-font($banner-promotion-text-desktop-font-size, $banner-promotion-text-tablet-font-size, $banner-promotion-text-tablet-font-size, $banner-promotion-text-phone-font-size);
}*/
/*@mixin responsive-initiativehashtag {
  @include responsive-font($initiativehashtag-desktop-font-size, $initiativehashtag-desktop-font-size, $initiativehashtag-tablet-font-size, $initiativehashtag-phone-font-size);
}
@mixin responsive-initiativebuttonlabel {
  @include responsive-font($initiativebuttonlabel-desktop-font-size, $initiativebuttonlabel-desktop-font-size, $initiativebuttonlabel-tablet-font-size, $initiativebuttonlabel-phone-font-size);
}*/
/*
 * Sets the color and direction or featured related items section
 * @backgroundColor - the color of the full-width background
 * @contentContainer - the color of the inner content background
 * @headingColor - the color of the H tag
 * @textColor  - the color of the summary text
 * @flex-direction - the direction of orientation for the flexbox items
 */
/*
 * Sets the styles for files cards
 * @backgroundColor - the color of the full-width background
 *
 */
/* Base Styleguide */
/**
 * Shared classes that are extended by multiple stylesheets.
 *
 * This is only intended to be used as a stopgap while we have separate stylesheets.
 * New classes should not be added.  Classes may be moved here if the are extended by a component a
 * and that causes the css compilation to fail
 **/
/* line 10, ../../../sass/_shared.scss */
.pagenavtitle {
  font-size: 1.125rem;
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #222;
}
@media all and (min-width: 1440px) {
  /* line 10, ../../../sass/_shared.scss */
  .pagenavtitle {
    font-size: 1.125rem;
  }
}
@media all and (min-width: 1100px) and (max-width: 1399px) {
  /* line 10, ../../../sass/_shared.scss */
  .pagenavtitle {
    font-size: 1.125rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1099px) {
  /* line 10, ../../../sass/_shared.scss */
  .pagenavtitle {
    font-size: 1rem;
  }
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 10, ../../../sass/_shared.scss */
  .pagenavtitle {
    font-size: 1rem;
  }
}

/**
 * @file
 * component_variables is intended to be used as set of variables defining colors or sizes.
 *
 */
/* line 110, ../../../sass/nhlbi_components/_component_variables.scss */
.block-layout-builder {
  margin-bottom: 0;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 113, ../../../sass/nhlbi_components/_component_variables.scss */
  .block-layout-builder h2 {
    font-size: 1.5rem;
  }
}

/* line 119, ../../../sass/nhlbi_components/_component_variables.scss */
.block-paragraph-blocks > .h2:first-of-type {
  display: none;
}

/* line 7, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block {
  padding-top: 2.824em;
  padding-bottom: 2.824em;
}
@media all and (min-width: 1100px) and (max-width: 2500px) {
  /* line 9, ../../../sass/components/blocks/banner-block.scss */
  .block-type-banner-block .responsive-container {
    max-width: 100%;
  }
}
/* line 14, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block h1 {
  margin: 0;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #E8E8E8;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 14, ../../../sass/components/blocks/banner-block.scss */
  .block-type-banner-block h1 {
    font-size: 1.75rem;
  }
}
/* line 24, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block .field--name-field-block-link {
  margin: 0.5em 0;
  font-size: 0.824rem;
}
/* line 28, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block .field--name-field-block-link a {
  text-decoration: none;
}
/* line 33, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block .field--name-body,
.block-type-banner-block .field--name-body p {
  font-size: 1.412rem;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 33, ../../../sass/components/blocks/banner-block.scss */
  .block-type-banner-block .field--name-body,
  .block-type-banner-block .field--name-body p {
    font-size: 1rem;
  }
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 7, ../../../sass/components/blocks/banner-block.scss */
  .block-type-banner-block {
    padding-top: 1.118em;
    padding-bottom: 1.118em;
  }
}
/* line 48, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block.banner-block-theme-light-blue {
  background-color: #F7F9FF;
  margin-bottom: 0;
}
/* line 51, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block.banner-block-theme-light-blue .responsive-container {
  max-width: 100%;
}
/* line 56, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block.banner-block-theme-gradient-blue {
  background: linear-gradient(94.45deg, #005f71 0%, #14284b 50.01%);
  margin-bottom: 0;
}
/* line 63, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block.banner-block-theme-gradient-blue .responsive-container {
  max-width: 100%;
}
/* line 67, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block.banner-block-theme-gradient-blue .banner-block-title {
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  font-size: 2.47rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: #FFF;
  border: 0;
}
/* line 77, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block.banner-block-theme-gradient-blue .field--name-body,
.block-type-banner-block.banner-block-theme-gradient-blue .field--name-body p {
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  font-size: 1.41rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: #FFF;
}
/* line 88, ../../../sass/components/blocks/banner-block.scss */
.block-type-banner-block p:last-child {
  margin-bottom: 0;
}