/* Set your brand colors */
/* $purple: #8A4D76;
$pink: #AD1457; */

:root {
  --blue: #1489e5;
  --pink: #AD1457;
}
a {
  color: var(--blue);
}
.button.is-link {
  background-color: var(--blue);
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #0f6fb8;
}
.button.is-link.is-inverted {
  color: var(--blue);
}
.button:focus, .button.is-focused {
  border-color: var(--blue);
}

.tag:not(body).is-link {
  background-color: var(--blue);
}
.has-text-link {
  color: var(--blue) !important;
}
.has-text-blue {
  color: var(--blue) !important;
}
.has-background-link {
  background-color: var(--blue) !important;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--blue);
}
.select.is-link:not(:hover)::after {
  border-color: var(--blue);
}
.select.is-link select {
  border-color: var(--blue);
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: var(--blue);
}
.menu-list a.is-active {
  background-color: var(--blue);
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  color: var(--blue);
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--blue);
}

.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
  border-color: var(--blue);
}