/* DRE editor preview styles */

/* ======================================================
   SOLID BLOCKS
====================================================== */

/* Solid Blue */
.editor-styles-wrapper .is-style-dre-block-solid-blue .wp-block-heading {
  background-color: #18A5DD;
  color: #ffffff;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-solid-blue .wp-block-heading + .wp-block-heading {
  color: #ED4DB4;
}

/* Solid Pink */
.editor-styles-wrapper .is-style-dre-block-solid-pink .wp-block-heading {
  background-color: #ED4DB4;
  color: #ffffff;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-solid-pink .wp-block-heading + .wp-block-heading {
  color: #4F535D;
}

/* Solid Grey */
.editor-styles-wrapper .is-style-dre-block-solid-grey .wp-block-heading {
  background-color: #4F535D;
  color: #ffffff;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-solid-grey .wp-block-heading + .wp-block-heading {
  color: #ED4DB4;
}

/* ======================================================
   SOFT BLOCKS
====================================================== */

/* Soft Blue */
.editor-styles-wrapper .is-style-dre-block-soft-blue .wp-block-heading {
  background-color: #F8F8F9;
  color: #18A5DD;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-soft-blue .wp-block-heading + .wp-block-heading {
  color: #ED4DB4;
}

/* Soft Pink */
.editor-styles-wrapper .is-style-dre-block-soft-pink .wp-block-heading {
  background-color: #F8F8F9;
  color: #ED4DB4;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-soft-pink .wp-block-heading + .wp-block-heading {
  color: #4F535D;
}

/* Soft Grey */
.editor-styles-wrapper .is-style-dre-block-soft-grey .wp-block-heading {
  background-color: #F8F8F9;
  color: #4F535D;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-soft-grey .wp-block-heading + .wp-block-heading {
  color: #ED4DB4;
}

/* Soft White */
.editor-styles-wrapper .is-style-dre-block-soft-white .wp-block-heading {
  background-color: #ffffff;
  color: #4F535D;
  padding: 14px 18px;
}

.editor-styles-wrapper .is-style-dre-block-soft-white .wp-block-heading + .wp-block-heading {
  color: #ED4DB4;
}

/* ======================================================
   TITLE BLOCK
====================================================== */

.editor-styles-wrapper
.wp-block-group.is-style-dre-title-block h1 {
    background:#18A5DD !important;
    color:#ffffff !important;
    font-weight:800;
    padding:18px 24px;
}

.editor-styles-wrapper
.wp-block-group.is-style-dre-title-block > p {
    padding:16px 24px;
    color:#333;
    line-height:1.55;
}