/**
 * Used to style the editor
 */

/** === Classic Editor === */
/* Classic Editor */
.content {
  max-width: 690px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: #333333;
  background: #fff;
  padding: 40px;
  margin-left: 40px;
  margin-top: 40px;
}

.content blockquote p:first-child {
  font-size: 1.75rem;
}

.vs-embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.vs-embed-responsive:before {
  display: block;
  content: "";
}

.vs-embed-responsive iframe,
.vs-embed-responsive embed,
.vs-embed-responsive object,
.vs-embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.vs-embed-responsive:before {
  padding-top: 56.25%;
}

/* Classic Editor Block */
/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
.wp-block[data-type="core/freeform"] .mce-btn i {
  font-family: dashicons !important;
}

/** === Gutenberg Editor === */
/* Editor Frame */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: #fff;
  color: #121416;
}

body .wp-block:not([data-align]) {
  max-width: 690px;
}

body .wp-block[data-align="left"],
body .wp-block[data-align="right"],
body .wp-block[data-align="center"] {
  max-width: 690px;
}

body.sidebar-enabled.post-sidebar-disabled .wp-block[data-align="wide"],
body.sidebar-enabled.post-sidebar-disabled .wp-block[data-align="full"] {
  max-width: 690px;
}

body.sidebar-enabled .wp-block[data-align="wide"],
body.sidebar-enabled .wp-block[data-align="full"] {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}

body.sidebar-enabled .components-button .dashicons-align-wide,
body.sidebar-enabled .components-button .dashicons-align-full-width {
  cursor: default;
  opacity: 0.25;
}

body.sidebar-disabled .wp-block[data-align="wide"] {
  max-width: 1160px;
}

