/* 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. */

/* Custom Wyandot CSS Below */

/****************************Wyandot Pay as Guest Submit button********************************/
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 365px;
}
@media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
    height: 565px;
  }
}
/****************************End of Pay as Guest submint button***************************/

/****************************Wyandot Billing Summary Pay Bill Submit button********************************/
#extPmtPageFrame {
  height: 425px;
}
@media only screen and (max-width: 768px) {
  #extPmtPageFrame {
    height: 625px;
  }
}
/****************************End of Billing Summary Pay Bill submit button***************************/

/*BEGIN: FAQ images customizations - Couldn't get <img> tag to work in FAQ.txt, therefore using CSS customizations to project the images.*/
.faqImages_HW_START{
  background-image: url("../images/FAQ Images/FAQ_HW_START.jpg");
  width: 250px;
  height: 100px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
.faqImages_HW_STOP{
  background-image: url("../images/FAQ Images/FAQ_HW_STOP.jpg");
  width: 215px;
  height: 100px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
.faqImages_commPref1 {
  background-image: url("../images/FAQ Images/CommunicationPreferences_MyChartMenu.jpg");
  width: 350px;
  height: 200px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
.faqImages_commPref2 {
  background-image: url("../images/FAQ Images/CommunicationPreferences_Settings.jpg");
  width: 1000px;
  height: 400px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
.faqImages_commPref3 {
  background-image: url("../images/FAQ Images/CommunicationPreferences_Details.jpg");
  width: 500px;
  height: 350px;
  max-width: 100%;
  object-fit: cover;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .faqImages_commPref2 {
    height: 145px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 600px) {
  .faqImages_commPref2 {
    height: 305px;
  }
}
@media only screen and (max-width: 768px) {
  .faqImages_commPref3 {
    height: 190px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 600px) {
  .faqImages_commPref3 {
    height: 275px;
  }
}
/*END: FAQ images customizations

/******BEGIN: MyChart Login Page Customizations - formatting for passkey and signup icons added by EPIC with vFeb2025******/
.customhelpfeaturescontainer .helpfeatureicon {
  color: #00829a;
  min-height: 2rem;
  max-height: 2.2rem;
}
body.loginPage.isPrelogin.hasNoCommunityLinks.color1.md_login_login.ready .helpfeaturescontainer{
  display: none !important;
}
.customhelpfeaturescontainer .helpfeature.button.tertiary.neutral{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin: 0.5rem auto;
  padding: 0.375rem;
  font-size: 0.9rem;
  text-align: center;
  min-width: min-content;
}
.customhelpfeaturescontainer{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 0.5rem 0 0;
}
.customhelpfeaturescontainer .helpfeature.button.tertiary.neutral:not(:hover){
  color: #565656;
}
.passkeyWrapper{
  display: none !important;
}
/******END: MyChart Login Page Customizations - formatting for passkey and signup icons added by EPIC with vFeb2025******/