/*
Contains styles for Health Topics A-Z view and Health Topics teaser view mode.
 */
/*$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;
}

/* Health topics A-Z view */
/* line 13, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .view-header {
  line-height: 1.25;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 13, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .view-header {
    display: none;
  }
}
/* line 20, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .js-form-item-letter {
  display: inline-block;
  width: calc(100% / 14);
  margin-bottom: 0.5em;
  text-align: center;
}
/* line 27, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .js-form-item-letter input {
  display: none;
}
/* line 31, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .js-form-item-letter label {
  cursor: pointer;
  color: #575B5E;
  font-size: 1.765rem;
  width: 100%;
  line-height: 1.25;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 31, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .js-form-item-letter label {
    font-size: 1.412rem;
  }
}
/* line 42, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .js-form-item-letter label:hover {
  font-weight: bold;
}
/* line 46, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .js-form-item-letter input:checked + label {
  font-weight: bold;
  color: #007A89;
}
/* line 52, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .js-form-item-letter:first-child {
  display: none;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 20, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .js-form-item-letter {
    width: calc((100%-40px) / 7);
  }
}
/* line 61, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-submit {
  font-family: "Font Awesome 6 Pro";
  padding: 0.42em 1em;
  color: white;
  background-color: #102D66;
  font-size: 1.353rem;
  border: 1px solid #102D66;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  margin-left: 0;
}
/* line 73, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-actions {
  display: inline-block;
  margin: 1.5em 0;
}
/* line 78, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-item-title,
.view-health-topics-a-z .form-item-search {
  display: inline-block;
  width: calc(100% - 4.68em);
  margin-right: 0;
  color: #575B5E;
}
/* line 84, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-item-title input,
.view-health-topics-a-z .form-item-search input {
  width: 100%;
  border: 1px solid #102D66;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  margin-left: 0;
  line-height: 1.5;
}
/* line 92, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-item-title input:placeholder-shown,
.view-health-topics-a-z .form-item-search input:placeholder-shown {
  font-style: italic;
}
/* line 95, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-item-title input:-ms-input-placeholder,
.view-health-topics-a-z .form-item-search input:-ms-input-placeholder {
  font-style: italic;
}
/* line 99, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .form-item-title label,
.view-health-topics-a-z .form-item-search label {
  display: none;
}
/* line 104, ../../sass/components/health_topics.scss */
.view-health-topics-a-z fieldset {
  width: 100%;
}
/* line 108, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .view-filters {
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 1em;
}
/* line 113, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .view-empty h4 {
  font-family: "Open Sans", Verdana, Arial, sans-serif;
  font-size: 1.235rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 1em;
  text-transform: none;
}
/* line 127, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .view-content h3.letter-heading {
  font-family: "Open Sans";
  font-size: 1.765rem;
  font-weight: 600;
  line-height: 1.25;
  color: white;
  background-color: #102D66;
  border-radius: 8px;
  display: inline-block;
  padding: 0.25em 0.75em;
  margin: 1em 0;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 127, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .view-content h3.letter-heading {
    font-size: 1.412rem;
  }
}
/* line 145, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
}
/* line 149, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager ul.pager__items {
  padding: 0;
  margin: 0;
}
/* line 153, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item {
  padding: 10px 20px;
}
/* line 155, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item a {
  display: inline-block;
  padding: 0.25em 0.5em;
  color: #575B5E;
  text-decoration: none;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 153, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager .pager__item {
    display: none;
    padding: 0;
  }
  /* line 165, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager .pager__item a {
    padding: 5px 15px;
  }
}
/* line 170, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item.is-active {
  display: inline-block;
  background-color: #102D66;
}
/* line 173, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item.is-active a {
  color: white;
  font-weight: 700;
}
/* line 178, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item.is-active + .pager__item {
  display: inline-block;
}
/* line 184, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item--next {
  padding: 0 0;
  display: inline-block;
}
/* line 187, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item--next a > span:last-child {
  background-image: url("/themes/custom/nhlbi/images/icons/next_icon.svg");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 1em;
}
@media all and (min-width: 0em) and (max-width: 1099px) {
  /* line 193, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager .pager__item--next a > span:last-child > span {
    display: none;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  /* line 184, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager .pager__item--next {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 206, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item--previous {
  padding: 0 0;
  display: inline-block;
}
/* line 209, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item--previous a > span:last-child {
  background-image: url("/themes/custom/nhlbi/images/icons/prev_icon.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 1em;
}
@media all and (min-width: 0em) and (max-width: 1099px) {
  /* line 215, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager .pager__item--previous a > span:last-child > span {
    display: none;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  /* line 206, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager .pager__item--previous {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 1100px) and (max-width: 3000px) {
  /* line 227, ../../sass/components/health_topics.scss */
  .view-health-topics-a-z .pager li.pager__item--first {
    padding: 10px 10px 10px 20px;
  }
}
/* line 231, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager li.pager__item--first a:before {
  padding-left: 0em;
  margin-right: 0.5em;
  content: "\f100";
  text-decoration: none;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-right: 8px;
  color: #222;
}
/* line 244, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager li.pager__item--last a:after {
  padding-left: 0.5em;
  margin-right: 0em;
  content: "\f101";
  text-decoration: none;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-right: 8px;
  color: #222;
}
/* line 256, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .pager .pager__item--ellipsis {
  display: none;
}
/* line 261, ../../sass/components/health_topics.scss */
.view-health-topics-a-z .node--view-mode-teaser:last-child {
  border-bottom: none;
}

/* Health Topics teasers */
/* line 267, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
/* line 268, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser .field--name-field-health-topic-type {
  font-size: 0.824rem;
  line-height: 1.357;
  font-weight: 700;
  text-transform: uppercase;
}
/* line 275, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser a.title-link,
.node--type-health-topics.node--view-mode-teaser h4.field--name-title {
  font-size: 1.353rem;
  font-weight: 600;
  color: #007A89;
  text-decoration: none;
  line-height: 1.25;
  text-transform: capitalize;
  font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 286, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser h4.field--name-title {
  margin: 0;
  letter-spacing: 0em;
}
/* line 290, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser h4.field--name-title:hover {
  text-decoration: underline;
}
/* line 294, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser a.title-link {
  margin: 0.25em 0;
  display: inline-block;
}
/* line 298, ../../sass/components/health_topics.scss */
.node--type-health-topics.node--view-mode-teaser .field--name-field-health-topic-summary {
  color: #222;
}