/* Colors sampled from the server image */
:root {
  --color-bg-brand-base: #5757f8 !important;
  --color-bg-brand-base-hover: #4747d8 !important;
  --color-bg-brand-soft: rgb(87 87 248 / 18%) !important;
  --color-bg-brand-softest: rgb(87 87 248 / 8%) !important;

  --color-border-brand: #26c296 !important;
  --color-text-brand: #11705a !important;
  --color-text-on-brand-base: #ffffff !important;
}

[data-color-scheme="dark"] {
  --color-text-brand: #26c296 !important;
}

/* Primary buttons and selected tabs */
.button:not(.button--dangerous):not(.button--destructive),
.simple_form .btn:not(.negative),
.help-button,
.floating-action-button,
.admin-wrapper .content__heading__tabs a.selected {
  background: #5757f8 !important;
  color: #ffffff !important;
}

/* Hover state */
.button:not(.button--dangerous):not(.button--destructive):hover,
.button:not(.button--dangerous):not(.button--destructive):focus,
.simple_form .btn:not(.negative):hover,
.simple_form .btn:not(.negative):focus,
.help-button:hover,
.floating-action-button:hover,
.admin-wrapper .content__heading__tabs a.selected:hover {
  background: #4747d8 !important;
  color: #ffffff !important;
}

/* Turquoise links and selected filters */
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a,
.filters .filter-subset a.selected,
.simple_form .hint a {
  color: #11705a !important;
}

[data-color-scheme="dark"]
  .admin-wrapper .sidebar ul .simple-navigation-active-leaf a,
[data-color-scheme="dark"] .filters .filter-subset a.selected,
[data-color-scheme="dark"] .simple_form .hint a {
  color: #26c296 !important;
}

.filters .filter-subset a.selected {
  border-bottom-color: #26c296 !important;
}

/* Form controls */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #26b793;
}

.react-toggle--checked .react-toggle-track {
  background: #26c296 !important;
}

/* Orange focus ring from the image background */
.button:focus-visible,
.simple_form .btn:focus-visible,
.help-button:focus-visible,
.floating-action-button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #feb415 !important;
  outline-offset: 2px;
}

._feat_custom_homepage__topSection {
  height: auto !important;
}

._feat_custom_homepage__topSection p {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  line-clamp: 5 !important;
  text-overflow: ellipsis !important;
}