/**
 *
 * Styles for blocks (and regions).
 *
 * Example selectors for blocks in a specific region:
 *   .region-sidebar-first .block ELEMENT {}
 *   .region-sidebar-first #block-block-64 ELEMENT {}
 *   #region-notice-first .block ELEMENT {}
 *
 * Example selectors by block id (regardless of region):
 *   #block-multiblock-1 ELEMENT {}
 *
 */

/**
 * BEGIN: Styling for "notices" ABOVE the navbar
 */
#region-notice-first .block {
  background-color: var(--color-notice);
  color: var(--color-notice-inv);

  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);

  padding: var(--size-md);
}
#region-notice-first .block h1,
#region-notice-first .block h2,
#region-notice-first .block h3 {
  margin-top: var(--size-xs);
}
#region-notice-first .block p a {
  color: var(--color-notice-inv);
}

#region-notice-second .block {
  background-color: var(--color-notice-second);
  color: var(--color-notice-second-inv);

  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);

  padding: var(--size-md);
}
#region-notice-second .block a {
  color: var(--color-notice-second-inv);
}
/** END **/

/**
 * BEGIN: Whitespace for header and navigation regions
 */
#region-branding-additional {
  margin-top: var(--size-margin-md);
  margin-bottom: var(--size-margin-md);
}
/** END **/

/**
 * BEGIN: Reset hover states in certain regions
 */
#region-notice-first a:hover,
#region-branding-additional a:hover,
#region-footer-second a:hover {
  background: none;
}

/**
 * BEGIN: Styling for blocks in the header regions.
 */
#nav-branding img {
  height: auto;
}
/** END **/


/**
 * NRD: Styles for the navbar
 */
@media screen and (max-width: 991.98px) /* LG */ {
  #navbar-parent-row {
    width: 90%;
    float:left;
  }
}
/** END **/

/**
 * NRD: Styles for "notice" items IN content
 */
.region-content-top div.notice,
.region-content-top p.notice,
.region-content p.intro,
.region-content p.notice,
.region-content p.audience,
.region-content p.important {
  font-family: var(--font-regular-family); font-weight: var(--font-regular-weight); font-style: var(--font-regular-style);
  font-size: var(--size-lg);
  line-height: var(--size-lg-lh);
  padding-top: var(--size-md-alt1);
  padding-bottom: var(--size-md-alt1);
  margin-bottom: var(--size-lg);
  border-bottom: 4px solid var(--color-primary-xlt);
}
@media screen and (max-width: 1199.98px) /* XL */ {
  .region-content-top div.notice,
  .region-content-top p.notice,
  .region-content p.intro,
  .region-content p.notice,
  .region-content p.audience,
  .region-content p.important {
    font-size: var(--size-md);
    line-height: var(--size-md-lh);
    padding-top: var(--size-md);
    padding-bottom: var(--size-md);
  }
}
.region-content-top div.notice-noborder,
.region-content-top p.notice-noborder,
.region-content p.intro-noborder,
.region-content p.notice-noborder {
  border-bottom: none;
}
/** END **/


/**
 * NRD: Default styles for the content region.
 */
#region-content article {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-md-alt1);
  line-height: var(--size-lg-lh);
}

#region-content article p {
  /* margin: 0 var(--size-sm-lh) var(--size-sm-lh) var(--size-sm-lh); */
  padding-left: var(--size-lg);
  padding-right: var(--size-lg);
}
#region-content article p.important {
  background: var(--color-primary);
  color: var(--color-white);
}

#region-content article p.important a {
  color: var(--color-white);
}

#region-content article ol,
#region-content article ul {
  padding-left: var(--size-margin-xl);
  padding-right: var(--size-margin-xl);
}
#region-content article ol>li,
#region-content article ul>li {
  font-size: var(--size-md-alt1);
  line-height: var(--size-lg-lh);
}

@media screen and (max-width: 1199.98px) /* XL */ {
  #region-content {
    font-size: var(--size-md);
    line-height: var(--size-md-lh);
  }
  #region-content article p {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  #region-content article ol,
  #region-content article ul {
    padding-left: var(--size-margin-lg);
    padding-right: var(--size-margin-lg);
  }

  #region-content article ol>li,
  #region-content article ul>li {
    font-size: var(--size-md);
    line-height: var(--size-md-lh);
  }
}
@media screen and (max-width: 767.98px) /* MD */ {
  #region-content {
    font-size: var(--size-sm-alt1);
    line-height: var(--size-sm-alt1-lh);
  }
}
/** END **/

/**
 * BEGIN: General styling for blocks in the "content bottom" region
 */

div.region-content-bottom .block {
  margin-top: var(--size-lg);
  padding-top: var(--size-lg);
  border-top: 1px solid var(--color-grey-dk);
}
.region-content-bottom .block .block-title {
  text-transform: uppercase;
  letter-spacing: var(--size-ls-md);
  font-family: var(--font-bold-family); font-weight: var(--font-bold-weight); font-style: var(--font-bold-style);
  font-size: var(--size-md);
  line-height: var(--size-md-lh);
}
/** END **/
/**
 * BEGIN: General styling for blocks in the action-tabs region.
 */
