/* 
The reason for some many auto fill selectors is 
https://stackoverflow.com/questions/61083813/how-to-avoid-internal-autofill-selected-style-to-be-applied 
https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/

DO NOT REMOVE transition, -webkit-text-fill-color, -webkit-box-shadow 
Otherwise when the user uses the browser to fill the form it would override parsley status classes (success and error)
*/

input.parsley-success:-webkit-autofill,
input.parsley-success:-webkit-autofill:hover,
input.parsley-success:-webkit-autofill:focus,
input.parsley-success:-internal-autofill-selected,
textarea.parsley-success:-webkit-autofill,
textarea.parsley-success:-webkit-autofill:hover,
textarea.parsley-success:-webkit-autofill:focus,
textarea.parsley-success:-internal-autofill-selected,
select.parsley-success:-webkit-autofill,
select.parsley-success:-webkit-autofill:hover,
select.parsley-success:-webkit-autofill:focus,
select.parsley-success:-internal-autofill-selected,
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #363636 !important;
  background-color: #DFF0D8 !important;
  border: 1px solid #D6E9C6 !important;
  transition: #DFF0D8 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #363636;
  -webkit-box-shadow: 0 0 0px 40rem #DFF0D8 inset;
}

input.parsley-error:-webkit-autofill,
input.parsley-error:-internal-autofill-selected,
input.parsley-error:-webkit-autofill:hover,
input.parsley-error:-webkit-autofill:focus,
textarea.parsley-error:-webkit-autofill,
textarea.parsley-error:-webkit-autofill:hover,
textarea.parsley-error:-webkit-autofill:focus,
textarea.parsley-error:-internal-autofill-selected,
select.parsley-error:-webkit-autofill,
select.parsley-error:-webkit-autofill:hover,
select.parsley-error:-webkit-autofill:focus,
select.parsley-error:-internal-autofill-selected,
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #c70c58 !important;
  background-color: #F2DEDE !important;
  border: 1px solid #EED3D7 !important;
  transition: #F2DEDE 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #c70c58;
  -webkit-box-shadow: 0 0 0px 40rem #F2DEDE inset;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #c70c58;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.parsley-custom-backend-error-message,
.parsley-custom-error-message {
  background: #c70c58;
  color: white;
  margin-top: -10px;
  padding: 5px 0;
  text-transform: none;
  margin-bottom: 1rem;
}

#footer-email-form .parsley-custom-error-message {
  background: inherit;
  color: inherit;
  padding: 5px;
  margin-top: 5px;
  text-transform: none;
  margin-bottom: 1rem;
}

.grecaptcha-badge {
  visibility: hidden;
}