/* Editor View / Article Content Styles (single.php, single-film.php) */

.editor-view {
  color: var(--color-text-secondary);
  font-size: 1rem;
  word-break: break-word;
  font-family: Roboto, sans-serif
}

.editor-view *:nth-child(1){
  margin-top: 0;
}

.editor-view header h1,
.editor-view>h1,
.editor-view>h2,
.editor-view>h3,
.editor-view>h4 {
  clear: both;
  color: var(--color-text-tertiary);
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: .75em
}

.editor-view>h1,
.editor-view>h2 {
  font-size: 2em
}

.editor-view header h1 {
  font-size: 2.2em;
  margin-bottom: 0
}

.editor-view>h3,
.editor-view>h4 {
  font-size: 1.6em
}

.editor-view h2 img {
  margin-bottom: 1em
}

.editor-view p {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 1.6em
}

.editor-view p:last-child {
  margin-bottom: 0
}

.editor-view a {
  transition: all .2s ease;
  border-bottom: 1px solid var(--color-primary)
}

.editor-view a:hover {
  text-decoration: none !important;
  border-bottom-width: 3px
}

.editor-view a:empty {
  display: none
}

.editor-view blockquote {
  margin: 0 auto 2em;
  padding: 1em;
  position: relative;
  font-style: italic;
  background: var(--color-bg-secondary)
}

.editor-view pre {
  width: 100%;
  margin: 0 auto 2em;
  padding: 1em;
  font-size: 0.8750rem;
  background: var(--color-bg-code);
  border: 1px solid var(--color-border-subtle);
  white-space: pre-line
}

.editor-view pre code {
  white-space: pre;
  background: var(--color-bg-code)
}

.editor-view figure {
  position: relative;
  margin-bottom: 1.6em
}

.editor-view img {
  border-radius: 0.3750rem
}

.editor-view figcaption a {
  color: var(--color-bg-secondary);
  text-decoration: underline
}

.editor-view figcaption strong {
  font-weight: 900
}

.editor-view table ol,
.editor-view table ul,
.editor-view>ol,
.editor-view>ul {
  margin-left: .5em;
  margin-bottom: 2em
}

.editor-view table ol li,
.editor-view table ul li,
.editor-view>ol li,
.editor-view>ul li {
  color: var(--color-text-secondary);
  font-size: .9em;
  font-weight: 400;
  font-family: Georgia, Times, Times New Roman, serif;
  line-height: 1.7em;
  list-style-type: disc;
  padding-left: .5em;
  margin-left: 2em;
  margin-bottom: 1em
}

.editor-view table ol li:empty,
.editor-view table ul li:empty,
.editor-view>ol li:empty,
.editor-view>ul li:empty {
  display: none
}

.editor-view table ol li figure,
.editor-view table ul li figure,
.editor-view>ol li figure,
.editor-view>ul li figure {
  margin: 1em 0
}

.editor-view table ol li ol,
.editor-view table ol li ul,
.editor-view table ul li ol,
.editor-view table ul li ul,
.editor-view>ol li ol,
.editor-view>ol li ul,
.editor-view>ul li ol,
.editor-view>ul li ul {
  margin-left: 0;
  margin-top: 1em
}

.editor-view table ol li ol li,
.editor-view table ol li ul li,
.editor-view table ul li ol li,
.editor-view table ul li ul li,
.editor-view>ol li ol li,
.editor-view>ol li ul li,
.editor-view>ul li ol li,
.editor-view>ul li ul li {
  font-size: inherit;
  list-style-type: circle
}

.editor-view table ol li ol li,
.editor-view table ul li ol li,
.editor-view>ol li ol li,
.editor-view>ul li ol li {
  list-style-type: lower-alpha
}

.editor-view table ol table,
.editor-view table ul table,
.editor-view>ol table,
.editor-view>ul table {
  font-size: .75rem
}

.editor-view ol,
.editor-view ol li,
.editor-view table ol,
.editor-view table ol li {
  list-style-type: decimal
}

.editor-view table ol,
.editor-view table ul {
  margin-bottom: 0
}

.editor-view table ol li,
.editor-view table ul li {
  font-size: 1em;
  margin-bottom: .25em
}

