/**
 * Use this mixin to change the inherited font declaration 
 * of an element or container.
 */
/**
 * Overwrite elements whose properties are declared by a 3rd
 * party by setting all the font properties again.
 *
 * Examples: sales badges inherit font rules from WooCommerce plugin
 */
/**
 * Use this mixin on containers or elements, when you need 
 * to overwrite the universal selector (*) specificity
 *
 * Examples: input fields, image captions
 */
.editor-styles-wrapper figure > :not(:first-child) {
  margin-top: var(--theme-spacing-smallest);
}
.editor-styles-wrapper {
  /*------------------------------------*\
    #BLOCK PATTERNS SHOWCASE PAGES
  \*------------------------------------*/
}
.editor-styles-wrapper body.block-patterns {
  background: #F5F5F5;
  background: var(--sm-bg-color-2);
}
.editor-styles-wrapper .showcase-block-title {
  position: relative;
}
.editor-styles-wrapper .showcase-block-title * {
  font-weight: 400 !important;
  font-family: system-font-sans-serif-clear, "SF Pro Display", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
@media only screen and (min-width: 768px) {
  .editor-styles-wrapper .showcase-block-title .wp-block-group__inner-container > * {
    margin-left: 7.5%;
  }
  .editor-styles-wrapper .showcase-block-title:before {
    content: " ";
    position: absolute;
    top: 20px;
    left: 0px;
    width: 30px;
    height: 0px;
    border-top: 2px solid var(--sm-current-fg1-color);
    border-left: 2px solid var(--sm-current-fg1-color);
  }
}
@media only screen and (min-width: 768px) {
  .editor-styles-wrapper .showcase-block-title:not([class*=block-editor]) + div {
    box-shadow: 0 0 0 1px #E5E6E8;
    border-radius: 8px;
    overflow: hidden;
    transform-origin: 50% 0%;
    transform: scale(0.8);
    transition: all 0.4s ease;
    transition-property: all !important;
    --nb-emphasis-top-spacing: 1 !important;
    --nb-emphasis-bottom-spacing: 1 !important;
  }
  .editor-styles-wrapper .showcase-block-title:not([class*=block-editor]) + div:hover {
    transform: scale(1);
    border-radius: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .editor-styles-wrapper .showcase-block-title:not([class*=block-editor]) + div.nb-sidecar {
    background: var(--sm-current-bg-color, var(--nb-bg-color));
  }
}