/*
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/

@import "../ckeditor/skins/common/editor.less";

body {
  font-size: @normalFontSize;
  overflow: auto;

  /* Remove the background color to make it transparent */
  background-color: transparent;

  margin: @bodyMargin;

  &.dense-margin {
    margin: 10px 12px;
  }
}

.cke_editable {
  font-size: @ckEditableFontSize;
  line-height: @ckEditableLineHeight;
}

blockquote {
  font-style: @blockquoteFontStyle;
  margin: @blockquoteMargin;
  padding: @blockquotePadding !important;
  font-weight: @blockquoteFontWeight;
  border-left: 5px solid var(--allPagesPrimaryColor, #3f8487) !important;

  p {
    margin-bottom: 0;
    line-height: @normalLineHeight;
    font-size: @normalFontSize !important;
    font-style: @blockquoteFontStyle;
  }

  strong {
    font-weight: bold;
  }
}

p, li, blockquote {
  font-size: @normalFontSize;
}

table {
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  border-style: solid;
  border-color: black;

  td, th {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    padding: 5px;
    font-size: @normalFontSize;
    line-height: 1.4;

    p:last-child {
      margin-bottom: 0;
    }
  }
}

img:not(.cke_widget_mask, .cke_widget_drag_handler) {
  margin: 10px 0 !important;
}

.placeholder {
  color: @greyColorLighten1Default !important;
}

div[data-widget="embedSemantic"] div {
  margin-bottom: 10px;
}

div.cke_widget_wrapper {
  clear: both;
}

h1 {
  font-size: @h1FontSize;
  margin-top: 45px;
}

h2 {
  font-size: @h2FontSize;
  margin-top: 35px;
}

h3 {
  font-size: @h3FontSize;
  margin-top: 25px;
}


h4, h5, h6 {
  font-weight: @normalFontWeight;
}

h1, h2, h3, h4, h5, h6 {
  line-height: @titleLineHeight;
  margin-bottom: @titleMarginBottom;
}

h1, h2, h3 {
  font-weight: @titleFontWeight;
}

h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0;
}

p, li {
  line-height: @normalLineHeight;
}

span[data-cke-display-name="image"] span.cke_image_resizer {

    bottom: 0 !important;
}

.cke_contents_ltr blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}

.cke_contents_rtl blockquote {
  padding-left: 8px;
  padding-right: 20px;
  border-right-width: 5px;
}

a {
  color: @linkColor !important;
}

ol, ul:not(.cke_panel_list), dl {
  margin: @listMargin !important;
  padding: @listPadding !important;
}

ul li, ol li {
  list-style: revert;
  font-size: @normalFontSize;
  line-height: @normalLineHeight;
  list-style-type: inherit !important;
}

ol {
  li {
    list-style-type: decimal;
  }

  ol {
    li {
      list-style-type: lower-latin;
    }

    ol {
      li {
        list-style-type: lower-roman;
      }

      ol {
        li {
          list-style-type: upper-latin;
        }

        ol {
          li {
            list-style-type: upper-roman;
          }
        }
      }
    }
  }
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
}

img.right {
  border: 1px solid #ccc;
  float: right;
  margin-left: 15px;
  padding: 5px;
}

img.left {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  padding: 5px;
}

pre {
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE7 */
  -moz-tab-size: 4;
  -o-tab-size: 4;
  -webkit-tab-size: 4;
  tab-size: 4;
  background: var(--allPagesPrimaryBackground, #f0f0f0);

  code {
    font-size: @codeFontSize !important;
  }
}

.marker {
  background-color: Yellow;
}

span[lang] {
  font-style: italic;
}

figure {
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}

figure > figcaption {
  text-align: center;
  display: block; /* For IE8 */
}

a > img {
  padding: 1px;
  margin: 1px;
  border: none;
  outline: 1px solid #0782C1;
}

.cke_widget_selectImage {
  max-width: 100%;
  margin: 10px 5px 10px 0 !important;
}

.cke_widget_selectImage img {
  max-width: 100%;
  text-align: center;
}

.dragEntered {
  background-color: rgba(1, 1, 1, 0.03);
}

.dragEntered * {
  display: none;
  pointer-events: none;
}

/* custom classes for images alignement */
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-center {
  text-align: center;
}