/**
 * @file
 * Visual styles for buttons.
 */

.button,
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}
.button:first-child,
.image-button:first-child {
  margin-right: 0;
  margin-left: 0;
}

button.button,
a.button:link,
a.button:visited,
.form-submit {
  font-weight: 300;
  display: inline-block;
  background: #f9b300;
  color: #333;
  margin-left: 0 !important;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  border-radius: 4px;
  font-size: 1.2rem;
  transition-property: background;
  transition-duration: 0.25s;
  border: none;
  cursor: pointer;
  cursor: hand;
}
div.button,
a.button:link,
a.button:visited,
.form-submit {
  font-weight: 300;
  display: inline-block;
  background: #f9b300;
  color: #333;
  margin-left: 0 !important;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  border-radius: 4px;
  font-size: 1.2rem;
  transition-property: background;
  transition-duration: 0.25s;
  border: none;
  cursor: pointer;
  cursor: hand;
}
div.button.is-disabled {
  background: #777777;
  color: white;
  cursor: not-allowed;
}
div.button.is-disabled:hover {
  background: #777777;
  color: white;
  cursor: not-allowed;
}

.button:hover,
.form-submit:hover {
  background: #ffce50;
}

button.button.small,
a.button.small,
.form-submit.small {
  font-size: 0.9rem;
  padding: 0.3333rem 0.5rem;
}

button.button.smaller,
a.button.smaller,
.form-submit.smaller {
  font-size: 10px;
  padding: 5px 4px;
}

button.button.gray,
a.button.gray,
.form-submit.gray {
  background: #eee;
  color: #333;
}

.button.gray:hover,
.form-submit.gray:hover {
  background: #f3f3f3;
}

/* specialized admin form buttons */

.admin_button,
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}
.admin_button:first-child,
.image-admin_button:first-child {
  margin-right: 0;
  margin-left: 0;
}

button.admin_button,
a.admin_button:link,
a.admin_button:visited,
.form-submit {
  font-weight: 300;
  display: inline-block;
  background: #f9b300;
  color: #333;
  margin-left: 0 !important;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.8rem;
  transition-property: background;
  transition-duration: 0.25s;
  border: none;
  cursor: pointer;
  cursor: hand;
}
div.admin_button,
a.admin_button:link,
a.admin_button:visited,
.form-submit {
  font-weight: 300;
  display: inline-block;
  background: #f9b300;
  color: #333;
  margin-left: 0 !important;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  border-radius: 4px;
  font-size: 1.2rem;
  transition-property: background;
  transition-duration: 0.25s;
  border: none;
  cursor: pointer;
  cursor: hand;
}
div.admin_button.is-disabled {
  background: #777777;
  color: white;
  cursor: not-allowed;
}
div.admin_button.is-disabled:hover {
  background: #777777;
  color: white;
  cursor: not-allowed;
}

.admin_button:hover {
  background: #ffce50;
}

button.admin_button.small,
a.admin_button.small {
  font-size: 0.9rem;
  padding: 0.3333rem 0.5rem;
}

button.admin_button.smaller,
a.admin_button.smaller {
  font-size: 10px;
  padding: 5px 4px;
}

button.admin_button.gray,
a.admin_button.gray {
  background: #eee;
  color: #333;
}

.admin_button.gray:hover {
  background: #f3f3f3;
}