/**
 * @file
 * Visual styling for summary and details in the off-canvas dialog.
 */

#drupal-off-canvas:not(.drupal-off-canvas-reset) details,
#drupal-off-canvas-wrapper details {
  display: block;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details,
#drupal-off-canvas-wrapper details,
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary,
#drupal-off-canvas-wrapper summary {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details,
#drupal-off-canvas-wrapper details,
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary,
#drupal-off-canvas-wrapper summary,
#drupal-off-canvas:not(.drupal-off-canvas-reset) .ui-dialog-content,
#drupal-off-canvas-wrapper .ui-dialog-content {
  color: #ddd;
  background: #474747;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary a,
#drupal-off-canvas-wrapper summary a {
  padding-top: 0;
  padding-bottom: 0;
  color: #ddd;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary a:hover,
#drupal-off-canvas-wrapper summary a:hover,
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary a:focus,
#drupal-off-canvas-wrapper summary a:focus {
  color: #fff;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details,
#drupal-off-canvas-wrapper details,
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary,
#drupal-off-canvas-wrapper summary,
#drupal-off-canvas:not(.drupal-off-canvas-reset) .details-wrapper,
#drupal-off-canvas-wrapper .details-wrapper {
  /* Cancel out the padding of the parent. */
  margin: 0 -20px;
  padding: 0 20px;
  border-width: 0;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary,
#drupal-off-canvas-wrapper summary {
  padding: 10px 20px;
  transition: all 0.5s ease;
  text-shadow: none;
  font-size: 14px;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary:hover,
#drupal-off-canvas-wrapper summary:hover,
#drupal-off-canvas:not(.drupal-off-canvas-reset) summary:focus,
#drupal-off-canvas-wrapper summary:focus {
  background-color: #222;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details[open],
#drupal-off-canvas-wrapper details[open] {
  padding-bottom: 10px;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details[open] > summary,
#drupal-off-canvas-wrapper details[open] > summary {
  color: #eee;
  background-color: #333;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details[open] > summary:hover,
#drupal-off-canvas-wrapper details[open] > summary:hover {
  color: #fff;
  background-color: #222;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) details .placeholder,
#drupal-off-canvas-wrapper details .placeholder {
  color: inherit;
  background: transparent;
  font: inherit;
  font-style: italic;
}