@media (min-width: 1020px) {
  body.sidebar-disabled .wp-block[data-align="wide"],
  body.sidebar-disabled .wp-block[data-align="full"] {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

body.post-type-page .wp-block:not([data-align]) {
  max-width: 800px;
}

body.post-type-page .wp-block[data-align="left"],
body.post-type-page .wp-block[data-align="right"],
body.post-type-page .wp-block[data-align="center"] {
  max-width: 800px;
}

body.post-type-page .wp-block[data-align="wide"] {
  max-width: 800px;
}

body.post-type-page.sidebar-enabled .wp-block[data-align="wide"],
body.post-type-page.sidebar-enabled .wp-block[data-align="full"] {
  max-width: 800px;
}

body.post-type-page.sidebar-disabled .wp-block:not([data-align]) {
  max-width: 1160px;
}

body.post-type-page.sidebar-disabled .wp-block[data-align="wide"] {
  max-width: 1160px;
}

body.post-type-page.sidebar-disabled .wp-block[data-align="left"],
body.post-type-page.sidebar-disabled .wp-block[data-align="right"],
body.post-type-page.sidebar-disabled .wp-block[data-align="center"] {
  max-width: 1160px;
}

body.post-type-page.sidebar-disabled .components-button .dashicons-align-wide {
  cursor: default;
  opacity: 0.25;
}

body .wp-block .wp-block {
  width: 100%;
}

.editor-post-title__block .editor-post-title__input {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #333333;
}

.block-editor-block-list__layout {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: #333333;
}

.block-editor-block-list__layout .wp-block {
  margin-top: 32px;
  margin-bottom: 32px;
}

.block-editor-block-list__layout > .wp-block:first-child {
  margin-top: 0;
}

.block-editor-block-list__layout > .wp-block:last-child {
  margin-bottom: 0;
}

.block-editor-block-list__layout > .wp-block:first-child > .wp-block-paragraph {
  margin-top: 0;
}

.block-editor-block-list__layout > .wp-block:last-child > .wp-block-paragraph {
  margin-bottom: 0;
}

.block-editor-block-list__layout > .wp-block[data-type="core/column"] .wp-block:first-child,
.block-editor-block-list__layout > .wp-block[data-type="canvas/tabs"] .wp-block:first-child,
.block-editor-block-list__layout > .wp-block[data-type="canvas/alert"] .wp-block:first-child {
  margin-top: 32px;
}

.block-editor-block-list__layout > .wp-block[data-type="core/column"] .wp-block:last-child,
.block-editor-block-list__layout > .wp-block[data-type="canvas/tabs"] .wp-block:last-child,
.block-editor-block-list__layout > .wp-block[data-type="canvas/alert"] .wp-block:last-child {
  margin-bottom: 32px;
}

.block-editor-block-list__layout > .wp-block[data-type="core/column"] .wp-block:first-child > .wp-block-paragraph,
.block-editor-block-list__layout > .wp-block[data-type="canvas/tabs"] .wp-block:first-child > .wp-block-paragraph,
.block-editor-block-list__layout > .wp-block[data-type="canvas/alert"] .wp-block:first-child > .wp-block-paragraph {
  margin-top: 32px;
}

.block-editor-block-list__layout > .wp-block[data-type="core/column"] .wp-block:last-child > .wp-block-paragraph,
.block-editor-block-list__layout > .wp-block[data-type="canvas/tabs"] .wp-block:last-child > .wp-block-paragraph,
.block-editor-block-list__layout > .wp-block[data-type="canvas/alert"] .wp-block:last-child > .wp-block-paragraph {
  margin-bottom: 32px;
}

/* Heading */
.wp-block[data-type="core/heading"] h1.editor-rich-text__tinymce, .wp-block[data-type="core/heading"] h2.editor-rich-text__tinymce, .wp-block[data-type="core/heading"] h3.editor-rich-text__tinymce, .wp-block[data-type="core/heading"] h4.editor-rich-text__tinymce, .wp-block[data-type="core/heading"] h5.editor-rich-text__tinymce, .wp-block[data-type="core/heading"] h6.editor-rich-text__tinymce {
  line-height: 1.25;
}

/* Image */
.wp-block[data-type="core/image"][data-align="left"] figcaption,
.wp-block[data-type="core/image"][data-align="right"] figcaption,
.wp-block[data-type="core/image"][data-align="center"] figcaption,
.wp-block[data-type="core/image"][data-align="wide"] figcaption,
.wp-block[data-type="core/image"][data-align="full"] figcaption {
  text-align: initial;
}

@media (min-width: 600px) {
  .wp-block[data-type="core/image"][data-align="left"] figcaption,
  .wp-block[data-type="core/image"][data-align="right"] figcaption,
  .wp-block[data-type="core/image"][data-align="center"] figcaption,
  .wp-block[data-type="core/image"][data-align="wide"] figcaption,
  .wp-block[data-type="core/image"][data-align="full"] figcaption {
    text-align: center;
  }
}

/* Block Sizes */
.wp-block[data-align="left"] .wp-block-cover,
.wp-block[data-align="left"] .wp-block-image,
.wp-block[data-align="right"] .wp-block-cover,
.wp-block[data-align="right"] .wp-block-image {
  max-width: 100%;
}

/* Gallery */
.wp-block-gallery .blocks-gallery-image .editor-rich-text,
.wp-block-gallery .blocks-gallery-item .editor-rich-text {
  position: relative;
}

.wp-block-gallery .blocks-gallery-image .editor-rich-text figcaption,
.wp-block-gallery .blocks-gallery-item .editor-rich-text figcaption {
  padding: 0;
}

/* Pullquote */
.wp-block[data-type="core/pullquote"] .wp-block-pullquote blockquote > .editor-rich-text p {
  font-size: 1.75rem;
  line-height: 1.5;
}

.wp-block[data-type="core/pullquote"] .wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"] .wp-block-pullquote.alignright blockquote > .editor-rich-text p {
  font-size: 1.25rem;
}

/* Block Alignment */
@media (min-width: 600px) {
  .block-editor-block-list__layout .wp-block[data-align=left][data-type="core/cover"] > .is-block-content,
  .block-editor-block-list__layout .wp-block[data-align=right][data-type="core/cover"] > .is-block-content,
  .block-editor-block-list__layout .wp-block[data-align=left][data-type="core/group"] > .is-block-content,
  .block-editor-block-list__layout .wp-block[data-align=right][data-type="core/group"] > .is-block-content {
    max-width: 50%;
    width: 100%;
  }
}
