/* Override TinyMCE oxide-dark skin with our custom colors */

/* Main editor container */
.tox.tox-tinymce {
  border: 2px solid #420913 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Menubar */
.tox .tox-menubar {
  background-color: #420913 !important;
  background-image: none !important;
}

/* Toolbar */
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
  background-color: #420a13 !important;
  background-image: none !important;
}

.tox .tox-toolbar-overlord {
  background-color: #420a13 !important;
}

/* Toolbar buttons */
.tox .tox-tbtn {
  background: #420a13 !important;
  color: #fff !important;
}

.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover {
  background: #420a13 !important;
  color: rgba(255, 255, 255, .5) !important;
}

.tox .tox-tbtn--bespoke {
  background: #420a13 !important;
}

.tox .tox-tbtn:hover:not(:disabled):not(.tox-tbtn--active) {
  background: #220509 !important;
  color: #fff !important;
}

.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
  background-color: rgba(212, 175, 55, 0.4) !important;
  color: #d4af37 !important;
}

/* Menu buttons */
.tox .tox-mbtn {
  background: #420a13 !important;
  color: #fff !important;
}

.tox .tox-mbtn:focus:not(:disabled) {
  background: #420a13 !important;
  color: #fff !important;
}

.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background: #220509 !important;
  color: #fff !important;
}

/* Dropdown menus */
.tox .tox-menu {
  background-color: #220509 !important;
  border-color: #420a13 !important;
}

.tox .tox-collection__item {
  color: #ffffff !important;
}

.tox .tox-collection__item--active {
  background-color: rgba(212, 175, 55, 0.2) !important;
}

.tox .tox-collection__item-label {
  color: #ffffff !important;
}

/* Dialog backgrounds */
.tox .tox-dialog {
  background-color: #220509 !important;
  border-color: #420a13 !important;
  color: #ffffff !important;
}

.tox .tox-dialog__header {
  background-color: #420a13 !important;
  color: #ffffff !important;
}

.tox .tox-dialog__footer {
  background-color: #220509 !important;
}

/* Dialog inputs */
.tox .tox-textfield,
.tox .tox-textarea {
  background-color: #220509 !important;
  border-color: #420a13 !important;
  color: #ffffff !important;
}

/* Dialog buttons */
.tox .tox-button {
  background-color: #d4af37 !important;
  color: #000000 !important;
}

.tox .tox-button--secondary {
  background-color: transparent !important;
  border-color: #d4af37 !important;
  color: #d4af37 !important;
}

/* Status bar */
.tox .tox-statusbar {
  background-color: #400a15 !important;
  color: #cccccc !important;
  border-top: 1px solid rgba(255, 255, 255, .15) !important;
}

/* Resize handle */
.tox .tox-statusbar__resize-handle svg {
  fill: #d4af37 !important;
}

/* Editor content area */
.tox .tox-edit-area__iframe {
  background-color: #220509 !important;
}

/* Promotion area */
.tox .tox-promotion {
  background-color: #420a13 !important;
}