/**
 * Blocksy - v1.8.39
 * 
 * Copyright (c) 2022
 * Licensed GPLv2+
 */

.ct-theme-editor-styles.ct-structure-narrow .editor-styles-wrapper {
  --block-max-width: var(--narrow-container-max-width);
  --wide-block-max-width: calc(
  	var(--narrow-container-max-width) + var(--wide-offset) * 2
  );
}
.ct-theme-editor-styles.ct-structure-normal .editor-styles-wrapper {
  --block-max-width: var(--normal-container-max-width);
  --wide-block-max-width: calc(
  	var(--normal-container-max-width) + var(--wide-offset) * 2
  );
}
.ct-theme-editor-styles .edit-post-layout .edit-post-visual-editor {
  background-color: #fcfcfc;
}
.ct-theme-editor-styles .edit-post-layout .edit-post-visual-editor .edit-post-visual-editor__content-area > div {
  border: none !important;
  border-radius: initial !important;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.08);
}
.ct-theme-editor-styles .edit-post-layout .edit-post-visual-editor .edit-post-visual-editor__content-area > div.is-desktop-preview {
  height: initial !important;
}

.edit-post-layout__metaboxes:not(:empty) {
  background: #fff;
}
.edit-post-layout__metaboxes:not(:empty):not(:last-child) {
  padding: 0 0 24px 0;
}
.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
  margin: auto;
}
.edit-post-layout__metaboxes:not(:empty) .postbox-header {
  padding: 0 12px;
}
.edit-post-layout__metaboxes:not(:empty) .postbox > .inside {
  padding: 0 12px 20px 12px;
}

.ct-meta-box .ct-control > header,
.ct-meta-box .ct-controls-group > header {
  --flex: 0 0 20%;
  max-width: 20%;
  align-self: flex-start;
}
.ct-meta-box .ct-control > section,
.ct-meta-box .ct-controls-group > section {
  width: 80%;
  max-width: 700px;
}
.ct-meta-box .ct-control[data-design=inline] .ct-option-description,
.ct-meta-box .ct-controls-group[data-design=inline] .ct-option-description {
  width: 80%;
  max-width: 700px;
  margin: 10px 0 0 20%;
}
.ct-meta-box .ct-tabs > ul > li {
  max-width: 120px;
  background: #f3f3f3;
}
.ct-meta-box .ct-tabs > ul > li.active:after {
  background: #fff;
}

button .ct-page-options-trigger {
  display: flex;
  align-items: center;
  height: 34px;
  margin: -6px;
  padding: 0 7px;
  border-radius: 4px;
}
button.is-pressed .ct-page-options-trigger {
  background: #555d66;
  border-color: #555d66;
}

@media (min-width: 782px) {
  body .edit-post-layout.is-sidebar-opened .edit-post-sidebar {
    width: 320px !important;
  }
  body .edit-post-layout.is-sidebar-opened .edit-post-layout__content {
    margin-right: 320px !important;
  }
}
.blocksy-sidebar-active .edit-post-sidebar > .edit-post-sidebar-header,
.blocksy-sidebar-active .edit-post-sidebar > .interface-complementary-area-header {
  display: none;
}

.ct-panel-options-header {
  display: flex;
  align-items: center;
  margin: 0 -12px;
  padding-inline-end: 4px;
  border-top: none;
}
.ct-panel-options-header button:not(:last-of-type) {
  margin-inline-start: auto;
}

.ct-components-panel {
  height: 100% !important;
  border-bottom: none;
  background: #fcfcfc;
}

#ct-page-options {
  height: 100%;
  overflow: scroll;
}
#ct-page-options > .ct-options-container {
  padding: 0 12px 30px 12px;
  transition: 180ms transform cubic-bezier(0.645, 0.045, 0.355, 1);
}

#ct-page-options {
  --optionBorderColor: #e2e4e7;
}
#ct-page-options .ct-tabs > ul > li.active:after {
  background: #fcfcfc;
}
#ct-page-options [data-spacing=custom] {
  padding: 0 3px;
}
#ct-page-options .ct-panel.ct-click-allowed:hover:before {
  background: #f7f7f7;
}
#ct-page-options .customize-panel-actions {
  align-items: center;
  background: #f3f4f5;
  border-bottom-color: #e2e4e7;
}
#ct-page-options .customize-panel-actions button {
  height: 49px;
  background: #f3f4f5;
  border-left-color: #f3f4f5;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background 0.15s ease-in-out;
}
#ct-page-options .customize-panel-actions button:before {
  font-size: 16px;
}
#ct-page-options .customize-panel-actions button:hover {
  color: #0073aa;
}
#ct-page-options .customize-panel-actions h3 {
  font-size: 13px !important;
  font-weight: 600;
  padding: 0 0 0 14px;
}
#ct-page-options .ct-customizer-panel {
  background: #fcfcfc;
  border-top: none;
  border-bottom: none;
}