/* Client primary color overrides for Bulma utilities */
:root {
  --client-primary: #373983;
}

.button.is-primary,
.button.is-primary.is-hovered,
.button.is-primary:hover,
.button.is-primary.is-focused,
.button.is-primary:focus,
.button.is-primary.is-active,
.button.is-primary:active,
.navbar.is-primary,
.has-background-primary,
.notification.is-primary,
.tag.is-primary,
.progress.is-primary::-webkit-progress-value,
.progress.is-primary::-moz-progress-bar,
.progress.is-primary::-ms-fill {
  background-color: var(--client-primary) !important;
}

.button.is-primary {
  border-color: transparent !important;
}

.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--client-primary) 25%, transparent) !important;
}

.button.is-primary.is-light {
  background-color: color-mix(in srgb, var(--client-primary) 12%, white) !important;
  color: var(--client-primary) !important;
}

.button.is-primary.is-light:hover,
.button.is-primary.is-light.is-hovered {
  background-color: color-mix(in srgb, var(--client-primary) 18%, white) !important;
  color: var(--client-primary) !important;
}

.button.is-primary.is-light:active,
.button.is-primary.is-light.is-active {
  background-color: color-mix(in srgb, var(--client-primary) 24%, white) !important;
  color: var(--client-primary) !important;
}

.has-text-primary,
a.has-text-primary:hover,
a.has-text-primary:focus {
  color: var(--client-primary) !important;
}

/* bulma-cust.css hardcodes a pink/red input border; use brand instead */
.select select,
.textarea,
.input {
  border-color: var(--client-primary) !important;
}

.input:focus,
.textarea:focus,
.select select:focus,
.is-focused.input,
.is-focused.textarea,
.select select.is-focused,
.input.is-active,
.textarea.is-active,
.select select.is-active {
  border-color: var(--client-primary) !important;
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--client-primary) 25%, transparent) !important;
}

.navbar.is-primary .navbar-brand .navbar-link::after,
.navbar.is-primary .navbar-menu .navbar-link::after {
  border-color: #fff transparent transparent;
}