/* VivaStage desktop width override
   Import this stylesheet after vivastage.css in an existing Bootstrap Studio design. */

@media (min-width: 981px) {
  .site-header {
    padding-left: max(28px, 50vw - 680px);
    padding-right: max(28px, 50vw - 680px);
  }
}

@media (min-width: 981px) {
  .hero {
    padding-left: max(28px, 50vw - 680px);
    padding-right: max(28px, 50vw - 680px);
  }
}

@media (min-width: 981px) {
  .problem-section, .workflow-section, .audience-section, .editions-section, .detail-section, .sub-hero, .page-section, footer {
    padding-left: max(28px, 50vw - 620px);
    padding-right: max(28px, 50vw - 620px);
  }
}

html:not([data-theme="light"]) h1 em {
  color: #68C4FF;
}

html:not([data-theme="light"]) .eyebrow {
  color: #68C4FF;
}

html:not([data-theme="light"]) .section-index {
  color: #68C4FF;
}