.region-action-tabs .tab-content .tab-pane .block {
  min-height: 21em;
  padding-left: var(--size-md);
  padding-right: var(--size-md);
}
.region-action-tabs .tab-content .tab-pane .block h2 {
  display:none;
}

/* Override standard "nav" in recommend blocks in the action tab region */
#region-content .region-action-tabs .block ul.nav-recommended {
  display:block;

  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.region-action-tabs .block .nav-recommended > li a,
.region-action-tabs .block .nav-recommended>li a {
  /* padding: var(--size-xs) var(--size-md); */
  padding: var(--size-xs) 0 var(--size-xs) var(--size-xs);
  text-decoration: none;
  
  /* (Recreate the style of D7/BS3) */
  position: relative;
  display: block;
}

/** END **/

/**
 * BEGIN: General styling for blocks in the sidebar-first and sidebar-second regions.
 */
.region-sidebar-first,
.region-sidebar-second {
  --size-gutter-lr: var(--size-sm, 18px);
  --size-nav-active-gutter-lr: 11px;
  --size-nav-arrow-gutter-l: -18px;
  --size-nav-arrow-gutter-r: calc(var(--size-nav-active-gutter-lr) * -1);
}
.region-sidebar-first,
.region-sidebar-second {
  padding: var(--size-md);
  margin-bottom: var(--size-md);
}
.region-sidebar-first .block,
.region-sidebar-second .block {
  font-family: var(--font-regular-family); font-weight: var(--font-regular-weight); font-style: var(--font-regular-style);
  font-size:  var(--size-sm);
  line-height:  var(--size-sm-lh);
  padding-bottom:  var(--size-lg);
  margin-bottom:  var(--size-sm);
  border-bottom: 4px solid var(--color-primary-xlt);
}
.region-sidebar-first .block h2,
.region-sidebar-second .block h2 {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  /*
  font-size: var(--size-lg);
  line-height: var(--size-lg-lh);
  */
  font-size: var(--size-md-alt1);
  line-height: var(--size-md-alt1-lh);

}

.region-sidebar-first .block h2,
.region-sidebar-first .block p,
.region-sidebar-second .block h2,
.region-sidebar-second .block p {
  margin-left: var(--size-gutter-lr);
  margin-right: var(--size-gutter-lr);
}

.region-sidebar-first .block .btn-primary,
.region-sidebar-first .block .btn-primary:visited,
.region-sidebar-first .block .btn-info,
.region-sidebar-first .block .btn-info:visited,
.region-sidebar-second .block .btn-primary,
.region-sidebar-second .block .btn-primary:visited,
.region-sidebar-second .block .btn-info,
.region-sidebar-second .block .btn-info:visited {
  color: var(--color-secondary-inv, white);
  border-color: var(--color-secondary, black);
  padding: var(--size-xs) var(--size-gutter-lr) var(--size-xs) var(--size-gutter-lr);
  background-color: var(--color-secondary, black);
}
.region-sidebar-first .block .btn-primary:hover,
.region-sidebar-first .block .btn-info:hover,
.region-sidebar-second .block .btn-primary:hover,
.region-sidebar-second .block .btn-info:hover {
  background-color: var(--color-secondary-dk, black);
}
/** END **/

/**
 * BEGIN: Styling for navigation blocks in the sidebar-first and 
 *  sidebar-second regions.
 */
.region-sidebar-first .block .nav,
.region-sidebar-second .block .nav {
  /* (Recreate the style of D7/BS3) */
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}  
.region-sidebar-first .block .nav > li,
.region-sidebar-second .block .nav>li {
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-xs-alt1);
  line-height: var(--size-xs-alt1-lh);
  /* (Recreate the style of D7/BS3) */
  width: 100%;
}
.region-sidebar-first .block .nav>li.pnh-registry,
.region-sidebar-second .block .nav>li.pnh-registry {
  margin-top:2em;
}
.region-sidebar-first .block .nav > li a,
.region-sidebar-second .block .nav>li a {
  /* padding: var(--size-xs) var(--size-md); */
  padding: var(--size-xs) 0 var(--size-xs) var(--size-xs);
  text-decoration: none;
  
  /* (Recreate the style of D7/BS3) */
  position: relative;
  display: block;
}

.region-sidebar-first .block .nav>li>ul>li a,
.region-sidebar-second .block .nav>li>ul>li a {
  padding: var(--size-xs) var(--size-lg) var(--size-xs) var(--size-xl);
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  /*padding: var(--size-xs) var(--size-md);*/
}

.region-sidebar-first .block .nav > li > a.active-trail.is-active,
.region-sidebar-second .block .nav>li>a.active-trail.is-active {
  color: var(--color-alt1-inv, white);
  background-color: var(--color-alt1, black);
  border-radius: var(--size-md);
  padding: var(--size-xs) var(--size-nav-active-gutter-lr);
  margin-left: 0.5em;
}
.region-sidebar-first .block .nav>li>a.active-trail.is-active:hover,
.region-sidebar-second .block .nav>li>a.active-trail.is-active:hover {
  opacity: var(--op-hover);
}
.region-sidebar-first .block .nav > li.expanded > a::before,
.region-sidebar-second .block .nav>li.expanded>a::before {
  color: var(--color-primary-xlt);
  content: "▼";
  position: relative;
  left: var(--size-nav-arrow-gutter-l);
  margin-right: var(--size-nav-arrow-gutter-r);
}
/* Surpress display of 'chevron' if the expanded menu item is ALSO active */
region-sidebar-first .block .nav > li.expanded > a.is-active::before,
.region-sidebar-second .block .nav>li.expanded> a.is-active::before {
  content: inherit;
  position: inherit;
  left: inherit;
  margin-right: inherit;
}


