/*!
* 10/20/2019
* Version 1.0
* LP6 Shared Brand Var Translastion
* wsoe@apuswsoe.info
* Andrew Paulson
*/

/*** hi-contrast specific overrides ***/

/* buttons */
.hi a.button {
  font-family: var(--font-bold);
  font-weight: var(--font-weight-bold);
}
.hi .button.button-secondary {
  color: var(--color-sec-black);
}
.hi .button.button-tertiary {
  color: var(--color-sec-black);
}
.hi .nav-header .nav-list > li a.nav-cta {
  color: var(--color-sec-black);
}
.hi .button.button-secondary:hover, .hi .button.button-tertiary:hover {
  color: var(--color-sec-black);
}

/* alert */
.hi .alert {
  background-color: var(--color-sec-light--10);
}
.hi .alert-title {
  font-family: var(--font-text-bold);
}
.hi .alert-subtitle {
  font-family: var(--font-text-regular);
  font-weight: var(--font-text-weight-normal);
}
.hi .alert .alert-content a {
  color: var(--color-sec-black);
  font-family: var(--font-text-bold);
  font-weight: var(--font-text-weight-bold);
}

/* amu header -- blue becomes black */
.amu.hi .brand-header {
  background-color: var(--color-sec-black);
}
/* hero */
.amu.hi .hero-content.hero-rfi-form .hero-darken {
  background: var(--color-sec-black);
}

.hi .nav-header :focus {
  outline: 2px dashed var(--color-brand-tertiary);
}

/* footer */
.hi footer {
  background-color: var(--color-sec-black);
}
.hi footer p {
  font-size: 1rem;
  margin: 1rem 0;
}

/* text -- increase weight for added contrast */
html.hi, .hi body {
  color: var(--color-sec-black);
}
.hi p, .hi ul, .hi ol, .hi a {
  font-family: var(--font-text-regular);
  font-weight: var(--font-text-weight-normal);
}
.hi .fine, .hi .fine p {
  font-family: var(--font-text-regular);
  font-weight: var(--font-text-weight-normal);
  font-size: 1rem;
  line-height: 1.125;
}
.hi :focus {
  outline: 2px dashed var(--color-black-n-blue);
}

/* svgs */
.amu.hi #tuitionChart .grad .balloon {
  fill: var(--color-sec-black);
}
.apu.hi #tuitionChart .grad .balloon {
  fill: var(--color-brand-primary);
}

/* sections */
.hi .bg-primary, .hi .bg-secondary, .hi .bg-tertiary, .hi .bg-main {
  background-color: var(--color-sec-white);
}
.hi .bg-sec-dark, .hi .bg-sec-medium {
  background-color: var(--color-sec-light--10);
}
.hi #Grid {
  background-color: var(--color-sec-white) !important;
}

/* forms */
.hi input, .hi textarea, .hi select {
  font-family: var(--font-text-regular);
  font-weight: var(--font-text-weight-normal);
}
.hi .label {
  font-family: var(--font-text-regular);
  font-weight: var(--font-text-weight-normal);
}
.hi ::placeholder {
  color: var(--color-sec-black);
  opacity: 1;
}
.hi select, .hi input[type="text"], .hi input[type="email"], .hi input[type="tel"], .hi input[type="number"] {
  background: var(--color-sec-light--10);
}
.hi select:hover, .hi input:hover, .hi textarea:hover, .hi select:focus, .hi input:focus, .hi textarea:focus {
  background: var(--color-sec-white);
}
.hi #rfi-off-canvas select:focus, .hi #rfi-off-canvas input:active, .hi #rfi-off-canvas textarea:active, .hi #rfi-off-canvas select:focus, .hi #rfi-off-canvas input:focus, .hi #rfi-off-canvas textarea:focus, .hi #mktFrmSubmit:focus, .hi #lp5_apply_rfi:focus, .hi .hero-rfi-form a:focus {
  outline: 1px dashed var(--color-sec-white);
}

/* degree-finder */
.hi .degree-finder button.control {
  color: var(--color-sec-black);
  font-family: var(--font-bold);
  font-weight: var(--font-weight-bold);
}
.amu.hi .degree-finder button.control {
  color: var(--color-sec-white);
}
.amu.hi .degree-finder button.mixitup-control-active {
  color: var(--color-sec-black);
}
.apu.hi #Grid.creative .mixitup-control-active {
    color: var(--color-sec-black);
}