/*
| specific styling changes for the different instances of the module
*/


/*
| Veltassa Global
*/
#vifor-optin-form-page.veltassa h1{
  color: #430098;
  font-family: Avenir Medium,sans-serif;
}
#vifor-optin-form-page.veltassa #send-button {
  background-color: #430098;
  border: 1px solid #430098;
}
#vifor-optin-form-page.veltassa #send-button:hover{
  color: #430098;
  background-color: #fff;
}
#vifor-optin-form-page.veltassa .required-fields{
  color: #430098;
}
#vifor-optin-form-page.veltassa #country-select-warning,
#vifor-optin-form-page.veltassa #thank-you-msg{
  background-color: #430098;
}

/*
| SHPTchallenges
*/
#vifor-optin-form-page.shpt{
  padding-top: 140px;
  background-color: #fff;
}
#vifor-optin-form-page.shpt h1{
  font-size: 50px;
  line-height: 64px;
  color: #505d68;
  font-family: "Montserrat Regular", sans-serif;
  text-align: left;
}
#vifor-optin-form-page.shpt p{
  font-size: 14px;
  line-height: 21px;
  color: #445464;
  font-family: "Montserrat Regular", sans-serif;
  text-align: left;
  margin-bottom: 60px;
}
#vifor-optin-form-page.shpt #vifor-optin-form-first-half .vifor-optin-v-half{
  width: 474px;
}
#vifor-optin-form-page.shpt input[type='text'],
#vifor-optin-form-page.shpt input[type='email'],
#vifor-optin-form-page.shpt input[type='tel']{
  border-radius: 4px;
  border: 1px solid #979797;
  padding: 24px 15px;
}
#vifor-optin-form-page.shpt input[type='text']::placeholder,
#vifor-optin-form-page.shpt input[type='email']::placeholder,
#vifor-optin-form-page.shpt input[type='tel']::placeholder{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Medium", sans-serif;
}
#vifor-optin-form-page.shpt input[type='text']:-ms-input-placeholder,
#vifor-optin-form-page.shpt input[type='email']:-ms-input-placeholder,
#vifor-optin-form-page.shpt input[type='tel']:-ms-input-placeholder{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Medium", sans-serif;
}
#vifor-optin-form-page.shpt #select_country{
  border-radius: 4px;
  border: 1px solid #979797 !important;
  padding: 24px 15px !important;
  color: #b0b0b0 !important;
  font-size: 18px !important;
  line-height: 38px !important;
  font-family: "Montserrat Medium", sans-serif !important;
}
#vifor-optin-form-page.shpt #select_country option{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Medium", sans-serif;
  margin-bottom: 10px;
}
#vifor-optin-form-page.shpt #select_country:invalid{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Medium", sans-serif;
}
#vifor-optin-form-page.shpt .required-fields{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat Regular", sans-serif;
  margin-top: 16px;
}
#vifor-optin-form-page.shpt #input_national_number_label{
  color: #44445a;
  font-size: 18px;
  line-height: 28px;
  font-family: "Montserrat SemiBold", sans-serif;
  margin-top: 10px;
  max-width: 220px;
}
#vifor-optin-form-page.shpt .vifor-optin-bottom{
  display: block;
}
#vifor-optin-form-page.shpt .vifor-optin-bottom #send-button{
  display: inline-block;
  background-color: #005ea1;
  border-color: #005ea1;
  color: #fff;
  font-size: 12px;
  font-family: "Montserrat Regular", sans-serif;
  padding: 12px 32px;
  border-radius: 5px;
}
#vifor-optin-form-page.shpt .vifor-optin-bottom-group{
  width: 100%;
}
#vifor-optin-form-page.shpt #middle-text{
  color: #404040;
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat Regular", sans-serif;
}
#vifor-optin-form-page.shpt .vifor-optin-bottom-group #input_confirm{
  margin-top: 7px;
}
#vifor-optin-form-page.shpt .vifor-optin-bottom-group label{
  width: calc(100% - 30px);
  color: #44445a;
  font-size: 18px;
  line-height: 28px;
  font-family: "Montserrat SemiBold", sans-serif;
}
#vifor-optin-form-page.shpt #vifor-optin-comm{
  width: 474px;
}
#vifor-optin-form-page.shpt .vifor-optin-bottom-group label a{
  color: #005ea1;
  font-size: 18px;
  line-height: 28px;
  font-family: "Montserrat SemiBold", sans-serif;
}
#vifor-optin-form-page.shpt .vifor-optin-communication-group{
  width: 90px;
  padding-top: 18px;
}
#vifor-optin-form-page.shpt .vifor-optin-communication-group label{
  color: #44445a;
  font-size: 18px;
  line-height: 28px;
  font-family: "Montserrat SemiBold", sans-serif;
}
/*=== TABLET & MOBILE ===*/
@media screen and (max-width: 1024px){
  #vifor-optin-form-page.shpt{
    padding-top: 65px;
  }
}
/*=== MOBILE ===*/
@media screen and (max-width: 768px){
  #vifor-optin-form-page.shpt{
    padding-top: 94px;
  }
  #vifor-optin-form-page.shpt h1{
    font-size: 28px;
    line-height: 34px;
  }
  #vifor-optin-form-page.shpt #vifor-optin-form-first-half .vifor-optin-v-half{
    width: 100%;
  }
  #vifor-optin-form-page.shpt #input_national_number_label{
    line-height: 25px;
    margin-top: 0;
  }
}

