/* stop bootstrap box-sizing resets on dashboard theme names */
.theme-name {
  height: auto !important;
}
/* stop bootstrap 0 margin resets on ul */


body {
  background: #e9e4dc;
}
:root {
  --wp-components-color-accent: #006837;
  --wp-admin-theme-color: #e9e4dc;
}

#wp-admin-bar-site-name .ab-item::before {
  background-image: url(../gwp/img/_gwp_icon.svg) !important;
  background: no-repeat;
  display: block;
  width: 30px;
  height: 30px;
  content: '' !important;
}
.edit-site-site-icon svg {
  display: none !important;
}
.edit-site-site-icon {
  background-image: url(../gwp/img/_gwp_icon.svg) !important;
  background: no-repeat;
  background-size: 70% !important;
  background-position: center !important;
  display: block;
  width: 30px;
  height: 30px;
}
.edit-post-fullscreen-mode-close.components-button {
  background-image: url(../gwp/img/_gwp_icon.svg) !important;
  background-color: #484c57;
  border-bottom: 1px solid #d3d3d3;
  background: no-repeat;
  background-size: 70% !important;
  background-position: center !important;
  display: block;
}
.edit-post-fullscreen-mode-close.components-button:before {
  content: none !important;
}
.edit-post-fullscreen-mode-close.components-button svg {
  display: none !important;
}
.edit-site-layout__view-mode-toggle.components-button {
  transform: scale(0.8);
  border-bottom: none;
}
.is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
  border-bottom: 1px solid #d3d3d3;
}
.dashicons-admin-media::before {
  content: '\f322' !important;
}

#adminmenu,
#adminmenuback,
#adminmenuwrap,
#adminmenuwrap,
#wpadminbar {
  background-color: #484c57;
}
#adminbar,
#adminmenu .wp-submenu, 
#adminmenu .wp-submenu-wrap,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub {
  background-color: #383b44;
}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu:hover, #adminmenu li.wp-has-current-submenu.opensub:hover, #adminmenu li:hover, #adminmenu li.opensub:hover {
  background-color: #006837;
}


/***********************************************************
################## Block Editor Styles #####################
************************************************************/

@media (prefers-color-scheme: dark) {
  .editor-post-title__block,
  .editor-post-publish-panel,
  .editor-post-publish-panel__header,
  .editor-post-publish-panel__content,
  .editor-post-publish-panel__footer,
  .editor-default-block-appender,
  .editor-block-list__block,
  .editor-block-list__layout,
  .edit-post-editor__list-view-container,
  .edit-post-editor__document-overview-panel .edit-post-editor__document-overview-panel__close-button,
  .edit-post-editor__document-overview-panel__tab-panel,
  .edit-site-layout__header-container,
  .edit-post-sidebar__panel-tabs,
  .edit-post-header,
  .edit-site-page,
  .edit-site-page-header,
  .edit-site-layout__content,
  .edit-site-sidebar-navigation-screen__title-icon,
  .edit-site-editor__list-view-panel-content,
  .edit-site-editor__list-view-panel-header,
  .edit-site-site-hub__view-mode-toggle-container,
  .edit-site-patterns__header,
  .edit-site-style-book__tab-panel .components-tab-panel__tabs,
  .edit-site-sidebar-edit-mode__panel-tabs,
  .edit-site-sidebar-navigation-screen__footer,
  .edit-site-header-edit-mode,
  .edit-site-layout__actions,
  .entities-saved-states__panel-header,
  .edit-site-layout__sidebar,
  .edit-site-sidebar__content,
  .media-modal-content,
  .media-frame-content,
  .attachments-browser .media-toolbar,
  .media-sidebar,
  .document-outline__item-content,
  .block-editor__container,
  .block-editor-block-toolbar,
  .block-editor-inserter__menu,
  .block-editor-block-types-list__item-icon,
  .block-editor-block-contextual-toolbar,
  .block-editor-block-breadcrumb__button,
  .block-editor-block-patterns-list,
  .block-editor-inserter__patterns-category-panel-header,
  .block-editor-inserter__quick-inserter-expand,
  .block-editor-block-inspector__no-block-tools, .block-editor-block-inspector__no-blocks,
  .block-editor-inserter__media-dialog,
  .block-editor-block-breadcrumb__current,
  .interface-interface-skeleton__body,
  .interface-interface-skeleton__sidebar,
  .interface-complementary-area,
  .interface-complementary-area-header,
  .interface-complementary-area h2,
  .interface-interface-skeleton__footer,
  .interface-interface-skeleton__footer .block-editor-block-breadcrumb,
  .entities-saved-states__text-prompt,
  .components-button, 
  .components-panel,
  .components-placeholder,
  .components-toolbar-group,
  .components-panel__body-title,
  .components-tab-panel__tabs,
  .components-panel__body-toggle,
  .components-toggle-group-control,
  .components-font-size-picker__controls,
  .components-menu-group,
  .components-popover__content,
  .components-button.block-editor-block-types-list__item,
  .components-toolbar-group .block-editor-block-toolbar__block-controls,
  .components-base-control,
  .components-form-token-field__suggestion,
  .components-panel__body-toggle.components-button,
  .components-modal__content,
  .components-modal__header,
  .commands-command-menu__container [cmdk-item]:active,
  .commands-command-menu__container [cmdk-item][aria-selected=true]
  {
    background-color: #484c57;
    color: rgb(213, 213, 213);
  }
  .block-editor-block-parent-selector__button {
    border-color:rgb(213, 213, 213) !important;
  }
  .block-editor-block-toolbar .components-toolbar, 
  .block-editor-block-toolbar .components-toolbar-group {
    border-color:rgb(213, 213, 213) !important;
    border-right-color:rgb(213, 213, 213) !important;
    border-left-color: rgb(213, 213, 213) !important;
  }
  .block-editor-block-contextual-toolbar,
  .block-editor-block-toolbar {
    border: 1px solid rgb(88, 88, 100) !important;
  }
  .edit-site-visual-editor {
    background-color: #2a2d36;
  }
  .edit-site-document-actions__command {
    background-color: #cacaca;
  }
  .components-button {
    color: rgb(213, 213, 213);
  }
  .components-heading {
    color: rgb(213, 213, 213);
  }
  .components-button.is-secondary {
    color: rgb(161, 216, 134);
    box-shadow: inset 0 0 0 1px #fff;
  }
  .components-button.is-tertiary {
    color: rgb(161, 216, 134);
  }
  .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
    color: rgb(161, 216, 134);
  }
  .components-button .edit-post-fullscreen-mode-close {
    background-color: #484c57;
  }
  .components-button .edit-site-document-actions__command {
    background-color: #cacaca;
  }
}