/*$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 109, ../../sass/nhlbi_components/_component_variables.scss */
.block-layout-builder {
  margin-bottom: 0;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 112, ../../sass/nhlbi_components/_component_variables.scss */
  .block-layout-builder h2 {
    font-size: 1.5rem;
  }
}

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

/* line 6, ../../sass/components/book.scss */
.block-nhlbi-book-nav-block {
  clear: both;
}
/* line 8, ../../sass/components/book.scss */
.block-nhlbi-book-nav-block nav.book-navigation {
  background-color: #f1f7fb;
  color: #222;
  padding: 16px 24px !important;
}

/* line 15, ../../sass/components/book.scss */
.book-navigation .fa-angle-right, .book-navigation .fa-angle-left {
  background-color: #0051A8;
  color: #f1f7fb;
  border-radius: 50%;
  padding: 2px;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 16px;
  vertical-align: middle;
}
/* line 27, ../../sass/components/book.scss */
.book-navigation .nav-label {
  font-size: 1.353rem;
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.25em;
  font-weight: 400;
  text-transform: uppercase;
}
/* line 36, ../../sass/components/book.scss */
.book-navigation a {
  color: #0051A8;
  text-decoration: none;
  font-weight: 600;
}
/* line 41, ../../sass/components/book.scss */
.book-navigation .book-pager {
  margin: 0;
  padding: 0;
}

/* line 47, ../../sass/components/book.scss */
.block-nhlbi-health-topics-book-name {
  margin-bottom: 0;
}