.region-sidebar-first .block .nav>li.collapsed>a::before,
.region-sidebar-second .block .nav>li.collapsed>a::before {
  /* color: var(--color-primary-xlt); */
  content: "▶";
  position: relative;
  left: var(--size-nav-arrow-gutter-l);
  margin-right: var(--size-nav-arrow-gutter-r);
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) /* XL only (tablet landscape) */ {
  /* Right padding can be removed from many sidebar-second elements on tablets */
  .region-sidebar-second,
  .region-sidebar-second .block .nav>li a,
  /* .region-sidebar-second .block .nav>li>a.active-trail.is-active, */
  .region-sidebar-second .block .nav>li>ul>li a {
    padding-right: 0;
  }
}

/** END **/

/**
 * BEGIN: Styling for blocks in the footer regions
 */
.footer {
  padding-bottom: 0; /* Override drupal-bootstrap.css */
}
footer#footer-regions {
  padding: 2rem 0 0 0; /* Override _footer.scss */
}

/**
 * BEGIN: Styling for the "We Recommend" blocks
 */
.block-block-content ul.nav-recommended {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.block-block-content ul.nav-recommended li {
  font-family: var(--font-regular-family); font-weight: var(--font-regular-weight); font-style: var(--font-regular-style);
  list-style: none;
  border-bottom: 1px solid var(--color-grey);
}
.block-block-content ul.nav-recommended li.last {
  border-bottom: none;
}
.block-block-content ul.nav-recommended li svg.svg-inline--fa {
  color: var(--color-primary-xlt);
  margin-right: var(--size-xs);
  font-size: var(--size-md);
}

.block-block-content h6.section-title { /*Debugging of "We Recommend" blocks*/
  margin-left: var(--size-gutter-lr);
  margin-right: var(--size-gutter-lr);
}
/** END **/

/**
 * BEGIN: Styling for the "Diseases Featured" block
 *
 * *Should match the "We Recommend" block*
 */
.view-id-diseases_featured_block ul.nav-diseases-featured {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.view-id-diseases_featured_block ul.nav-diseases-featured li {
  font-family: var(--font-regular-family); font-weight: var(--font-regular-weight); font-style: var(--font-regular-style);
  list-style: none;
  border-bottom: 1px solid var(--color-grey);
}

.view-id-diseases_featured_block ul.nav-diseases-featured li.last {
  border-bottom: none;
}

/**
 * BEGIN: Styling for "Header - Social" (Helpline/Social/Search) block
 */
#block-b5aamds25-headersocial {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);
}
 #block-b5aamds25-headersocial .list-inline .item-search {
  background-color: var(--color-grey-lt);
  padding: var(--size-sm-half) var(--size-md) var(--size-sm-half) var(--size-md);
}
@media screen and (max-width: 1399.98px) /* XXL */ {  
  #block-b5aamds25-headersocial {
    font-size: var(--size-sm);
    line-height: var(--size-sm-lh);
  }
}
/** END **/

/**
 * BEGIN: Styling for the subscribe/donate block
 */
#block-block-96 .btn {
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);

  padding: var(--size-xs) var(--size-sm);
}
@media screen and (max-width: 1399.98px) /* XXL */ {
  #block-block-96 .btn {
    font-size: var(--size-xs-alt1);
    line-height: var(--size-xs-alt1-lh);

    padding: var(--size-xs) var(--size-xs);
  }
}

/* #block-block-96 .btn:hover {} */
/** END **/

/**
 * BEGIN: Disclaimer (Drug and Treatment content)
 */
#block-b5aamds25-disclaimerdrugcontent {
  margin-top: var(--size-margin-sm);
  margin-bottom: var(--size-margin-sm);
  padding: var(--size-margin-sm);
  border-top: var(--size-border-xs) solid var(--color-primary-xxlt);
  border-bottom: var(--size-border-xs) solid var(--color-primary-xxlt);
}
#block-b5aamds25-disclaimerdrugcontent p {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-style: italic;
}
/** END **/

/**
 * BEGIN: Footer Block - Sign Up
 */
