:root {
    --w-color-primary: #FBFBFB;
    --w-color-primary-200: #f4ebff;
    --w-color-text-label-menus-default: rgb(29, 23, 82);
    --w-color-text-label-menus-active: rgb(65, 52, 179);
    --w-color-text-label: rgb(29, 23, 82);

    --w-color-surface-button-default: rgb(65, 52, 179);
    --w-color-surface-button-hover: rgb(29, 23, 82);

    --w-color-text-link-default: rgb(65, 52, 179);
    --w-color-text-link-hover: rgb(29, 23, 82);
    --w-color-text-highlight: rgb(65, 52, 179);
    --w-color-text-button-outline-default: rgb(65, 52, 179);
    --w-color-text-button-outline-hover: rgb(29, 23, 82);
    --w-color-text-highlight: rgb(65, 52, 179);
    --w-color-text-button: #FBFBFB;

    --w-color-icon-primary: rgb(65, 52, 179);
    --w-color-icon-primary-hover: rgb(29, 23, 82);

    --w-color-focus: none;
    /* --w-color-surface-tooltip: rgb(65, 52, 179); */
    /* --w-color-surface-menus: rgb(65, 52, 179); */
}

.sidebar-custom-branding {
    margin: 16px;
    padding: 0;
}

#wagtail-sidebar > div > div > form > div > button {
    padding-left: 26px;
}

.item__link:hover,
.sidebar-menu-item__link:hover,
.menuitem-label,
.c-page-explorer__header__title,
.sidebar-menu-item--active {
    text-shadow: none !important;
}

.c-page-explorer__header__title > .c-page-explorer__header__title__inner > span {
    color: var(--w-color-text-label-menus-default);
}

.c-page-explorer__item__title, .c-page-explorer__placeholder{
    text-shadow:none;
}

.sidebar-menu-item {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 12px;
    border-radius: 8px;
}

.sidebar-menu-item__link {
    padding: 8px 12px;
}

/* For footer menu items */
.sidebar-footer ul>li>a {
    padding: 12px 16px;
}

/* For logout button */
.sidebar-footer ul>li>form button {
    padding:0;
}

.sidebar-footer ul>li>form {
    padding: 14px 22px;
}

.sidebar--slim form > div > button {
    padding-left:23px !important;
}

.sidebar--slim li.sidebar-menu-item > .sidebar-menu-item__link {
    padding-left: 8px;
}

button.sidebar__collapse-toggle:hover {
    background-color: var(--w-color-surface-button-hover);
}

.sidebar--slim .sidebar-custom-branding {
    padding: 0;
    padding-bottom: 24px;
}

.sidebar-sub-menu-panel {
    background: white;
}

.sidebar__inner form {
    margin-bottom: 10px;
}