/*
| Understand AAV
*/
#vifor-optin-form-page.understand{
  background-color: #fff;
}
#vifor-optin-form-page.understand h1{
  color: #6453a6;
  font-family: Avenir Medium,sans-serif;
}
#vifor-optin-form-page.understand #send-button {
  background-color: #6453a6;
  border: 1px solid #6453a6;
}
#vifor-optin-form-page.understand #send-button:hover{
  color: #6453a6;
  background-color: #fff;
}
#vifor-optin-form-page.understand .required-fields{
  color: #6453a6;
}
#vifor-optin-form-page.understand #country-select-warning,
#vifor-optin-form-page.understand #thank-you-msg{
  background-color: #6453a6;
}
#vifor-optin-form-page.understand a{
  font-size: 16px;
  font-family: MyriadPro, sans-serif;
  line-height: 22px;
}

/*
| Korsuva - CKD-ap
*/
#vifor-optin-form-page.korsuva{
  background-color: transparent;
}
#vifor-optin-form-page.korsuva h1{
  display: none;
}
#vifor-optin-form-page.korsuva p{
  font-size: 16px;
  line-height: 30px;
  color: #445464;
  font-family: "Avenir Next Bold", sans-serif;
  text-align: left;
  margin-bottom: 60px;
}
#vifor-optin-form-page.korsuva #send-button {
  background-color: #ff6930;
  border: 1px solid #ff6930;
}
#vifor-optin-form-page.korsuva #send-button:hover{
  color: #ff6930;
  background-color: #fff;
}
#vifor-optin-form-page.korsuva .required-fields{
  color: #ff6930;
}
#vifor-optin-form-page.korsuva #country-select-warning,
#vifor-optin-form-page.korsuva #thank-you-msg{
  background-color: #ff6930;
}
#vifor-optin-form-page.korsuva a{
  font-size: 16px;
  font-family: MyriadPro, sans-serif;
  line-height: 22px;
  color: #ff6930;
}
#vifor-optin-form-page.korsuva input[type='text'],
#vifor-optin-form-page.korsuva input[type='email'],
#vifor-optin-form-page.korsuva input[type='tel']{
  border-radius: 4px;
  border-color: #fff;
  padding: 15px 20px;
  font-family: "Avenir Next Regular", sans-serif;
  font-size: 18px;
}
#vifor-optin-form-page.korsuva #select_country{
  border-radius: 4px;
  border: #fff !important;
  padding: 15px 20px !important;
  font-size: 18px !important;
  font-family: "Avenir Next Regular", sans-serif !important;
}
#vifor-optin-form-page.korsuva #middle-text,
#vifor-optin-form-page.korsuva .vifor-optin-bottom-group label{
  color: #787878;
  font-size: 16px;
  line-height: 24px;
  font-family: "Avenir Next Regular", sans-serif;
}
#vifor-optin-form-page.korsuva .vifor-optin-bottom-group #input_confirm{
  margin-top: 3px;
}
#vifor-optin-form-page.korsuva .vifor-optin-bottom #send-button{
  background-color: #3c3c3b;
  border-color: #3c3c3b;
  color: #fff;
  font-size: 12px;
  font-family: "Avenir Next Bold", sans-serif;
  padding: 12px 32px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}


/*
| Ferinject CH
*/
#vifor-optin-form-page.ferinject{
  background-color: transparent;
}
#vifor-optin-form-page.ferinject h1{
  color: #94278f;;
  font-family: Avenir Medium,sans-serif;
}