#block-b5aamds25-footersignup {
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-md);
  line-height: var(--size-md-lh);

  margin-top: var(--size-lg);
  background-color: var(--color-grey-xxdk);
  color: var(--color-white);
  padding: var(--size-xxl) 0;
}
#block-b5aamds25-footersignup a:hover {
  opacity: var(--op-hover);
}
#block-b5aamds25-footersignup .btn {
  border-radius: var(--size-lg);
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
  padding-top: var(--size-xs);
  padding-right: var(--size-lg);
  padding-bottom: var(--size-xs);
  padding-left: var(--size-lg);
  border: none;
}
#block-b5aamds25-footersignup .btn:hover {
  opacity: var(--op-hover);
}
#block-b5aamds25-footersignup .btn-default {
  background-color: var(--color-secondary);
  color: var(--color-secondary-inv);
}
#block-b5aamds25-footersignup .signup {
  text-align: center;
  padding-top: var(--size-sm-half);
}
#block-b5aamds25-footersignup .link-to-top {
  text-align: center;
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}
#block-b5aamds25-footersignup .link-to-top a {
  color: var(--color-white);
}
@media screen and (max-width: 991.98px) /* LG */ {
  #block-b5aamds25-footersignup {
    font-size: var(--size-sm);
    line-height: var(--size-sm-lh);
    padding: var(--size-sm);
  }
}
/** END **/

/**
 * BEGIN: Footer Block - Links, Contact, Helpline
 */
#block-b5aamds25-footerlinkscontacthelpline {
  --rcol-box-height: 250px;
  --rcol-box-padding-top: 65px;
  --menu-link-padding-top: 5px;
  --menu-link-padding-bottom: 5px;
}
#block-b5aamds25-footerlinkscontacthelpline {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-md);
  line-height: var(--size-md-lh);

  background-color: var(--color-primary-lt);
  color: var(--color-white);

  /* height: var(--box-height); */
}
#block-b5aamds25-footerlinkscontacthelpline .social {
  background-color: var(--color-primary);
  height: var(--rcol-box-height);
  padding-top: var(--rcol-box-padding-top);
}
#block-b5aamds25-footerlinkscontacthelpline .social svg.svg-inline--fa {
  color: var(--color-primary-xxlt);
}
#block-b5aamds25-footerlinkscontacthelpline .helpline {
  background-color: var(--color-primary-xlt);
  height: var(--rcol-box-height);

  padding-top: var(--rcol-box-padding-top);
}
#block-b5aamds25-footerlinkscontacthelpline .helpline svg.svg-inline--fa {
  color: var(--color-primary-dk);
}
#block-b5aamds25-footerlinkscontacthelpline .helpline a {
  color: var(--color-primary-inv);
  text-decoration: none;
}
#block-b5aamds25-footerlinkscontacthelpline .helpline a:hover {
  background: none;
  color: var(--color-grey-dk);
}
#block-b5aamds25-footerlinkscontacthelpline .logo,
#block-b5aamds25-footerlinkscontacthelpline .links {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
  padding-top: var(--size-xl);
  padding-right: var(--size-xl);
  padding-left: var(--size-xl);
}
#block-b5aamds25-footerlinkscontacthelpline .address {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);
  color: var(--color-grey-dk);
  padding-top: var(--size-xl);
  padding-right: var(--size-xl);
  /* padding-left: var(--size-xl); */
}
#block-b5aamds25-footerlinkscontacthelpline .links ul>li {
  padding-top: var(--menu-link-padding-top);
  padding-bottom: var(--menu-link-padding-bottom);
}
#block-b5aamds25-footerlinkscontacthelpline .legal-row-first,
#block-b5aamds25-footerlinkscontacthelpline .legal-row-second {
  font-family: var(--font-regular-family); font-weight: var(--font-regular-weight); font-style: var(--font-regular-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
  padding-top: var(--size-lg);
  margin-right: var(--size-xl);
  padding-bottom: var(--size-lg);
  margin-left: var(--size-xl);
}
#block-b5aamds25-footerlinkscontacthelpline .legal-row-second {
  border-top: 1px solid var(--color-primary-xlt);
}
#block-b5aamds25-footerlinkscontacthelpline .legal-row-second .tax-id {
  color: var(--color-grey-dk);
}
#block-b5aamds25-footerlinkscontacthelpline .links a,
#block-b5aamds25-footerlinkscontacthelpline .address a,
#block-b5aamds25-footerlinkscontacthelpline .legal-row-first a,
#block-b5aamds25-footerlinkscontacthelpline .legal-row-second a {
  color: var(--color-white);
}
#block-b5aamds25-footerlinkscontacthelpline .links a:hover,
#block-b5aamds25-footerlinkscontacthelpline .address a:hover,
#block-b5aamds25-footerlinkscontacthelpline .legal-row-first a:hover,
#block-b5aamds25-footerlinkscontacthelpline .legal-row-second a:hover {
  background: none;
  color: var(--color-grey-dk);
}

@media screen and (min-width: 1400px) /* XXL */ {
#block-b5aamds25-footerlinkscontacthelpline .logo .img-responsive {
    max-width: 75%; /* Limit size of logo on high resolution displays */
  }
}

