/* GrapesJS output on live ProdBy pages */
.grapesjs-render,
.visual-editor-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  line-height: 1.5;
  color: inherit;
  overflow-wrap: anywhere;
}

.prodby-visual-html {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.grapesjs-render img,
.grapesjs-render video,
.visual-editor-content img,
.visual-editor-content video {
  max-width: 100%;
  height: auto;
}

.grapesjs-render iframe,
.grapesjs-render embed,
.visual-editor-content iframe,
.visual-editor-content embed {
  max-width: 100%;
}

.grapesjs-render a {
  color: inherit;
}

.grapesjs-render section,
.grapesjs-render header,
.grapesjs-render footer,
.grapesjs-render nav,
.visual-editor-content section,
.visual-editor-content header,
.visual-editor-content footer,
.visual-editor-content nav {
  box-sizing: border-box;
  max-width: 100%;
}

.grapesjs-render *,
.visual-editor-content * {
  box-sizing: border-box;
}

/* Responsive video embed wrappers (GrapesJS) */
.visual-editor-content [style*="padding-bottom"],
.grapesjs-render [style*="padding-bottom"] {
  max-width: 100%;
  overflow: hidden;
}

.visual-editor-content [style*="padding-bottom"] iframe,
.grapesjs-render [style*="padding-bottom"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}