/*
| PBM Covid
*/
#vifor-optin-form-page.patient{
  padding-top: 50px;
  background-color: #fff;
}
#vifor-optin-form-page.patient h1{
  font-size: 54px;
  line-height: 64px;
  color: #505d68;
  font-family: "Montserrat Regular", sans-serif;
  text-align: left;
}
#vifor-optin-form-page.patient p{
  font-size: 16px;
  line-height: 24px;
  color: #445464;
  font-family: "Montserrat Regular", sans-serif;
  text-align: left;
  margin-bottom: 60px;
}
#vifor-optin-form-page.patient #vifor-optin-form-first-half .vifor-optin-v-half{
  width: 474px;
}
#vifor-optin-form-page.patient input[type='text'],
#vifor-optin-form-page.patient input[type='email'],
#vifor-optin-form-page.patient input[type='tel']{
  border-radius: 4px;
  border: 1px solid #b9b9ca;
  padding: 15px 20px;
}
#vifor-optin-form-page.patient input[type='text']::placeholder,
#vifor-optin-form-page.patient input[type='email']::placeholder,
#vifor-optin-form-page.patient input[type='tel']::placeholder{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Regular", sans-serif;
}
#vifor-optin-form-page.patient input[type='text']:-ms-input-placeholder,
#vifor-optin-form-page.patient input[type='email']:-ms-input-placeholder,
#vifor-optin-form-page.patient input[type='tel']:-ms-input-placeholder{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Regular", sans-serif;
}
#vifor-optin-form-page.patient #select_country{
  border-radius: 4px;
  border: 1px solid #b9b9ca !important;
  padding: 15px 20px !important;
  color: #b0b0b0 !important;
  font-size: 18px !important;
  line-height: 38px !important;
  font-family: "Montserrat Regular", sans-serif !important;
}
#vifor-optin-form-page.patient #select_country option{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Medium", sans-serif;
  margin-bottom: 10px;
}
#vifor-optin-form-page.patient #select_country:invalid{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 38px;
  font-family: "Montserrat Medium", sans-serif;
}
#vifor-optin-form-page.patient .required-fields{
  color: #b0b0b0;
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat Regular", sans-serif;
  margin-top: 16px;
}
#vifor-optin-form-page.patient #input_national_number_label{
  color: #3b2b2b;
  font-size: 13px;
  line-height: 20px;
  font-family: "Montserrat SemiBold", sans-serif;
  margin-top: 14px;
  max-width: 245px;
}
#vifor-optin-form-page.patient .vifor-optin-bottom{
  display: block;
}
#vifor-optin-form-page.patient .vifor-optin-bottom #send-button{
  display: inline-block;
  background-color: #d60e41;
  border-color: #d60e41;
  color: #fff;
  font-size: 12px;
  font-family: "Montserrat Regular", sans-serif;
  padding: 12px 32px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#vifor-optin-form-page.patient .vifor-optin-bottom-group{
  width: 100%;
}
#vifor-optin-form-page.patient #middle-text{
  color: #404040;
  font-size: 16px;
  line-height: 24px;
  font-family: "Montserrat Regular", sans-serif;
}
#vifor-optin-form-page.patient .vifor-optin-bottom-group #input_confirm{
  margin-top: 7px;
}
#vifor-optin-form-page.patient .vifor-optin-bottom-group label{
  width: calc(100% - 30px);
  color: #44445a;
  font-size: 16px;
  line-height: 24px;
  font-family: "Montserrat Regular", sans-serif;
}
#vifor-optin-form-page.patient #vifor-optin-comm{
  width: 474px;
}
#vifor-optin-form-page.patient .vifor-optin-bottom-group label a{
  color: #d60e41;
  font-size: 18px;
  line-height: 28px;
  font-family: "Montserrat SemiBold", sans-serif;
}
#vifor-optin-form-page.patient .vifor-optin-communication-group{
  width: 90px;
  padding-top: 18px;
}
#vifor-optin-form-page.patient .vifor-optin-communication-group label{
  color: #44445a;
  font-size: 16px;
  line-height: 24px;
  font-family: "Montserrat Regular", sans-serif;
}
/*=== TABLET & MOBILE ===*/
@media screen and (max-width: 1024px){
  #vifor-optin-form-page.patient{
    padding-top: 65px;
  }
}
/*=== MOBILE ===*/
@media screen and (max-width: 768px){
  #vifor-optin-form-page.patient{
    padding-top: 94px;
  }
  #vifor-optin-form-page.patient h1{
    font-size: 28px;
    line-height: 34px;
  }
  #vifor-optin-form-page.patient #vifor-optin-form-first-half .vifor-optin-v-half{
    width: 100%;
  }
  #vifor-optin-form-page.patient #input_national_number_label{
    line-height: 25px;
    margin-top: 0;
  }
}