@media screen and (min-width: 992px) /* LG */ {
  #block-b5aamds25-footerlinkscontacthelpline .col-md-push-10 {
    padding-right: 0px; /* On desktop this column should be pushed directly against the right side. */
  }
}
@media screen and (max-width: 991.98px) /* LG */{
  #block-b5aamds25-footerlinkscontacthelpline {
    --rcol-box-height: auto;
    --rcol-box-padding-top: inherit;
  }
  #block-b5aamds25-footerlinkscontacthelpline .logo,
  #block-b5aamds25-footerlinkscontacthelpline .links,
  #block-b5aamds25-footerlinkscontacthelpline .address,
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-first,
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-second {
    padding-top: var(--size-lg);
    padding-right: var(--size-lg);
    padding-left: var(--size-lg);
  }
  #block-b5aamds25-footerlinkscontacthelpline .social {
    padding-bottom: var(--size-xs);
  }
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-first,
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-second {
    margin-left: inherit;
    border-top: none;
  }
  #block-b5aamds25-footerlinkscontacthelpline .links ul>li {
    border-bottom: 1px solid var(--color-primary-xxlt);
  }
  #block-b5aamds25-footerlinkscontacthelpline .links ul>li:last-child {
    border-bottom: none;
  }
  #block-b5aamds25-footerlinkscontacthelpline .address a.tel {
    display: block;
    padding: var(--size-xs) var(--size-lg);
    border-radius: var(--size-md);
    background-color: var(--color-primary-xlt);
    margin-top: var(--size-xs);
  }
  #block-b5aamds25-footerlinkscontacthelpline .address .divider {
    display:none;
  }
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-second ul>li {
    display: block;
    padding-top: var(--menu-link-padding-top);
    padding-bottom: var(--menu-link-padding-bottom);
    border-bottom: 1px solid var(--color-primary-xxlt);
  }
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-second ul>li:last-child {
    border-bottom: none;
  }
  #block-b5aamds25-footerlinkscontacthelpline .legal-row-second .tax-id {
    display: block;
    font-size: var(--size-xs-alt1);
    line-height: var(--size-xs-alt1-lh);
    margin-top: var(--size-sm);
  }
}
/** END **/

/** 
 * BEGIN: Front - top "About Us" type block 
 */
#block-b5aamds25-frontaboutaamdsif .row-first {
  margin-top: var(--size-margin-lg);
  background-color: var(--color-secondary);
}

#block-b5aamds25-frontaboutaamdsif .row-first h1,
#block-b5aamds25-frontaboutaamdsif .row-first h2,
#block-b5aamds25-frontaboutaamdsif .row-first p {
  color: var(--color-secondary-inv);
}
#block-b5aamds25-frontaboutaamdsif .row-first p {
  font-size: var(--size-sm-alt2);
  line-height: var(--size-sm-alt2-lh);
}
/*
#block-b5aamds25-frontaboutaamdsif .row-first h1 .text-alt,
#block-b5aamds25-frontaboutaamdsif .row-first h2 .text-alt {
  color: var(--color-grey-dk) !important;
}
*/
#block-b5aamds25-frontaboutaamdsif .row-first .col-info {
  padding-top: var(--size-xl);
  padding-left: var(--size-xl);
  padding-right: var(--size-xl);
  /* min-height: 620px; */
}
#block-b5aamds25-frontaboutaamdsif .row-first .col-info .links {
  margin-top: var(--size-xl);
}

@media screen and (max-width: 1399.98px) /* XXL */ {
  #block-b5aamds25-frontaboutaamdsif .row-first .col-info {
    min-height: 487px;
  }
  #block-b5aamds25-frontaboutaamdsif .btn,
  #block-b5aamds25-frontaboutaamdsif .btn:visited {
    font-size: var(--size-sm);
    line-height: var(--size-sm-lh);
    padding: var(--size-xs) var(--size-sm);
  }
  #block-b5aamds25-frontaboutaamdsif .row-first h1 {
    font-size: var(--size-lg);
    line-height: var(--size-lg-lh);
  }
}

@media screen and (max-width: 1199.98px) /* XL */ {
  #block-b5aamds25-frontaboutaamdsif .row-first .col-info {
      padding-top: var(--size-md);
      padding-left: var(--size-md);
      padding-right: var(--size-md);
      min-height: 390px;
    }
    /*
  #block-b5aamds25-frontaboutaamdsif .btn,
  #block-b5aamds25-frontaboutaamdsif .btn:visited {
    padding: var(--size-xs) var(--size-md);
  }
  #block-b5aamds25-frontaboutaamdsif .row-first h1 {
    font-size: var(--size-lg-alt1);
    line-height: var(--size-lg-alt1-lh);
  }
*/
}
/** END **/

/**
 * BEGIN: Front - Quick Links / Resources
 */
#block-b5aamds25-frontresourcesforyou {
  /* background-color: var(--color-primary); */
  padding-top: 0;
  padding-right: var(--size-lg);
  padding-bottom: var(--size-lg);
  padding-left: var(--size-lg);
  margin-top: var(--size-margin-xl);
}

#block-b5aamds25-frontresourcesforyou h2 {
  color: var(--color-primary);
  font-size: var(--size-md-alt2);
  line-height: var(--size-md-alt2-lh);
}

