/** Set Gutenberg metabox styles **/
.js.block-editor-page {
  /** Inheriting ul/ol from bootstrap styles since Gutenberg isn't very smart. **/
}

.js.block-editor-page h1, .js.block-editor-page h2, .js.block-editor-page h3, .js.block-editor-page h4, .js.block-editor-page h5, .js.block-editor-page h6 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  color: #3c434a;
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox .handlediv {
  background-image: url("data:image/svg+xml,%3Csvg class='components-panel__arrow' width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' role='img' aria-hidden='true' focusable='false'%3E%3Cg%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,8l-6,6l1.41,1.41L12,10.83l4.59,4.58L18,14L12,8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  z-index: 1;
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox .handlediv .toggle-indicator:before {
  content: "";
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox h2.hndle, .js.block-editor-page #bgtfw-attributes-meta-box.postbox h3.hndle {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: #191e23;
  cursor: pointer;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out;
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox h2.hndle:hover, .js.block-editor-page #bgtfw-attributes-meta-box.postbox h3.hndle:hover {
  background: #f3f4f5;
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox h2.hndle:focus, .js.block-editor-page #bgtfw-attributes-meta-box.postbox h3.hndle:focus {
  color: #191e23;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-offset: -2px;
  outline: 1px dotted #555d66;
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox.closed .handlediv {
  background-image: url("data:image/svg+xml,%3Csvg class='components-panel__arrow' width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' role='img' aria-hidden='true' focusable='false'%3E%3Cg%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath d='M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox.closed .handlediv .toggle-indicator:before {
  content: "";
}

.js.block-editor-page #bgtfw-attributes-meta-box.postbox .bgtfw-misc-pub-section {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  padding: 6px 15px 8px;
}

.js.block-editor-page #customize-control-bgtfw_layout_blog.customize-control-kirki-radio label input[type="radio"], .js.block-editor-page #customize-control-bgtfw_layout_page input[type="radio"], .js.block-editor-page #customize-control-bgtfw_blog_blog_page_sidebar input[type="radio"], .js.block-editor-page #customize-control-bgtfw_blog_blog_page_sidebar2 input[type="radio"], .js.block-editor-page #customize-control-bgtfw_layout_blog input[type="radio"] {
  width: 32px;
  height: 32px;
  margin: 4px 12px 4px 0;
}

.js.block-editor-page .template-subtitle {
  margin-left: 47px;
}

.js.block-editor-page .edit-post-sidebar ul,
.js.block-editor-page .edit-post-sidebar ol {
  margin-bottom: 0;
  margin-top: 0;
}

.post-attributes-advanced-wrap {
  padding: 0px 12px;
}

/** Gutenberg Styles **/
.gutenberg .edit-post-visual-editor .editor-post-title__block,
.gutenberg .edit-post-visual-editor .editor-block-list__block {
  max-width: calc( 100% - 58px);
}

.gutenberg .edit-post-visual-editor, .gutenberg .edit-post-visual-editor p {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.gutenberg .wp-block-freeform.core-blocks-rich-text__tinymce li,
.gutenberg .wp-block-freeform.core-blocks-rich-text__tinymce p {
  line-height: inherit;
}

.components-popover input[type=search].editor-inserter__search {
  width: auto;
}

.editor-post-featured-image__toggle {
  color: #24272a;
}

.components-panel select, .components-panel select:hover, .components-panel select:focus,
.components-panel input[type="text"],
.components-panel input[type="text"]:hover,
.components-panel input[type="text"]:focus {
  background-color: #fff;
  color: #000;
  height: auto;
  width: auto;
}

.components-panel h2 {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
}