/* v2.1.2 - hard font/style refresh for toolbar controls.
   Fixes font-size values typed manually in the toolbar not updating in mobile/editor/live because old layers
   used non-hyphenated mobile variables and stronger descendant selectors. */
html body .product-card [data-nc-child],
html body .page-title[data-nc-page-title]{
  font-size:var(--font-size, inherit)!important;
  font-family:var(--font-family, inherit)!important;
  color:var(--text-color, currentColor)!important;
  text-align:var(--text-align, inherit)!important;
  font-weight:var(--font-weight, inherit)!important;
}
html body.nc-editor-page.nc-editor-mobile-mode .product-card [data-nc-child],
html body.nc-editor-page.nc-editor-mobile-mode .page-title[data-nc-page-title],
html body.nc-mobile-portrait-page .product-card [data-nc-child],
html body.nc-mobile-portrait-page .page-title[data-nc-page-title]{
  font-size:var(--m-font-size, var(--font-size, inherit))!important;
  font-family:var(--m-font-family, var(--font-family, inherit))!important;
  color:var(--m-text-color, var(--text-color, currentColor))!important;
  text-align:var(--m-text-align, var(--text-align, inherit))!important;
  font-weight:var(--m-font-weight, var(--font-weight, inherit))!important;
}
html body .product-card [data-nc-child] h1,
html body .product-card [data-nc-child] h2,
html body .product-card [data-nc-child] h3,
html body .product-card [data-nc-child] p,
html body .product-card [data-nc-child] span,
html body .product-card [data-nc-child] strong,
html body .product-card [data-nc-child] small,
html body .product-card [data-nc-child] .nc-box-label,
html body .product-card [data-nc-child] .nc-content-label{
  font-size:inherit!important;
  font-family:inherit!important;
  color:inherit!important;
  text-align:inherit!important;
  font-weight:inherit!important;
}
html body.nc-editor-page .nc-element-toolbar input[data-tool="fontSize"]{
  min-width:58px!important;
  width:64px!important;
}