@media screen and (min-width: 1200px) /* XL */ {
  #block-b5aamds25-frontresourcesforyou .btn-sq-xl {
    min-width: 90%;
    margin-top: var(--size-sm);
    margin-right: var(--size-sm);
    margin-bottom: var(--size-lg);
    margin-left: var(--size-sm);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199.98px)  /* XL only (tablet landscape) */ {
    #block-b5aamds25-frontresourcesforyou .btn-sq-xl .title {
      font-size: var(--size-xs);
      line-height: var(--size-xs);
    }
}
@media screen and (max-width: 991.98px) /* LG */ {
  #block-b5aamds25-frontresourcesforyou .row-second {
    margin-top: var(--size-xs);
  }
  /* Go large with titles again on very small devices as they will become full width boxes */
  #block-b5aamds25-frontresourcesforyou .btn-sq-xl .title {
    font-size: var(--size-md);
    line-height: var(--size-md);
  }
}
/** END **/

/**
 * BEGIN: Front - Upcoming Events and Online Library blocks
 */
#block-b5aamds25-frontupcomingactivities .row-first,
#block-b5aamds25-frontonlinelibrary .row-first {
  border-top: var(--size-sm) solid var(--color-secondary-lt);
  margin-top: var(--size-margin-lg);
}
#block-b5aamds25-frontupcomingactivities .row-first h2.title,
#block-b5aamds25-frontonlinelibrary .row-first h2.title {
  color: var(--color-secondary-lt);
}
#block-b5aamds25-frontupcomingactivities .row-second h3.title a,
#block-b5aamds25-frontonlinelibrary .row-second h3.title a {
  text-decoration: none;
  letter-spacing: -0.01em;
}

#block-b5aamds25-frontupcomingactivities .row-second,
#block-b5aamds25-frontupcomingactivities .row-third,
#block-b5aamds25-frontonlinelibrary .row-second,
#block-b5aamds25-frontonlinelibrary .row-third {
  /*margin-top: var(--size-margin-md);*/
}

#block-b5aamds25-frontupcomingactivities .row-second h3.title,
#block-b5aamds25-frontupcomingactivities .row-third h3.title,
#block-b5aamds25-frontonlinelibrary .row-second h3.title,
#block-b5aamds25-frontonlinelibrary .row-third h3.title {
  text-transform: uppercase;
  letter-spacing: var(--size-ls-md);
  font-family: var(--font-bold-family); font-weight: var(--font-bold-weight); font-style: var(--font-bold-style);
  font-size: var(--size-sm-alt2);
  line-height: var(--size-sm-alt2-lh);

  margin-bottom: var(--size-margin-sm);
}

  /**
    * Do not wrap text under the glyph.
    *
    * The best way to do this would be with `text-indent: 3em hanging each-line`
    * as seen below.  However this currently only works in Firefox and Safari.
    * The margin hack below should be replaced once this is more widely available.
    */
  #block-b5aamds25-frontupcomingactivities .row-second h3.title,
  #block-b5aamds25-frontupcomingactivities .row-third h3.title,
  #block-b5aamds25-frontonlinelibrary .row-second h3.title,
  #block-b5aamds25-frontonlinelibrary .row-third h3.title {
    /* text-indent: 1.25em hanging each-line; */
    /* "hanging" / "each-line" are experimental Edge and Chrome as of 2024-01-23 */
  }
    #block-b5aamds25-frontupcomingactivities .row-second h3.title,
    #block-b5aamds25-frontupcomingactivities .row-third h3.title,
    #block-b5aamds25-frontonlinelibrary .row-second h3.title,
    #block-b5aamds25-frontonlinelibrary .row-third h3.title {
      margin-left: 1.25em;
      /* HACK Part I */
    }
    #block-b5aamds25-frontupcomingactivities .row-second h3.title .svg-inline--fa,
    #block-b5aamds25-frontupcomingactivities .row-third h3.title .svg-inline--fa,
    #block-b5aamds25-frontonlinelibrary .row-second h3.title .svg-inline--fa,
    #block-b5aamds25-frontonlinelibrary .row-third h3.title .svg-inline--fa {
      margin-left: -1.25em;
      /* HACK Part II */
    }


#block-b5aamds25-frontupcomingactivities .row .view,
#block-b5aamds25-frontonlinelibrary .row .view {
  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -moz-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -webkit-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -o-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-header .svg-inline--fa,
#block-b5aamds25-frontonlinelibrary .row .view .view-header .svg-inline--fa {
  margin: 6px 0;
  color: var(--color-alt1);
  font-size: var(--size-xl);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty,
#block-b5aamds25-frontonlinelibrary .row .view .view-content,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty {
  padding: var(--size-sm) var(--size-md) var(--size-md) var(--size-md);
  min-height: 375px;
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content h3,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty h3,
#block-b5aamds25-frontonlinelibrary .row .view .view-content h3,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty h3 {
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content h4,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty h4,
#block-b5aamds25-frontonlinelibrary .row .view .view-content h4,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty h4 {

  font-family: var(--font-demi-bold-family); font-weight: var(--font-demi-bold-weight); font-style: var(--font-demi-bold-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
  color: var(--color-primary-xlt);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-field-field-presenters,
#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-field-body,
#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-field-nothing-1,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-field-field-presenters,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-field-body,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-field-nothing-1,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-field-field-presenters,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-field-body,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-field-nothing-1,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-field-field-presenters,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-field-body,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-field-nothing-1 {
  color: var(--color-grey-mdk);
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}



