/**
 * Factbox
 */

.ramsalt-ckeditor-widgets-factbox {
  padding: 8px;
  margin: 10px;
  background: #eee;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
  width: 33%;
}

.ramsalt-ckeditor-widgets-factbox.align-left {
  float: left;
}

.ramsalt-ckeditor-widgets-factbox.align-center {
  clear: both;
  margin: 0 auto;
}

.ramsalt-ckeditor-widgets-factbox.align-right {
  float: right;
}

.ramsalt-ckeditor-widgets-factbox .factbox-title, .ramsalt-ckeditor-widgets-factbox .factbox-content {
  box-shadow: 0 1px 1px #ddd inset;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff;
  padding: 5px 8px;
}

.ramsalt-ckeditor-widgets-factbox .factbox-content {
  margin: 0 0 8px;
  padding: 0 8px;
}


/**
 * Quotebox
 */

.ramsalt-ckeditor-widgets-quotebox {
  padding: 8px;
  margin: 10px;
  background: #eee;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
  width: 33%;
}

.ramsalt-ckeditor-widgets-quotebox.align-left {
  float: left;
}

.ramsalt-ckeditor-widgets-quotebox.align-center {
  clear: both;
  margin: 0 auto;
}

.ramsalt-ckeditor-widgets-quotebox.align-right {
  float: right;
}

.ramsalt-ckeditor-widgets-quotebox .quotebox-quote, .ramsalt-ckeditor-widgets-quotebox .quotebox-author {
  box-shadow: 0 1px 1px #ddd inset;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff;
  padding: 5px 8px;
}

.ramsalt-ckeditor-widgets-quotebox .quotebox-quote {
  margin: 0 0 8px;
  padding: 0 8px;
}

/**
 * Image / mediaBrowser
 **/

.cke_widget_wrapper.image-left {
    float: left;
    margin-right: 10px;
}

.cke_widget_wrapper.image-right {
    float: right;
    margin-left: 10px;
}

.cke_widget_wrapper.image-center {
  margin: 0 auto;
}

.cke_widget_wrapper figure {
    display: table;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: none;
}

.cke_widget_wrapper figcaption { 
  display: table-caption;
  background-color: #eee;
  caption-side: bottom;
  font-style: italic;
  text-align: left;
  padding: 5px 10px;
}

/**
 * Default styles for node display
 **/

.field-name-body figure {
  display: table;
}
.field-name-body figure br {
  display: none;
}
.field-name-body figure.image-right {
  float: right;
  margin-left: 20px;
}
.field-name-body figure.image-left {
  float: left;
  margin-right: 20px;
}
.field-name-body figure figcaption {
  display: table-caption;
  caption-side: bottom;
  font-style: italic;
}