:root {
  --blue-yonder-font-family: "Accord", sans-serif;
  --blue-yonder-heading-font-family: "Open Sans", Arial, Helvetica;
  --blue-yonder-white: #fff;
  --blue-yonder-midnightblue-200: #000e4e;
  --blue-yonder-primary: #00b7f1;
  --rf-brand-font-family: var(--blue-yonder-font-family);
  --rf-brand-font-family-heading: var(--blue-yonder-heading-font-family);
  --rf-brand-color-primary: var(--blue-yonder-primary);
  --rf-comp-button-primary-color-background: var(--blue-yonder-primary);
  --rf-comp-button-primary-color-border: var(--blue-yonder-primary);
  --rf-comp-button-primary-hover-color-background: var(--blue-yonder-midnightblue-200);
  --rf-comp-button-primary-color-on-background: var(--blue-yonder-white);
  --rf-comp-link-hover-color: var(--blue-yonder-midnightblue-200);
  --rf-comp-link-color: var(--blue-yonder-primary);
  --rf-comp-button-secondary-hover-color-on-background: var(--blue-yonder-midnightblue-200);
  --rf-comp-button-secondary-color-on-background: var(--blue-yonder-primary);
  --rf-comp-button-secondary-hover-color-on-background: var(--blue-yonder-midnightblue-200);
  --rf-comp-button-secondary-color-border: var(--blue-yonder-primary);
  --rf-comp-button-secondary-hover-color-border: var(--blue-yonder-midnightblue-200);
  --rf-brand-color-widget-background: transparent;
}

* {
  box-sizing: border-box;
}

body,
html,
.rf-body,
.rf-workflow {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: 100%;
}

a:link, a:visited {
  color: var(--blue-yonder-midnightblue-200, #000e4e);
  text-decoration: underline;
  text-decoration-color: var(--blue-yonder-primary, #00b7f1);
}
a:active, a:focus, a:hover, a:visited:focus, a:visited:hover {
  color: var(--blue-yonder-primary, #00b7f1);
  text-decoration: underline;
  text-decoration-color: var(--blue-yonder-primary, #00b7f1);
}

ol,
ul {
  display: list-item;
}

body {
  display: flex;
  flex-direction: column;
}

.rf-workflow {
  flex: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--blue-yonder-midnightblue-200, #000e4e);
  font-weight: 200;
}

.rfComp-canvas h1 {
  color: var(--blue-yonder-midnightblue-200, #000e4e);
  font-family: "Sectra", serif;
  font-size: 1.75rem;
  font-weight: 500;
}

.rfComp-canvas h2 {
  font-weight: 200;
}

.rfComp-canvas * {
  font-size: 1rem;
}

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.mdBtnR {
  border-radius: 4px;
  padding: 8px 16px;
}

.confirm .mdBtnR-text {
  color: var(--blue-yonder-white, #fff);
}

.rfComp-canvas .cfp-home-page .rf-text-container h3 {
  margin-bottom: 0;
  margin-top: 16px;
}

.rf-workflow-body-content .page-builder-display-reset.has-panel-left {
  max-width: 100%;
}

.page-builder-display-reset .page-builder-canvas,
.page-builder-template-preview .page-builder-canvas {
  width: 1000px;
  min-width: 80%;
}