/**
 * @file
 * Global UCSB button styles.
 *
 * Loaded on all pages so buttons render in paragraph previews,
 * views, and admin pages (Seven theme). No .ck-content scope.
 *
 * Mirrors the CK4 ckeditor_ucsbbutton/css/style.css output.
 */

.ucsb-button.btn {
  display: inline-block;
  text-decoration: none;
  padding: 18px 54px;
  margin: 4px 4px 4px 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  font-size: 1.6rem;
}

.ucsb-button.btn.btn-sm {
  padding: 12px 34px;
}

/* Primary (default). */
.ucsb-button.btn.btn-default {
  background-color: #005099;
  color: #fff;
}
.ucsb-button.btn.btn-default:hover {
  background-color: #1c64a4;
}

/* Secondary. */
.ucsb-button.btn.btn-secondary {
  background-color: transparent;
  color: #005099;
  border: 2px solid #005099;
  padding: 16px 52px;
}
.ucsb-button.btn.btn-secondary.btn-sm {
  padding: 10px 32px;
}
.ucsb-button.btn.btn-secondary:hover {
  border-color: #1c64a4;
  color: #1c64a4;
}

/* Tertiary. */
.ucsb-button.btn.btn-tertiary {
  background-color: transparent;
  color: #005099;
  border: 1px solid #e2e2e2;
  padding: 17px 53px;
}
.ucsb-button.btn.btn-tertiary.btn-sm {
  padding: 11px 33px;
}
.ucsb-button.btn.btn-tertiary:hover {
  background-color: #d4e3f0;
}

/* Additional colors (primary only). */
.ucsb-button.btn.navy-btn {
  background-color: #003660;
  color: #fff;
}
.ucsb-button.btn.navy-btn:hover {
  background-color: #004d89;
}

.ucsb-button.btn.gold-btn {
  background-color: #FEBC11;
  color: #3D4952;
}
.ucsb-button.btn.gold-btn:hover {
  background-color: #fec940;
}

.ucsb-button.btn.light-gray-darken-btn {
  background-color: #111517;
  color: #fff;
}
.ucsb-button.btn.light-gray-darken-btn:hover {
  background-color: #242d32;
}

.ucsb-button.btn.light-gray-btn {
  background-color: #DCE1E5;
  color: #3D4952;
}
.ucsb-button.btn.light-gray-btn:hover {
  background-color: #e6eaec;
}

.ucsb-button.btn.light-light-gray-btn {
  background-color: #EEF0F2;
  color: #3D4952;
}
.ucsb-button.btn.light-light-gray-btn:hover {
  background-color: #f3f4f5;
}

.ucsb-button.btn.sea-green-web-btn {
  background-color: #09847A;
  color: #fff;
}
.ucsb-button.btn.sea-green-web-btn:hover {
  background-color: #0ba699;
}

.ucsb-button.btn.aqua-web-btn {
  background-color: #047C91;
  color: #fff;
}
.ucsb-button.btn.aqua-web-btn:hover {
  background-color: #049ab4;
}

.ucsb-button.btn.moss-web-btn {
  background-color: #6D7D33;
  color: #fff;
}
.ucsb-button.btn.moss-web-btn:hover {
  background-color: #81943c;
}

.ucsb-button.btn.coral-btn {
  background-color: #EF5645;
  color: #011517;
}
.ucsb-button.btn.coral-btn:hover {
  background-color: #f06657;
}

.ucsb-button.btn.dark-coral-btn {
  background-color: #C43424;
  color: #fff;
}
.ucsb-button.btn.dark-coral-btn:hover {
  background-color: #d83c2b;
}

.ucsb-button.btn.clay-btn {
  background-color: #DCD6CC;
  color: #3D4952;
}
.ucsb-button.btn.clay-btn:hover {
  background-color: #dfdad1;
}

.ucsb-button.btn.light-clay-btn {
  background-color: #F1EEEA;
  color: #3D4952;
}
.ucsb-button.btn.light-clay-btn:hover {
  background-color: #f5f3f0;
}

.ucsb-button.btn.sandstone-btn {
  background-color: #C9BF9D;
  color: #3D4952;
}
.ucsb-button.btn.sandstone-btn:hover {
  background-color: #cec5a6;
}

.ucsb-button.btn.light-sandstone-btn {
  background-color: #EDEADF;
  color: #3D4952;
}
.ucsb-button.btn.light-sandstone-btn:hover {
  background-color: #f2f0e8;
}

.ucsb-button.btn.mist-btn {
  background-color: #9CBEBE;
  color: #3D4952;
}
.ucsb-button.btn.mist-btn:hover {
  background-color: #a5c4c4;
}

.ucsb-button.btn.light-mist-btn {
  background-color: #DAE6E6;
  color: #3D4952;
}
.ucsb-button.btn.light-mist-btn:hover {
  background-color: #e5eded;
}