/**
 * @file
 * Editor Styling.
 */


body.ckeditor {
  text-align: justify;
  padding: 1%;
}
h1, h2, h3, h4, h5, h6 {
  text-align: left;
}
body.ckeditor,
body.ckeditor h1,
body.ckeditor h2,
body.ckeditor h3,
body.ckeditor h4,
body.ckeditor h5,
body.ckeditor h6 {
  font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a:focus {
  outline: 0;
}
pre {
  margin-top: 10px;
}
body.ckeditor pre {
  font-size: 88%;
}

/*
 * Indent & Justify classes.
 */
td ul, td ol {
  padding-left: 8%;
}
body.ckeditor ul, body.ckeditor ol,
.node .content ul, .node .content ol {
  padding-left: 5.4%;
}
.rteindent1 {
  margin-left: 5.4%;
}
.rteindent2 {
  margin-left: 10.8%;
}
.rteindent3 {
  margin-left: 16.2%;
}
.rteindent4 {
  margin-left: 21.6%;
}

/*
 * Tables.
 */
table {
  width: 100%;
}
thead th {
  border-bottom: 2px solid #ddd;
}
td, th {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
td[align=right], th[align=right] {
  text-align: right;
}
td {
  font-size: 90%;
}

/*
 * Images.
 */
body.ckeditor img,
.node .content img {
  margin: 3px 8px;
}
body.ckeditor img.img-responsive,
.node .content img.img-responsive {
  height: auto !important;
  margin: 3px auto;
}
body.ckeditor img.img-responsive[style*=float],
.node .content img.img-responsive[style*=float] {
  margin: 3px 4px;
}
.node .content a.lexicon-icon img {
  margin: 0;
}

/*
 * Iframes / Video responsive.
 */
.video-responsive {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  height: 0;
  margin: 1.1em 0;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.ckeditor .video-responsive {
  padding-top: 0;
  padding-bottom: 58%;
}

/*
 * Normalizing styles.
 */
body.ckeditor img.cke_drupal_break {
  margin: 0 0 .8em;
}
body.ckeditor img.cke_iframe {
  margin: 0;
  max-width: 100% !important;
}

/*
 * The following are the styles used in the "Styles" toolbar command.
 */
.note-red,
.note-cyan,
.note-green,
.note-orange,
.note-yellow {
  color: #222;
  margin: .5em;
  padding: .5em;
}
.note-red {
  background-color: Red;
  color: #fff;
}
.note-cyan {
  background-color: SkyBlue;
}
.note-green {
  background-color: PaleGreen;
}
.note-orange {
  background-color: Coral;
}
.note-yellow {
  background-color: BlanchedAlmond;
}
.text-underline {
  border-bottom: 1px solid currentColor;
}
.text-overline {
  text-decoration: line-through;
}