.editor-view blockquote ol,
.editor-view blockquote ul {
  -webkit-margin-before: 0.5000rem;
  margin-block-start: 0.5000rem;
  -webkit-margin-after: 0.5000rem;
  margin-block-end: 0.5000rem;
  -webkit-margin-start: 0.5000rem;
  margin-inline-start: 0.5000rem
}

.editor-view blockquote ol:last-of-type,
.editor-view blockquote ul:last-of-type {
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem
}

.editor-view blockquote ol ol,
.editor-view blockquote ol ul,
.editor-view blockquote ul ol,
.editor-view blockquote ul ul {
  -webkit-margin-start: 1rem;
  margin-inline-start: 1rem
}

.editor-view blockquote ol li,
.editor-view blockquote ul li {
  color: var(--color-text);
  font-size: 1em;
  line-height: 1.25em;
  margin-bottom: 0.2500rem;
  list-style-type: disc;
  list-style-position: inside
}

.editor-view blockquote ol li a,
.editor-view blockquote ul li a {
  color: var(--color-text)
}

.editor-view blockquote ol li li,
.editor-view blockquote ul li li {
  list-style-type: circle;
  color: var(--color-text)
}

.editor-view blockquote ol li:first-of-type,
.editor-view blockquote ul li:first-of-type {
  margin-top: 0.2500rem
}

.editor-view blockquote ol li {
  list-style-type: decimal
}

.editor-view table {
  margin-bottom: 1.2em
}

.editor-view.editor-view--static header {
  padding: 2em 0;
  margin-bottom: .5em
}

.editor-view.editor-view--static>h2 {
  font-size: 1.5em;
  margin-top: 1.75em
}

.editor-view.editor-view--static p {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1em;
  color: var(--color-text-secondary)
}

.editor-view.editor-view--static ul li {
  list-style-type: square
}

/* Responsive Styles */
@media (max-width:62rem) {
  .editor-view>h1,
  .editor-view>h2 {
      font-size: 1.9em
  }

  .editor-view header h1 {
      font-size: 2.1em
  }

  .editor-view>h3,
  .editor-view>h4 {
      font-size: 1.5em
  }

  .editor-view h2 img {
      margin-bottom: .9em
  }

  .editor-view p {
      font-size: 1.1em;
      line-height: 1.6em;
      margin-bottom: 1.4em
  }

  .editor-view figure {
      margin-bottom: 1.2em
  }

  .editor-view table ol li,
  .editor-view table ul li,
  .editor-view>ol li,
  .editor-view>ul li {
      margin-bottom: .75em
  }

  .editor-view table ol li ol,
  .editor-view table ol li ul,
  .editor-view table ul li ol,
  .editor-view table ul li ul,
  .editor-view>ol li ol,
  .editor-view>ol li ul,
  .editor-view>ul li ol,
  .editor-view>ul li ul {
      margin-top: .75em
  }

  .editor-view.editor-view--static header {
      padding: 1.5em 0
  }

  .editor-view.editor-view--static>h2 {
      margin-top: 1.5em
  }
}

@media (max-width:36rem) {
  .editor-view>h1,
  .editor-view>h2 {
      font-size: 1.8em
  }

  .editor-view header h1 {
      font-size: 2em
  }

  .editor-view>h3,
  .editor-view>h4 {
      font-size: 1.4em
  }

  .editor-view h2 img {
      margin-bottom: .8em
  }

  .editor-view p {
      font-size: 1em;
      margin-bottom: 1em
  }

  .editor-view blockquote {
      width: 95%;
      margin-bottom: 1.4em
  }

  .editor-view figure {
      margin-bottom: 1em
  }

  .editor-view table ol li,
  .editor-view table ul li,
  .editor-view>ol li,
  .editor-view>ul li {
      margin-bottom: .5em
  }

  .editor-view table ol li ol,
  .editor-view table ol li ul,
  .editor-view table ul li ol,
  .editor-view table ul li ul,
  .editor-view>ol li ol,
  .editor-view>ol li ul,
  .editor-view>ul li ol,
  .editor-view>ul li ul {
      margin-top: .5em
  }

  .editor-view.editor-view--static header {
      padding: 1.2em 0
  }

  .editor-view.editor-view--static>h2 {
      margin-bottom: .5em
  }
}