/*html {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
  background-color: hsl(0, 0%, 95%);
  word-break: break-word;
}

body {
  margin: 0;
}
*/

#ldc-editor-wrapper {
  background-color: hsl(0, 0%, 97.5%);
  position: relative;
  /*max-width: 40em;*/
  margin: 0;/* auto;*/
  padding: 0 calc(2em + 2ex);
  width:100%;
}

@media (min-width: 40em) and (min-height: 20em) {
  #ldc-editor-wrapper {
    /* Go all Tschichold when supported */
    margin: 0;/*11.1vh 22.2vw 22.2vh 11.1vw;*/
   /* border: 1px solid hsl(214, 13%, 90%);
    border-radius: 3px;*/
  }
}

#ldc-editor-wrapper > div { border-radius: inherit; }

section.highlight {
  margin: calc(2em + 2ex) calc(0 - 2em - 2ex);
  padding: calc(2em + 2ex);
  border: 0 solid #e1e4e8;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

section.highlight + section.highlight {
  margin-top: calc(0 - 2em - 2ex - 1px);
}

section.highlight > :first-child {
  margin-top: 0;
}

section.highlight > :last-child {
  margin-bottom: 0;
}

section.highlight:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-top-width: 0;
  margin-top: 0;
}

section.highlight:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-width: 0;
  margin-bottom: 0;
}

section.highlight{
  display:none !important;
}
.highlight { background-color: hsl(0, 0%, 100%); }

#ldc-editor-wrapper {
  line-height: calc(1em + 1ex);
  box-sizing: border-box;
}

#ldc-editor-wrapper p,
#ldc-editor-wrapper h1 {
  margin-top: calc(1em + 1ex);
  margin-bottom: calc(1em + 1ex);
}

#ldc-editor-wrapper h1 {
  font-size: 3em;
  font-weight: 100;
  text-align: center;
}

#ldc-editor-wrapper a {
  text-decoration: none;
  color: #0367d8;
  transition: 200ms;
  transition-property: color;
}

#ldc-editor-wrapper a:hover,
#ldc-editor-wrapper a:focus,
#ldc-editor-wrapper a:target {
  color: inherit;
}

template { display: none; }

[title] { border-bottom: 1px dotted; }

#ldc-editor-wrapper .editor {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  min-height: 40px;
}

#ldc-editor-wrapper textarea,
#ldc-editor-wrapper .draw {
  /* Can’t use a nice font: kerning renders differently in textareas. */
  font-family: monospace;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: transparent;
  box-sizing: border-box;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  resize: none;
}

#ldc-editor-wrapper .draw {
  -webkit-print-color-adjust: exact;
  color: transparent;
}

#ldc-editor-wrapper textarea {
  position: absolute;
  top: 0;
  color: inherit;
}

#ldc-editor-wrapper textarea{

}

#ldc-editor-wrapper input,
#ldc-editor-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  font: inherit;
  padding: 0 0.2em;
  margin: 0;
  border-radius: 3px;
  color: inherit;
  background-color: hsl(0, 0%, 95%);
}

#ldc-editor-wrapper input[type=number] {
  width: 2.5em;
}

#ldc-editor-wrapper .credits { text-align: center;display:none !important; }

#ldc-editor-wrapper {
  border: solid 2px #bbb;
  padding:10px;
}

body .learndash textarea{
  padding:0px!important;
}

body #ldc-editor-wrapper .editor > div:first-child{
 padding-top:0px!important;
}

#ldc-editor-wrapper.border-error {
  border: solid 2px #f00!important;
}