#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-field-view-node,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-field-view-node,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-field-view-node,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-field-view-node {
  margin-top: var(--size-lg);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-field-view-node a,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-field-view-node a,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-field-view-node a,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-field-view-node a {
  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-field-view-node .svg-inline--fa,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-field-view-node .svg-inline--fa,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-field-view-node .svg-inline--fa,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-field-view-node .svg-inline--fa {
  margin-left: var(--size-md);
  font-size: var(--size-md);
}

#block-b5aamds25-frontupcomingactivities .row .view .view-content .views-row-2,
#block-b5aamds25-frontupcomingactivities .row .view .view-empty .views-row-2,
#block-b5aamds25-frontonlinelibrary .row .view .view-content .views-row-2,
#block-b5aamds25-frontonlinelibrary .row .view .view-empty .views-row-2 {
  border-top: var(--size-border-md) solid var(--color-grey);
  margin-top: var(--size-md);
}

@media screen and (max-width: 1199.98px) /* XL */ {
  #block-b5aamds25-frontupcomingactivities .row .view .view-content h3,
  #block-b5aamds25-frontupcomingactivities .row .view .view-empty h3,
  #block-b5aamds25-frontonlinelibrary .row .view .view-content h3,
  #block-b5aamds25-frontonlinelibrary .row .view .view-empty h3 {
    font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
    font-size: var(--size-md-alt1);
    line-height: var(--size-md-alt1-lh);
  }
  #block-b5aamds25-frontupcomingactivities .row .view .view-content,
  #block-b5aamds25-frontupcomingactivities .row .view .view-empty,
  #block-b5aamds25-frontonlinelibrary .row .view .view-content,
  #block-b5aamds25-frontonlinelibrary .row .view .view-empty {
    padding: 0 var(--size-sm) var(--size-sm) var(--size-sm);
    min-height: 600px;
  }
  #block-b5aamds25-frontupcomingactivities .row-second,
  #block-b5aamds25-frontupcomingactivities .row-third,
  #block-b5aamds25-frontonlinelibrary .row-second,
  #block-b5aamds25-frontonlinelibrary .row-third {
    margin-top: 0;
  }
}
@media screen and (max-width: 991.98px) /* LG */ {
  #block-b5aamds25-frontupcomingactivities .row,
  #block-b5aamds25-frontonlinelibrary .row {
    margin-top: var(--size-xs);
  }
  #block-b5aamds25-frontupcomingactivities .row .view .view-content,
  #block-b5aamds25-frontupcomingactivities .row .view .view-empty,
  #block-b5aamds25-frontonlinelibrary .row .view .view-content,
  #block-b5aamds25-frontonlinelibrary .row .view .view-empty {
    padding: 0 var(--size-md) var(--size-md) var(--size-md);
    min-height: initial;
  }
  #block-b5aamds25-frontupcomingactivities .row .view .view-content h3,
  #block-b5aamds25-frontupcomingactivities .row .view .view-empty h3,
  #block-b5aamds25-frontonlinelibrary .row .view .view-content h3,
  #block-b5aamds25-frontonlinelibrary .row .view .view-empty h3 {
    font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
    font-size: var(--size-md);
    line-height: var(--size-md-lh);
  }
}
/** END **/


/**
 * BEGIN: Front - Story of Hope
 */
#block-b5aamds25-frontstoryofhope {
  margin-top: var(--size-margin-lg);
}
#block-b5aamds25-frontstoryofhope blockquote {
  margin-top: var(--size-lg);
  font-size: var(--size-md);
  line-height: var(--size-md-lh);
}
/** END **/

/**
 * BEGIN: Front - CTA / Story
 */
/** * BEGIN: Front - top "About Us" type block */
#block-b5aamds25-frontcalltoactionstory .row-first {
  margin-top: var(--size-margin-lg);
  background-color: var(--color-grey-xdk);
}
#block-b5aamds25-frontcalltoactionstory .row-first h1,
#block-b5aamds25-frontcalltoactionstory .row-first h2,
#block-b5aamds25-frontcalltoactionstory .row-first p {
  color: var(--color-secondary-inv);
}
#block-b5aamds25-frontcalltoactionstory .row-first p {
  font-size: var(--size-sm-alt2);
  line-height: var(--size-sm-alt2-lh);
}

#block-b5aamds25-frontcalltoactionstory .row-first h2 {
  /* Style this particular h2 as if it were an h3. */
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-lg);
  line-height: var(--size-lg-lh);
}

#block-b5aamds25-frontcalltoactionstory .row-first h1 .text-alt,
#block-b5aamds25-frontcalltoactionstory .row-first h2 .text-alt {
  color: var(--color-grey-dk) !important;
}

#block-b5aamds25-frontcalltoactionstory .col-image img {
  border: 2px solid var(--color-grey-xdk);
}

#block-b5aamds25-frontcalltoactionstory .row-first .col-info {
  padding-top: var(--size-xl);
  padding-left: var(--size-xl);
  padding-right: var(--size-xl);
  /* min-height: 592px; */
}

#block-b5aamds25-frontcalltoactionstory .row-first .col-info .links {
  margin-top: var(--size-xl);
}

