/* Colors for quick apply
  var(--lightBlue);
  var(--darkBlue);
  var(--yellow);
  var(--red);
  var(--grey);
  var(--white);
*/

.contact-btn {
  background-color: var(--darkBlue);
  color: var(--white);
  border: none;
  padding: 8px;
  border-radius: 5px;
}

.contact-btn:focus {
  background-color: var(--lightBlue);
  color: var(--white);
  border: none;
  padding: 8px;
  border-radius: 5px;
}

/* label color */
.input-field label:focus + label {
  color: var(--grey) !important;
}
/* label focus color */
.input-field input[type="text"]:focus + label {
  color: var(--grey) !important;
}
/* label underline focus color */
.input-field input[type="text"]:focus {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* valid color */
.input-field input[type="text"].valid {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* invalid color */
.input-field input[type="text"].invalid {
  border-bottom: 1px solid var(--red) !important;
  box-shadow: 0 1px 0 0 var(--red) !important;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: var(--grey) !important;
}

/* Email input */

/* label focus color */
.input-field input[type="email"]:focus + label {
  color: var(--grey) !important;
}
/* label underline focus color */
.input-field input[type="email"]:focus {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* valid color */
.input-field input[type="email"].valid {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* invalid color */
.input-field input[type="email"].invalid {
  border-bottom: 1px solid var(--red) !important;
  box-shadow: 0 1px 0 0 var(--red) !important;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: var(--grey) !important;
}

/* Telephone input */

/* label focus color */
.input-field input[type="tel"]:focus + label {
  color: var(--grey) !important;
}
/* label underline focus color */
.input-field input[type="tel"]:focus {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* valid color */
.input-field input[type="tel"].valid {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* invalid color */
.input-field input[type="tel"].invalid {
  border-bottom: 1px solid var(--red) !important;
  box-shadow: 0 1px 0 0 var(--red) !important;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: var(--grey) !important;
}

/* Message input */

/* label focus color */
.input-field textarea:focus + label {
  color: var(--grey) !important;
}
/* label underline focus color */
.input-field textarea:focus {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* valid color */
.input-field textarea.valid {
  border-bottom: 1px solid var(--grey) !important;
  box-shadow: 0 1px 0 0 var(--grey) !important;
}
/* invalid color */
.input-field textarea.invalid {
  border-bottom: 1px solid var(--red) !important;
  box-shadow: 0 1px 0 0 var(--red) !important;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: var(--grey) !important;
}