/**
 * @file
 * Hacks for WYSIWYG content.
 */

/**
 * Make text inside archor look less crazy.
 */
a.mceItemAnchor {
  width: auto !important;
  min-width: 11px !important;
  padding-left: 13px !important;
  line-height: 11px !important;

  /* Attempt to use styling of outer element. */
  text-decoration: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/**
 * Display the element path - hidden by both the Circuit theme and Panopoly
 * WYSIWYG.
 */
#edit-body-und-0-value_path_row,
#edit-body-und-1-value_path_row,
#edit-body-und-2-value_path_row,
#edit-body-und-3-value_path_row,
#edit-body-und-4-value_path_row,
#edit-body-und-5-value_path_row,
#edit-body-und-6-value_path_row,
#edit-body-und-7-value_path_row,
#edit-body-und-8-value_path_row,
#edit-body-und-9-value_path_row,
.mceStatusbar > div {
  display: block !important;
}

/**
 * Hide the Edit file button on the Media WYSIWYG style selector, until its behavior is fixed.
 */
#media-wysiwyg-format-form .edit-file-link {
  display: none;
}

/**
 * Improve focus/hover highlighting on buttons.
 */

/* Make the standard border wider */
.mceEditor.cirkuitSkin .mceExternalToolbar, .mceEditor.cirkuitSkin .mceButton, .mceEditor.cirkuitSkin a.mceButtonEnabled:hover, .mceEditor.cirkuitSkin a.mceButtonActive, .mceEditor.cirkuitSkin a.mceButtonSelected, .mceEditor.cirkuitSkin .mceListBox .mceText, .mceEditor.cirkuitSkin .mceListBox .mceOpen, .mceEditor.cirkuitSkin table.mceListBoxEnabled:hover .mceText, .mceEditor.cirkuitSkin .mceListBoxHover .mceText, .mceEditor.cirkuitSkin .mceListBoxSelected .mceText, .mceEditor.cirkuitSkin table.mceListBoxEnabled:hover .mceOpen, .mceEditor.cirkuitSkin .mceListBoxHover .mceOpen, .mceEditor.cirkuitSkin .mceListBoxSelected .mceOpen, .mceEditor.cirkuitSkin select.mceListBox, .mceEditor.cirkuitSkin .mceSplitButton a.mceAction, .mceEditor.cirkuitSkin .mceSplitButton a.mceOpen, .mceEditor.cirkuitSkin .mceSplitButton a.mceOpen:hover, .mceEditor.cirkuitSkin .mceSplitButtonSelected a.mceOpen, .mceEditor.cirkuitSkin table.mceSplitButtonEnabled:hover a.mceAction, .mceEditor.cirkuitSkin .mceSplitButton a.mceAction:hover, .mceEditor.cirkuitSkin div.mceColorSplitMenu table, .mceEditor.cirkuitSkin .mceColorSplitMenu a, .mceEditor.cirkuitSkin .mceColorSplitMenu a.mceMoreColors, .mceEditor.cirkuitSkin .mceColorSplitMenu a.mceMoreColors:hover, .mceEditor.cirkuitSkin a.mceMoreColors:hover, .mceEditor.cirkuitSkin .mceMenu {
  border-style: solid;
  border-width: 2px;
  border-color: #c9c9c9;
}

/* Add color to the focus highlight */
.mceEditor.cirkuitSkin a.mceButtonEnabled:focus, .mceEditor.cirkuitSkin table.mceListBoxEnabled:focus .mceText, .mceEditor.cirkuitSkin table.mceListBoxEnabled:focus .mceOpen, .mceEditor.cirkuitSkin .mceSplitButton a.mceOpen:focus, .mceEditor.cirkuitSkin table.mceSplitButtonEnabled:focus a.mceAction, .mceEditor.cirkuitSkin .mceSplitButton a.mceAction:focus, .mceEditor.cirkuitSkin .mceColorSplitMenu a.mceMoreColors:focus, .mceEditor.cirkuitSkin a.mceMoreColors:focus {
  border-style: solid;
  border-width: 2px;
  border-color: #00b0da;
  -webkit-focus-ring-color:none;outline:none;
}

/* Adjust border for non-active buttons */
.mceEditor.cirkuitSkin a.mceButtonDisabled:focus, .mceEditor.cirkuitSkin table.mceListBoxDisabled:focus .mceText, .mceEditor.cirkuitSkin table.mceListBoxDisabled:focus .mceOpen, .mceEditor.cirkuitSkin .mceSplitButton a.mceOpen:focus, .mceEditor.cirkuitSkin table.mceSplitButtonDisabled:focus a.mceAction, .mceEditor.cirkuitSkin .mceSplitButton a.mceAction:focus, .mceEditor.cirkuitSkin .mceColorSplitMenu a.mceMoreColors:focus, .mceEditor.cirkuitSkin a.mceMoreColors:focus {
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  -webkit-focus-ring-color:none;outline:none;
}
