/*OSP-25267 Home page Hero banner Fixed image cropping issue in both mobile and desktop*/
#home-hero {
  height: 151.867vw;
  min-height: auto;
}
@media screen and (min-width: 1200px) {
  #home-hero {
    height: 33.45vw;
  }
}

#jemperli-administration-hero {
  height: 150.5vw;
  min-height: auto;
}
@media screen and (min-width: 1200px) {
  #jemperli-administration-hero {
    height: 24.45vw;
  }
}

/*MJJ and care partner page hero banner height*/
#MyJEMPERLIJourney,
#care-partner-hero {
  height: 130vw !important;
  min-height: auto;
}
@media screen and (min-width: 1200px) {
  #MyJEMPERLIJourney,
  #care-partner-hero {
    height: 27.8vw !important;
  }
}
@media screen and (max-width: 1199px) {
  #care-partner-hero {
    background-size: 100% 100% !important;
  }
}
/*Garnet pages hero banner height*/
#garnet-hero {
  height: 130vw;
  min-height: auto;
}

@media screen and (min-width: 1200px) {
  #garnet-hero {
    height: 27.8vw;
  }
}

#box-with-only-button div[buttontype="button"] {
  border: none;
}


/*ST home page hero banner height*/
@media screen and (min-width: 1200px) {
  #solid-tumor-hero {
    height: 33.45vw;
  }
}
#solid-tumor-hero {
  background-size: 100% 100% !important;
}

/* Removed extra padding from the button and made it full width on mobile */
@media screen and (max-width: 1199px) {
  #box-with-only-button div[buttontype="button"] {
    padding: 0;
  }

  #box-with-only-button div[rendertype="buttonAsLink"] {
    width: 100%;
  }
  #box-with-only-button a:active:not(:disabled):after {
   margin: 0 20px;
  }
   #box-with-only-button a:focus:not(:disabled):after {
   margin: 0 20px;
  }
}

/* Hide element in mobile or desktop */
@media screen and (min-width: 1200px) {
  .hide-desktop {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .hide-mobile {
    display: none !important;
  }
}

/*OSP-25382 Fix for the American Society Cancer card on care partners page */
#americancancersociety > div > div:first-child {
  align-content: end;
}