.editor-styles-wrapper .panel, .lorem .panel {
  background: #edf5fa;
  padding: 25px 30px;
  margin: 35px 0;
}
.editor-styles-wrapper .panel.is-style-grey,
.lorem .panel.is-style-grey {
  background: #f1f1f1;
}
.editor-styles-wrapper .panel.is-style-yellow,
.lorem .panel.is-style-yellow {
  background: #fcfac5;
}
.editor-styles-wrapper .panel.is-style-white,
.lorem .panel.is-style-white {
  background: #fff;
}
.editor-styles-wrapper .panel.is-style-sb,
.lorem .panel.is-style-sb {
  background: #0a4a9d;
}
.editor-styles-wrapper .panel.is-style-space,
.lorem .panel.is-style-space {
  background: #00164d;
}
.editor-styles-wrapper .panel.is-style-yellow h1,
.editor-styles-wrapper .panel.is-style-yellow h2,
.editor-styles-wrapper .panel.is-style-yellow h3,
.editor-styles-wrapper .panel.is-style-yellow h4,
.editor-styles-wrapper .panel.is-style-yellow h5,
.editor-styles-wrapper .panel.is-style-yellow h6,
.lorem .panel.is-style-yellow h1,
.lorem .panel.is-style-yellow h2,
.lorem .panel.is-style-yellow h3,
.lorem .panel.is-style-yellow h4,
.lorem .panel.is-style-yellow h5,
.lorem .panel.is-style-yellow h6 {
  color: #252424 !important;
}
.editor-styles-wrapper .panel.is-style-red, .lorem .panel.is-style-red {
  background: #ffe7e7;
}
.editor-styles-wrapper .panel.is-style-red h1,
.editor-styles-wrapper .panel.is-style-red h2,
.editor-styles-wrapper .panel.is-style-red h3,
.editor-styles-wrapper .panel.is-style-red h4,
.editor-styles-wrapper .panel.is-style-red h5,
.editor-styles-wrapper .panel.is-style-red h6,
.lorem .panel.is-style-red h1,
.lorem .panel.is-style-red h2,
.lorem .panel.is-style-red h3,
.lorem .panel.is-style-red h4,
.lorem .panel.is-style-red h5,
.lorem .panel.is-style-red h6 {
  color: #9b1208 !important;
}
.editor-styles-wrapper .panel.ps,
.lorem .panel.ps {
  padding: 15px 20px;
}
.editor-styles-wrapper .panel.pl,
.lorem .panel.pl {
  padding: 35px 40px;
}
.editor-styles-wrapper .panel.pxl,
.lorem .panel.pxl {
  padding: 45px 50px;
}
.editor-styles-wrapper .panel.wl,
.lorem .panel.wl {
  margin: 0 auto;
  max-width: 950px;
}
.editor-styles-wrapper .panel.wm,
.lorem .panel.wm {
  margin: 0 auto;
  max-width: 750px;
}
.editor-styles-wrapper .panel.ws,
.lorem .panel.ws {
  margin: 0 auto;
  max-width: 600px;
}
.editor-styles-wrapper .panel.wxs,
.lorem .panel.wxs {
  margin: 0 auto;
  max-width: 425px;
}
.lorem .panel p:first-child,
.editor-styles-wrapper .panel p:first-child,
.lorem .panel p:first-child + h1,
.editor-styles-wrapper .panel p:first-child + h1,
.lorem .panel p:first-child + h2,
.editor-styles-wrapper .panel p:first-child + h2,
.lorem .panel p:first-child + h3,
.editor-styles-wrapper .panel p:first-child + h3,
.lorem .panel p:first-child + h4,
.editor-styles-wrapper .panel p:first-child + h4,
.lorem .panel p:first-child + h5,
.editor-styles-wrapper .panel p:first-child + h5,
.lorem .panel p:first-child + h6,
.editor-styles-wrapper .panel p:first-child + h6,
.lorem .panel > *:first-child,
.editor-styles-wrapper .panel > *:first-child {
  margin-top: 0 !important;
}
.lorem .panel p:empty,
.editor-styles-wrapper .panel p:empty {
  margin: 0;
}
.lorem .panel.is-style-grey figure.quote.is-style-lb .line:before,
.editor-styles-wrapper .panel.is-style-grey figure.quote.is-style-lb .line:before {
  background: #f1f1f1;
}
.lorem .panel.is-style-yellow figure.quote.is-style-lb .line:before,
.editor-styles-wrapper .panel.is-style-yellow figure.quote.is-style-lb .line:before {
  background: #feffeb;
}
.lorem .panel.is-style-red figure.quote.is-style-lb .line:before,
.editor-styles-wrapper .panel.is-style-red figure.quote.is-style-lb .line:before {
  background: #ffe7e7;
}
.lorem .panel.is-style-white figure.quote.is-style-lb .line:before,
.editor-styles-wrapper .panel.is-style-white figure.quote.is-style-lb .line:before {
  background: #fff;
}
.lorem .panel.is-style-sb figure.quote.is-style-lb .line:before,
.editor-styles-wrapper .panel.is-style-sb figure.quote.is-style-lb .line:before {
  background: #0077be;
}
@media only screen and (max-width: 650px) {

  .editor-styles-wrapper .panel, .lorem .panel {
      padding: 20px 25px;
    }

}

.lorem .panel .acf-innerblocks-container > *:first-child {
  margin-top: 0 !important;
}
.lorem .panel > .acf-innerblocks-container > *:last-child {
  margin-bottom: 0 !important;
}
.editor-styles-wrapper .panel > .acf-innerblocks-container > .wp-block:last-child > *,
.editor-styles-wrapper .panel > .acf-innerblocks-container > p:last-child {
  margin-bottom: 0 !important;
}
.editor-styles-wrapper .panel > .acf-innerblocks-container > .wp-block:first-child > *,
.editor-styles-wrapper .panel > .acf-innerblocks-container > p:first-child {
  margin-top: 0 !important;
}

/* Light panels with text on negative backgrounds (like Layout Bar) */
.lorem .neg .panel:not(.is-style-sb):not(.is-style-space) h1:not(.title),
.editor-styles-wrapper .neg .panel:not(.is-style-sb):not(.is-style-space) h1:not(.title),
.lorem .neg .panel:not(.is-style-sb):not(.is-style-space) h2:not(.title),
.editor-styles-wrapper .neg .panel:not(.is-style-sb):not(.is-style-space) h2:not(.title),
.lorem .neg .panel:not(.is-style-sb):not(.is-style-space) h3:not(.title),
.editor-styles-wrapper .neg .panel:not(.is-style-sb):not(.is-style-space) h3:not(.title),
.lorem .neg .panel:not(.is-style-sb):not(.is-style-space) h4:not(.title),
.editor-styles-wrapper .neg .panel:not(.is-style-sb):not(.is-style-space) h4:not(.title) {
  color: #00164d !important;
}
.lorem .neg .panel:not(.is-style-sb):not(.is-style-space) h5:not(.title),
.editor-styles-wrapper .neg .panel:not(.is-style-sb):not(.is-style-space) h5:not(.title) { 
    color: #0a4a9d !important;
}
.lorem .neg .panel:not(.is-style-sb):not(.is-style-space) h6:not(.title),
.editor-styles-wrapper .neg .panel:not(.is-style-sb):not(.is-style-space) h6:not(.title) { 
    color: #000 !important;
}