/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Epic recommends any additional CSS be placed below this line. Avoid adding CSS above because it makes it difficult to determine which are your changes and which are Epic's. */
.component .news .newscard.videoVisits {
  background-image: url("../images/calendar_grayscale.png");
}

.component .news .newscard.careEverywhere {
  background-image: url("../en-US/images/apptguide.png");
}

.features .icon-billing {
  background-image: url("../images/quicklinks/account_summary.png");
}

.features .icon-medical_record {
  background-image: url("../images/quicklinks/health_record.png");
}

.features .icon-videovisit {
  background-image: url("../images/quicklinks/video_visit.png");
}

/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile,
.onlyMobile,
.Onlymobile,
.OnlyMobile {
  display: none !important;
}

#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content #iFrameLoadingIndicator {
  height: 40rem;
}

#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 40rem;
}

@media only screen and (max-width: 825px) {
  #payment-content #extPmtPageFrame,
  #payment-content #iFrameLoadingIndicator,
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 60rem;
  }
}