/* see https://docs.wagtail.org/en/stable/advanced_topics/customisation/admin_templates.html#custom-user-interface-colours */
:root {
  --w-color-primary: #3f525e; /* $gray-1 */
  --w-color-primary-200: #09241b; /* darkened version of $app-accent-color - for hover states*/
  --w-color-secondary: #09241b; /* darkened version of $app-accent-color */
  --w-color-white: #f4f8fa;
  --w-color-secondary-600: #e8eef1;
  --w-color-secondary-400: #256B53; /* $app-accent-color */
}

.sidebar, .sidebar__inner {
  background-color: #0F3F2F;
}

.w-header h1 {
  color: #256B53;
}

.c-page-explorer__header, .c-page-explorer__header > * {
  background-color: #09241b !important;
}


.c-page-explorer__header__title:hover, .c-page-explorer__header:hover > * {
  background-color: #256B53 !important;
}

.c-page-explorer__item__link:focus,
.c-page-explorer__item__link:hover,
.c-page-explorer__item__action:focus,
.c-page-explorer__item__action:hover {
  background-color: #256B53;
}

a:hover {
  color: #256B53;
}

a[href*='?user_filter_state'] {
  margin-right: 5px;
  font-weight: 600;
}

a[href*='?user_filter_state']:hover {
  color: #256B53;
  text-decoration: underline;
}

a[href*='?user_filter_state'][style*='font-size: larger'] {
  text-decoration: underline;
  color: #09241b;
}

.sidebar-menu-item__link {
  color: #fff;
}

.sidebar-menu-item__link:focus,
.sidebar-menu-item__link:hover {
  background-color: #256B53;
}

.w-summary__list li>a:hover {
  color: #256B53;
}

.listing .actions>li>a {
  border-radius: 16px;
  font-size: 12px;
  border: 1px solid #256B53;
  background: #256B53;
}

.listing .actions>li>a:hover {
  background: #256B53;
  border: 1px solid #256B53;
}

.button {
  border: 1px solid #256B53;
  background-color: #256B53;
}

.button:hover {
  border: 1px solid #38a17d;
  background-color: #38a17d;
}

.button.action-secondary {
  border: 1px solid #09241b;
  background-color: #09241b;
}

.dropdown .bicolor:hover {
  border: 1px solid #38a17d;
  background-color: #38a17d;
}

.dropdown .bicolor+.dropdown-toggle {
  background-color: var(--w-color-secondary);
}

.dropdown .bicolor+.dropdown-toggle:hover {
  background-color: #256B53;
}

.listing .actions>li>a.button-secondary {
  color: #256B53;
  border: 1px solid #256B53;
  background: #fff;
}

.listing .actions>li>a.button-secondary:not(.no):hover {
  background: #256B53;
  color: #fff;
  border: 1px solid #256B53;
}

.listing .actions>li>a.no {
  color: red;
  border: 1px solid red;
  background: #fff;
}

.listing .actions>li>a.no:hover {
  background: #fdd4d4;
  border: 1px solid red;
}

.t-default .u-btn-current {
  border-color: #3f525e;
}

.listing tbody tr:hover {
  background: #e7f9f3;
}

.w-panel__header, .w-panel__header>*, .c-sf-block__type, .w-panel__controls>button:not([disabled])>svg  {
  color: #256B53;
}

.listing tr:hover .children {
  background-color: #256B53;
}

.listing td.children:hover {
  background-color: #256B53;
}

.listing .children:hover a:before {
  color: #fff;
}


.button.action-save.button-longrunning {
  background-color: #256B53;
  border: 1px solid #256B53;
}

.button.action-save.button-longrunning:hover,
.button.action-secondary:hover {
  background-color: #38a17d;
  border: 1px solid #38a17d;
}

.button.action-secondary {
  background-color: #09241b;
  border: 1px solid #09241b;
}

input[type=date]:focus-visible,
input[type=datetime-local]:focus-visible,
input[type=email]:focus-visible,
input[type=file]:focus-visible,
input[type=month]:focus-visible,
input[type=number]:focus-visible,
input[type=password]:focus-visible,
input[type=search]:focus-visible,
input[type=tel]:focus-visible,
input[type=text]:focus-visible,
input[type=time]:focus-visible,
input[type=url]:focus-visible,
input[type=week]:focus-visible,
textarea {
  outline: 3px solid #256B53 !important;
}

.w-minimap__collapse-all.button-secondary:hover {
  color: white;
  background-color: #0F3F2F;
}