/* for all resolutions */

/* global css classes */

#living-with-blood-cancer-hero-banner {
  min-height: 300px;
  background: url(/content/dam/intelligentcontent/unbranded/heme-ambition/us/en/images/patients/desktop/living-with-blood-cancer/living-with-blood-cancer-hero-banner.png) no-repeat;
  background: linear-gradient(90.03deg, #C62228 -2.62%, #C62329 0.27%, #C62329 12.51%, #532F4C 49.54%, #0E3760 100.17%);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  max-width: 1920px;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/*#living-with-blood-cancer-hero-banner #violator {*/
/*  max-width: 1200px;*/
/*  margin: 0 auto;*/
/*}*/

#living-with-blood-cancer-hero-banner h1 {
  font-family: 'Oswald', sans-serif;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-align: left;
  max-width: 588px;
  text-transform: uppercase;
}

#living-with-blood-cancer-hero-banner h1 span {
  font-weight: 300;
}

/*#living-with-blood-cancer .feedback-node a.helpful-btn span, #living-with-blood-cancer .feedback-node a.not-helpful-btn span {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  gap: 4px;*/
/*}*/

/*#living-with-blood-cancer .feedback-node a.helpful-btn img {*/
/*  margin-top: -12px;*/
/*}*/

#living-with-blood-cancer .feedback-node a.not-helpful-btn img {
  margin-top: -6px;
}

/*#living-with-blood-cancer #video-component .video-list .video-list-item .item-info a{*/
/*    max-width: 18ch;*/
/*}*/



@media screen and (min-width: 1025px) {
  /*#living-with-blood-cancer-hero-banner:after {*/
  /*  content: url(/content/dam/intelligentcontent/unbranded/heme-ambition/us/en/images/patients/desktop/living-with-blood-cancer/living-with-blood-cancer-hero-img.png);*/
  /*  position: absolute;*/
  /*  right: 0px;*/
  /*  top: 0px;*/
  /*}*/
}

@media screen and (max-width: 1024px) {
  

  #living-with-blood-cancer-hero-banner {
    min-height: 361px;
    background: linear-gradient(90.04deg, #C72127 0.04%, #B1242E 45.24%, #013865 139.13%);
    background-size: cover;
    background-position: center;
    display: block;
    margin-top: 78px;
  }

  #living-with-blood-cancer-hero-banner:after {
    content: url(/content/dam/intelligentcontent/unbranded/heme-ambition/us/en/images/patients/mobile/living-with-blood-cancer/living-with-blood-cancer-hero-banner.png);
    position: absolute;
    bottom: -5px;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  #living-with-blood-cancer-hero-banner h1 {
    font-size: 36px;
    line-height: 48px;
    padding: 32px 20px 20px 20px;
  }

  #living-with-blood-cancer .feedback-node a.helpful-btn {
    margin-right: 0;
  }

  #living-with-blood-cancer .feedback-node a.helpful-btn, #living-with-blood-cancer .feedback-node a.not-helpful-btn {
    width: 209px;
    height: 48px;
  }

  #living-with-blood-cancer .feedback-node a.helpful-btn span, #living-with-blood-cancer .feedback-node a.not-helpful-btn span {
    margin-top: 4px;
  }

  #living-with-blood-cancer .feedback-node a.helpful-btn img {
    margin-top: -10px;
  }

  #living-with-blood-cancer .feedback-node a.helpful-btn, #living-with-blood-cancer .feedback-node a.not-helpful-btn {
    padding: 11.5px 20px 10.5px 20px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1365px) {
  /*#living-with-blood-cancer-hero-banner #violator {*/
  /*  max-width: 90%;*/
  /*}*/

  #living-with-blood-cancer-hero-banner h1 {
    padding-right: 8%;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
  /*#living-with-blood-cancer-hero-banner #violator {*/
  /*  max-width: 95%;*/
  /*}*/

  #living-with-blood-cancer-hero-banner h1 {
    padding-right: unset;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
  /*#living-with-blood-cancer-hero-banner:after {*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  right: 0px;*/
  /*  top: 0px;*/
  /*  background-image: url(/content/dam/intelligentcontent/unbranded/heme-ambition/us/en/images/patients/desktop/living-with-blood-cancer/living-with-blood-cancer-hero-img.png);*/
  /*  background-size: auto;*/
  /*  width: 100%;*/
  /*  min-height: 300px;*/
  /*  background-repeat: no-repeat;*/
  /*  background-position-x: 420px;*/
  /*}*/
}