/*webform CSS*/
h5 {
color: #2d3a6f;
}
form.webform-submission-contact-us-form {
max-width: 1140px;
margin: 0 auto;
padding: 5rem .75rem;
}
form.webform-submission-contact-us-form .form-item-heading h3{
color: #2d3a6f;
font-size: 22px;
line-height: 32px;
font-weight: 300;
margin: 0 0 3rem;
}
form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-first-name,
form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-last-name,
form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-country,
form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-specialty {
width: 50%;}
/**/
form.webform-submission-contact-us-form .form-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 0 -.75rem;
}
form.webform-submission-contact-us-form .form-wrapper .form-item {
flex: 0 0 auto;
width: 100%;
margin-bottom: 1rem;
padding: 0 .75rem;
}
form.webform-submission-contact-us-form .form-wrapper .form-item .description,
form.webform-submission-contact-us-form .form-wrapper .form-item label {
font-size: 22px;
font-weight: 300;
line-height: 32px;
color: #2d3a6f;
margin-bottom: .5rem;
}
form.webform-submission-contact-us-form .form-wrapper .form-item .form-text,
form.webform-submission-contact-us-form .form-wrapper .form-item input,
form.webform-submission-contact-us-form .form-wrapper .form-item .form-select {
background-color: rgba(255, 255, 255, 0.5);
border: 2px solid rgba(51, 112, 151, 0.15);
border-radius: 2px;
height: 46px;
color: #4b4b53;
font-weight: 300;
font-size: 20px;
display: block;
width: 100%;
padding: .375rem .75rem !important;
}
form.webform-submission-contact-us-form .form-wrapper .webform-email-confirm--wrapper {
border: none;
padding: 0;
margin: 0;
}
form.webform-submission-contact-us-form .form-wrapper .webform-email-confirm--wrapper legend{
display: none;
}
form.webform-submission-contact-us-form .form-wrapper .webform-email-confirm--wrapper .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
}
form.webform-submission-contact-us-form .form-wrapper .webform-email-confirm--wrapper .fieldset-wrapper .form-item {
display: flex;
flex-direction: column;
}
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox {
display: flex;
margin-bottom: .5rem;
}
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox .form-checkbox {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox label,
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox .description{
color: #4b4b53;
font-size: 20px;
line-height: 32px;
font-weight: 300;
pointer-events: none;
}
form.webform-submission-contact-us-form .form-wrapper .webform-button--submit {
min-width: 290px;
min-height: 57px;
background: #dd0f4c;
border-radius: 0;
border: none;
font-size: 25px;
font-weight: bold;
color: #fff;
margin:2.5rem 0 0 .75rem !important;
}
form.webform-submission-contact-us-form .form-wrapper .webform-button--submit:hover,
form.webform-submission-contact-us-form .form-wrapper .webform-button--submit:focus,
form.webform-submission-contact-us-form .form-wrapper .webform-button--submit:visited,
form.webform-submission-contact-us-form .form-wrapper .webform-button--submit:active,
form.webform-submission-contact-us-form .form-wrapper .webform-button--submit:focus-visible{
background: #dd0f4c;
outline: none;
box-shadow: none !important;
}
@media screen and (max-width: 767px) {
form.webform-submission-contact-us-form { padding: 2rem .75rem;}
form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-first-name, form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-last-name, form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-country, form.webform-submission-contact-us-form .form-wrapper .form-item.form-item-specialty {
width:100%;
}
form.webform-submission-contact-us-form .form-wrapper {
margin: 0;
}
}
@media screen and (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 83%;
}
}
@media screen and (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 82%;
}
}
@media screen and (min-width: 1400px) {
form.webform-submission-contact-us-form {
max-width: 82%;
}
}
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
::placeholder {
color: #3c3c42 !important;
}
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox .form-checkbox {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
}
_::-webkit-full-page-media, _:future, :root .safari_only {
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox .form-checkbox {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
form.webform-submission-contact-us-form .form-wrapper .js-form-type-checkbox .form-checkbox:last-child {
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
}
input[type=checkbox] {
-webkit-transform: scale(1.4,1.4);
}
form.webform-submission-contact-us-form #edit-i-wish-to-receive-e-mail-communications-from-incyte-containing-i {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
}
/* End */
/*webform CSS*/
h5 {
color: #2d3a6f;
}
form.webform-submission-bleiben-sie-informiert-form {
max-width: 1140px;
margin: 0 auto;
padding: 5rem .75rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-item-heading h3{
color: #2d3a6f;
font-size: 22px;
line-height: 32px;
font-weight: 300;
margin: 0 0 3rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-first-name,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-last-name,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-country,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-specialty {
width: 50%;}
/**/
form.webform-submission-bleiben-sie-informiert-form .form-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 0 -.75rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item {
flex: 0 0 auto;
width: 100%;
margin-bottom: 1rem;
padding: 0 .75rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item .description,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item label {
font-size: 22px;
font-weight: 300;
line-height: 32px;
color: #2d3a6f;
margin-bottom: .5rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item .form-text,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item input,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item .form-select {
background-color: rgba(255, 255, 255, 0.5);
border: 2px solid rgba(51, 112, 151, 0.15);
border-radius: 2px;
height: 46px;
color: #4b4b53;
font-weight: 300;
font-size: 20px;
display: block;
width: 100%;
padding: .375rem .75rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-email-confirm--wrapper {
border: none;
padding: 0;
margin: 0;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-email-confirm--wrapper legend{
display: none;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-email-confirm--wrapper .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-email-confirm--wrapper .fieldset-wrapper .form-item {
display: flex;
flex-direction: column;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox {
display: flex;
margin-bottom: .5rem;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox .form-checkbox {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox label,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox .description{
color: #4b4b53;
font-size: 20px;
line-height: 32px;
font-weight: 300;
pointer-events: none;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-button--submit {
min-width: 290px;
min-height: 57px;
background: #dd0f4c;
border-radius: 0;
border: none;
font-size: 25px;
font-weight: bold;
color: #fff;
margin:2.5rem 0 0 .75rem
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-button--submit:hover,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-button--submit:focus,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-button--submit:visited,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-button--submit:active,
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .webform-button--submit:focus-visible{
background: #dd0f4c;
outline: none;
box-shadow: none !important;
}
@media screen and (max-width: 767px) {
form.webform-submission-bleiben-sie-informiert-form { padding: 2rem .75rem;}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-first-name, form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-last-name, form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-country, form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-specialty {
width:100%;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper {
margin: 0;
}
}
@media screen and (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 83%;
}
}
@media screen and (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 82%;
}
}
@media screen and (min-width: 1400px) {
form.webform-submission-bleiben-sie-informiert-form {
max-width: 82%;
}
}
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
::placeholder {
color: #3c3c42 !important;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox .form-checkbox {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
}
_::-webkit-full-page-media, _:future, :root .safari_only {
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox .form-checkbox {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
form.webform-submission-bleiben-sie-informiert-form .form-wrapper .js-form-type-checkbox .form-checkbox:last-child {
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
}
input[type=checkbox] {
-webkit-transform: scale(1.4,1.4);
}
form.webform-submission-bleiben-sie-informiert-form #edit-i-wish-to-receive-e-mail-communications-from-incyte-containing-i {
border: 2px solid rgba(51, 112, 151, 0.5);
background: rgba(255, 255, 255, 0.15);
border-radius: 2px;
min-width: 1.3em;
height: 1.3em;
width: 1.3em;
margin-right: .5em;
margin-top: 3px;
cursor: pointer;
}
}
/* End */