/*** Safe & Aware Custom Styles ***/
/* need these variables to pre-process */
#entry-id-4220 #navigation,
#entry-id-4220 .notTierThree.full-width-nav .brand-cta .more-menu-buttons {
  display: none;
}

#formcalc .form-group.row,
#formcalc .form-group.radio {
  display: flex;
  align-items: center;
}
#formcalc .form-group.row {
  margin-top: var(--spacing-small);
}
#formcalc .form-group.row label {
  min-width: 12rem;
  justify-content: flex-end;
}
#formcalc .form-group.row .radio label {
  min-width: auto;
}
#formcalc .form-group.row legend {
  min-width: 12rem;
  justify-content: flex-end;
  display: flex;
}
#formcalc label,
#formcalc p.label {
  padding-top: 0;
  margin-bottom: 0;
  margin-right: var(--spacing-small);
}
#formcalc .form-group.radio label {
  margin-right: var(--spacing-small);
  margin-left: var(--spacing-minimum);
}
#formcalc p.label {
  min-width: 12rem;
  display: flex;
  justify-content: flex-end;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
}
#formcalc input[type=number] {
  font-size: var(--font-size-base);
  padding: var(--spacing-xx-small);
  width: 5rem;
  height: 2.5rem;
}
#formcalc input[type=number],
#formcalc input[type=radio],
#formcalc input#result {
  margin-bottom: 0;
}
#formcalc select {
  font-size: var(--font-size-base);
  padding: var(--spacing-xx-small);
  height: 2.5rem;
  margin-left: var(--spacing-xx-small);
  background: var(--ps-pugh-blue-100);
  border-radius: 0.25rem;
  border-color: var(--ps-pugh-blue-300);
}
#formcalc .zone-results {
  margin-top: var(--spacing-standard);
}
#formcalc .zone-results p,
#formcalc .zone-results .baceffect {
  padding-top: var(--spacing-xx-small);
}
#formcalc .zone-results .baceffect {
  color: var(--primary-text-color);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-x-large);
}
#formcalc .zone-results #zone,
#formcalc .zone-results #effects {
  padding: var(--spacing-x-small);
}
#formcalc .zone-results #zone {
  font-size: var(--h4);
  font-weight: var(--font-weight-bold);
}
#formcalc a.button#reset {
  margin-top: var(--spacing-standard);
}

#bac-calc hr {
  margin: 0;
}

.bg-light-red,
.red-zone {
  background-color: var(--ps-discovery-salmon-150);
}

.bg-light-yellow,
.yellow-zone {
  background-color: var(--ps-keystone-yellow-100);
}

.bg-light-blue-2,
.blue-zone {
  background-color: var(--ps-sky-blue-100);
}

.form-group label {
  display: flex;
}

p.funded {
  font-style: italic;
}

.ml-2 {
  margin-left: 0.5rem !important;
  display: flex;
  flex-wrap: wrap;
}

#reset {
  display: none;
}

.yellow-zone,
.blue-zone,
.red-zone {
  color: var(--primary-text-color);
}

.yellow-zone h3,
.blue-zone h3,
.red-zone h3 {
  color: var(--primary-text-color) !important;
}

.yellow-zone-border {
  border-left: 1px solid var(--ps-keystone-yellow-100);
  border-right: 1px solid var(--ps-keystone-yellow-100);
  border-bottom: 1px solid var(--ps-keystone-yellow-100);
}

.blue-zone-border {
  border-left: 1px solid var(--ps-sky-blue-100);
  border-right: 1px solid var(--ps-sky-blue-100);
  border-bottom: 1px solid var(--ps-sky-blue-100);
}

.red-zone-border {
  border-left: 1px solid var(--ps-discovery-salmon-150);
  border-right: 1px solid var(--ps-discovery-salmon-150);
  border-bottom: 1px solid var(--ps-discovery-salmon-150);
}
