/*$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/icon-block.scss */
.block-type-icon-block {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  box-shadow: 0 0 20px 5px rgba(34, 34, 34, 0.05);
  padding: 1.41rem;
  margin-top: 32px;
  margin-bottom: 32px;
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  /*
  There isn't actually a theme field on icon blocks but color info
  is being separated in case it's added later.
   */
}
/* line 16, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .icon-block-header {
  display: flex;
  margin-bottom: 1rem;
}
/* line 22, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .block-icon .fas {
  font-size: 1.45rem;
  border-radius: 50%;
  padding: 10px;
  color: white;
}
/* line 29, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .icon-block-title-wrapper {
  flex: 1;
}
/* line 32, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .icon-block-title-wrapper h4 {
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  padding-top: 10px;
  margin: 0;
  margin-left: 10px;
  line-height: 1.25;
}
/* line 46, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .field--name-field-block-link a {
  text-decoration: none;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: none;
}
/* line 162, ../../../sass/_mixins.scss */
.block-type-icon-block .field--name-field-block-link a:hover, .block-type-icon-block .field--name-field-block-link a:active {
  text-decoration: underline;
}
/* line 53, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .field--name-field-block-link a:hover {
  font-weight: 400;
}
/* line 58, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .field--name-field-block-link a:after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f138";
  margin-left: 0.7em;
  text-decoration: none;
  display: inline-block;
}
/* line 67, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .field--name-body {
  line-height: 1.5;
}
/* line 76, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block.icon-block-theme-blue .block-icon .fas {
  background-color: #102D66;
}
/* line 82, ../../../sass/components/blocks/icon-block.scss */
.block-type-icon-block .field--name-field-block-link a {
  color: #007A89;
}