/* Demo Feature Styles
   This CSS does almost nothing—just defines a visible helper class
   you can toggle in JS to confirm that CSS and JS both load correctly.
*/

body.demo-active {
  background: black !important;
  /*color: white !important;*/
  transition: background .3s ease, color .3s ease;
}

body.demo-active::before {
  content: "OD Site Core Demo Active";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  font-family: sans-serif;
  font-size: 14px;
  background: #f00;
  color: #fff;
  padding: 4px 8px;
  border-bottom-right-radius: 6px;
}