/**
 * @file
 * Pill buttons: edit-profile form actions + View profile nav link.
 */

/* View profile (edit form nav) — visited link color matches sidebar bg without this. */
a.artist-profile__pill-button,
a.artist-profile__pill-button:link,
a.artist-profile__pill-button:visited {
  -webkit-appearance: none;
  appearance: none;
  background-color: #650f47;
  border: none;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  color: #fec !important;
  cursor: pointer;
  display: inline-block;
  font-family: Exo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

a.artist-profile__pill-button:hover,
a.artist-profile__pill-button:focus-visible {
  background-color: #7a1a55;
  color: #fff !important;
  outline: 2px solid #b03060;
  outline-offset: 1px;
  text-decoration: none;
}

/* Edit profile form: Save, Remove, Add another, IEF actions, etc. */
.user-form.artist-profile-user-edit .form-actions input[type="submit"],
.user-form.artist-profile-user-edit .form-actions button,
.user-form.artist-profile-user-edit input.form-submit,
.user-form.artist-profile-user-edit input[type="button"].button,
.user-form.artist-profile-user-edit a.button,
.user-form.artist-profile-user-edit .field-add-more-submit,
.user-form.artist-profile-user-edit .artist-profile-edit__social .field-multiple-table tbody > tr > td:nth-child(3) .button,
.user-form.artist-profile-user-edit .artist-profile-edit__portfolio .field-multiple-table tbody > tr > td:nth-child(3) .button,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork input.form-submit,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork button,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork a.button {
  -webkit-appearance: none;
  appearance: none;
  background-color: #650f47 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #fec !important;
  cursor: pointer;
  display: inline-block;
  font-family: Exo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem !important;
  font-style: italic !important;
  font-weight: 700 !important;
  height: auto;
  line-height: 1.35;
  margin: 0;
  min-height: 0;
  padding: 5px 12px !important;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

.user-form.artist-profile-user-edit .form-actions input[type="submit"]:hover,
.user-form.artist-profile-user-edit .form-actions input[type="submit"]:focus-visible,
.user-form.artist-profile-user-edit .form-actions button:hover,
.user-form.artist-profile-user-edit .form-actions button:focus-visible,
.user-form.artist-profile-user-edit input.form-submit:hover,
.user-form.artist-profile-user-edit input.form-submit:focus-visible,
.user-form.artist-profile-user-edit input[type="button"].button:hover,
.user-form.artist-profile-user-edit input[type="button"].button:focus-visible,
.user-form.artist-profile-user-edit a.button:hover,
.user-form.artist-profile-user-edit a.button:focus-visible,
.user-form.artist-profile-user-edit .field-add-more-submit:hover,
.user-form.artist-profile-user-edit .field-add-more-submit:focus-visible,
.user-form.artist-profile-user-edit .artist-profile-edit__social .field-multiple-table tbody > tr > td:nth-child(3) .button:hover,
.user-form.artist-profile-user-edit .artist-profile-edit__social .field-multiple-table tbody > tr > td:nth-child(3) .button:focus-visible,
.user-form.artist-profile-user-edit .artist-profile-edit__portfolio .field-multiple-table tbody > tr > td:nth-child(3) .button:hover,
.user-form.artist-profile-user-edit .artist-profile-edit__portfolio .field-multiple-table tbody > tr > td:nth-child(3) .button:focus-visible,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork input.form-submit:hover,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork input.form-submit:focus-visible,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork button:hover,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork button:focus-visible,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork a.button:hover,
.user-form.artist-profile-user-edit .field--name-field-featured-artwork a.button:focus-visible {
  background-color: #7a1a55 !important;
  color: #fff !important;
  outline: 2px solid #b03060;
  outline-offset: 1px;
}