@media screen and (max-width: 1199.98px)  /* XL */ {
}

@media screen and (max-width: 1399.98px)  /* XXL */ {
  /* 
  #block-b5aamds25-frontcalltoactionstory .row-first .col-info {
    min-height: 487px;
  }
  */
  #block-b5aamds25-frontcalltoactionstory .row-first .col-info {
    padding-top: var(--size-md);
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }

  #block-b5aamds25-frontcalltoactionstory .btn,
  #block-b5aamds25-frontcalltoactionstory .btn:visited {
    font-size: var(--size-sm);
    line-height: var(--size-sm-lh);

    padding: var(--size-xs) var(--size-sm);
  }
}
/** END **/

/** 
 * BEGIN: Front Page content block
 */
/* Hide title and body */
body.path-frontpage .region-content-top .field--name-title,
body.path-frontpage .region-content #block-b5aamds25-content {
  display:none !important;
}



/**
 * BEGIN: Jump links on sectioned-page-with-links nodes
 */
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group {
  margin-bottom: 2em;
}
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group .btn,
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group .btn:visited {
  font-family: var(--font-medium-family); font-weight: var(--font-medium-weight); font-style: var(--font-medium-style);
  font-size: var(--size-xs-alt1);
  line-height: var(--size-xs-alt1-lh);

  padding: 4px var(--size-md);
}
 /* .btn-group resets
  * The design specifies that button-groups on sectioned pages (such as
  *   disease pages) should be a series of individual yellow buttons (not a bar)
  */
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group>.btn:last-child:not(:first-child),
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group>.dropdown-toggle:not(:first-child) {
  border-radius: var(--size-sm-lh);
  margin-right: 3px;
  background-color: none;
  border: none;

  color: var(--color-alt1-inv);

  font-family: var(--font-light-family); font-weight: var(--font-light-weight); font-style: var(--font-light-style);
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
}
#block-aamdsif-blocks-sectioned-page-links-nav .btn-group>.btn:hover {
  background-color: var(--color-alt1);
}
/** END **/

/**
 * BEGIN: Sidebar mobile blocks
 */
@media screen and (max-width: 991.98px) /* LG */ {
  /* Main menu block duplicates the "learn more" block on mobile - hide it*/
   #block-menu-block-13 {
    display:none;
  }
  /* "We Recommend" blocks duplicate the action tabs on mobile - hide them*/
  #block-b5aamds25-frontcalltoactionstory,
  #block-block-101,
  #block-block-102,
  #block-block-103,
  #block-block-104 {
    display: none;
  }
}
/** END **/


/**
 * BEGIN: "Disclosures" menu block
 */
/* Careers link should be like .btn */
#block-menu-block-3 li.menu-mlid-17008 {
  margin-top: 2em;
  background-color: var(--color-secondary);
}
#block-menu-block-3 li.menu-mlid-17008 a {
  color: var(--color-secondary-inv);
}
#block-menu-block-3 li.menu-mlid-17008 a:hover {
  color: var(--color-secondary);
}
/** END **/

/**
 * BEGIN: "Clinical Trial Spotlight" and "NIH Study" blocks
 *
 * See also: nodes.css::body.page-node-type-clinical-trial
 */

#block-b5aamds25-clinicaltrialspotlight h3 {
  text-transform: uppercase;
  letter-spacing: var(--size-ls-md);
  font-family: var(--font-bold-family); font-weight: var(--font-bold-weight); font-style: var(--font-bold-style);
  font-size: var(--size-sm-alt1);
  line-height: var(--size-sm-alt1-lh);
  margin-top: var(--size-xs);
}

#block-b5aamds25-clinicaltrialspotlight h3 span.date-start,
#block-b5aamds25-clinicaltrialspotlight h3 span.date-sep,
#block-b5aamds25-clinicaltrialspotlight h3 span.date-end {
  text-transform: none;
  letter-spacing:normal;
}
#block-b5aamds25-clinicaltrialspotlight h3 span.date-sep {
  padding: 0 1em;
}
#block-b5aamds25-clinicaltrialspotlight .field-company img {
  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -moz-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -webkit-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
    -o-box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
}

#block-b5aamds25-clinicaltrialspotlight .field-ct2id h3 a {
  color: var(--color-secondary);
}

#block-b5aamds25-clinicaltrialspotlight .row-2 div ul,
#block-b5aamds25-clinicaltrialspotlight .row-2 div p {
 padding-left: 0;
 padding-right: 0;

 font-size: var(--size-sm-alt2);
 line-height: var(--size-sm-alt2-lh);
}

/** END **/

#block-b5aamds25-webform form #edit-instructions,
#webform-submission-webform-10340-form-ajax .webform-confirmation .webform-confirmation__message {
  background-color: var(--color-grey);
  padding: var(--size-margin-sm);
}

/** AJAX-specific **/
webform-submission-webform-10340-form-ajax {
  margin: var(--size-xs) var(--size-sm);
}

webform-submission-webform-10340-form-ajax .links {
  display: none;
}

webform-submission-webform-10340-form-ajax .form-item-submitted-page-url {
  display: none;
}
