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

/*! LP6 style variables */

:root {
  /*** new shared brand variables so single stylesheet can be used ***/
  /*** Brand Primary Colors ***/
  --color-brand-primary: var(--color-pri-black);
  --color-brand-secondary: var(--color-pri-aqua-blue);
  --color-brand-tertiary: var(--color-pri-bright-yellow);
  --color-brand-quaternary: var(--color-pri-green);
  --color-brand-primary--rgb: var(--color-pri-black--rgb);
  --color-brand-secondary--rgb: var(--color-pri-aqua-blue--rgb);
  --color-brand-tertiary--rgb: var(--color-pri-bright-yellow--rgb);
  --color-brand-quaternary--rgb: var(--color-pri-green--rgb);
  /* Brand Primary Tints */
  --color-brand-primary--80: var(--color-pri-black--80);
  --color-brand-primary--60: var(--color-pri-black--60);
  --color-brand-primary--40: var(--color-pri-black--40);
  --color-brand-primary--20: var(--color-pri-black--20);
  --color-brand-primary--10: var(--color-pri-black--10);
  /* Brand Secondary Tints */
  --color-brand-secondary--80: var(--color-pri-aqua-blue--80);
  --color-brand-secondary--60: var(--color-pri-aqua-blue--60);
  --color-brand-secondary--40: var(--color-pri-aqua-blue--40);
  --color-brand-secondary--20: var(--color-pri-aqua-blue--20);
  --color-brand-secondary--10: var(--color-pri-aqua-blue--10);
  /* Brand Tertiary Tints */
  --color-brand-tertiary--80: var(--color-pri-bright-yellow--80);
  --color-brand-tertiary--60: var(--color-pri-bright-yellow--60);
  --color-brand-tertiary--40: var(--color-pri-bright-yellow--40);
  --color-brand-tertiary--20: var(--color-pri-bright-yellow--20);
  --color-brand-tertiary--10: var(--color-pri-bright-yellow--10);
  /* Brand Quaternary Tints */
  --color-brand-quaternary--80: var(--color-pri-green--80);
  --color-brand-quaternary--60: var(--color-pri-green--60);
  --color-brand-quaternary--40: var(--color-pri-green--40);
  --color-brand-quaternary--20: var(--color-pri-green--20);
  --color-brand-quaternary--10: var(--color-pri-green--10);

  /*** Brand Secondary Colors ***/
  --color-sec-dark: var(--color-sec-dark-gray);
  --color-sec-medium: var(--color-sec-medium-gray);
  --color-sec-light: var(--color-sec-light-gray);
  /* Brand Secondary Dark Tints */
  --color-sec-dark--80: var(--color-sec-dark-gray--80);
  --color-sec-dark--60: var(--color-sec-dark-gray--60);
  --color-sec-dark--40: var(--color-sec-dark-gray--40);
  --color-sec-dark--20: var(--color-sec-dark-gray--20);
  --color-sec-dark--10: var(--color-sec-dark-gray--10);
  /* Brand Secondary Medium Tints */
  --color-sec-medium--80: var(--color-sec-medium-gray--80);
  --color-sec-medium--60: var(--color-sec-medium-gray--60);
  --color-sec-medium--40: var(--color-sec-medium-gray--40);
  --color-sec-medium--20: var(--color-sec-medium-gray--20);
  --color-sec-medium--10: var(--color-sec-medium-gray--10);
  /* Brand Secondary Light Tints */
  --color-sec-light--80: var(--color-sec-light-gray--80);
  --color-sec-light--60: var(--color-sec-light-gray--60);
  --color-sec-light--40: var(--color-sec-light-gray--40);
  --color-sec-light--20: var(--color-sec-light-gray--20);
  --color-sec-light--10: var(--color-sec-light-gray--10);

  /* Brand Specialty Colors */
  --color-brand-gradient: linear-gradient(180deg, var(--color-brand-secondary) 0%, var(--color-brand-tertiary) 100%);
  --color-black-n-blue: var(--color-brand-primary);
  --color-black-n-blue--rgb: var(--color-brand-primary--rgb);

  /* Heading and Highlights font */
  --font: var(--font-barlow-condensed);
  --font-regular: var(--font-barlow-condensed);
  --font-medium: var(--font-barlow-condensed);
  --font-bold: var(--font-barlow-condensed);

  /* All other text font */
  --font-text: var(--font-barlow);
  --font-text-regular: var(--font-barlow);
  --font-text-medium: var(--font-barlow);
  --font-text-bold: var(--font-barlow);

  /* text weights */
  --font-text-weight-light: var(--font-weight-light) !important;
  --font-text-weight-normal: var(--font-weight-normal) !important;
  --font-text-weight-medium: var(--font-weight-medium) !important;
  --font-text-weight-semibold: var(--font-weight-semibold) !important;
  --font-text-weight-bold: var(--font-weight-bold) !important;

  /* old charts conversion */
  --color-chart-primary: var(--color-brand-primary);
  --color-chart-secondary: var(--color-sec-medium);
}

/*** component-specific overrides ***/
h1, h2, h3, h4, h5, h6 {
	color: var(--color-brand-primary);
}
.apu h1 {
  font-size: 3.875rem;
}
.apu h2 {
  font-size: 3rem;
}
.apu h3 {
  font-size: 2.25rem;
}
.apu h4 {
  font-size: 1.5rem;
}
.apu h5 {
  font-size: 1.25rem;
}
.apu h6 {
  font-size: 1.125rem;
}
#lp5_apply_rfi {
  top: 3px;
  padding-bottom: 3px;
}
/* buttons */
.apu button, .apu .button, .apu input[type="submit"], .apu input[type="reset"], .apu input[type="button"] {
  border-radius: 2rem;
  padding: 1rem 1.75rem;
}
.apu .button-size-large {
  font-size: 1.125rem;
}
/* apu list-badge icon */
.apu .list-badge li::before {
  background: url("/common/images/icons/badge-apu.svg") no-repeat;
}
/* military and vertical slide color overrides */
.apu .slider-vertical.slider-vertical-link .slide-title a:focus, .apu .slider-military.slider-military-link .slide-title a:focus {
  background-color: var(--color-brand-tertiary--20);
}
.apu .slider-vertical.slider-vertical-link li:hover .slide-title:hover, .apu .slider-military.slider-military-link li:hover .slide-title:hover {
  background-color: var(--color-brand-tertiary--20);
}
.apu .slider .slick-active button {
  color: var(--color-sec-black);
}
.apu .slider-basic.slick-initialized .slick-dots li.slick-active button, .apu .slider-military.slick-initialized .slick-dots li.slick-active button, .apu .slider-military.invert.slick-initialized .slick-dots li.slick-active button, .apu .slider-vertical.slick-initialized .slick-dots li.slick-active button, .apu .slider-minimal.slick-initialized .slick-dots li.slick-active button, .slider-minimal.slick-initialized .slick-dots li button:hover {
  background-color: var(--color-brand-quaternary);
}
/* hero / header border */
.apu .hero-viewport.hero-rfi {
	border-top: 2px solid var(--color-sec-white);
}
.apu .brand-header.gradient + main .hero-viewport.hero-rfi {
	border-top: 2px solid var(--color-sec-black);
}
/* list counters */

.apu .list-marker > li::before {
  color: var(--color-brand-secondary);
}

/* focus */
.apu *:focus {
	outline: 2px dashed var(--color-brand-primary);
}
.apu .bg-primary--full *:focus, .apu .bg-sec-black *:focus, .apu .black-n-blue *:focus, .apu .bg-black-n-blue *:focus, .apu .bg-primary--full li.slick-slide:focus > div, .apu .bg-sec-black li.slick-slide:focus > div, .apu .black-n-blue li.slick-slide:focus > div, .apu .bg-black-n-blue li.slick-slide:focus > div {
	outline: 2px dashed var(--color-brand-tertiary);
}
.apu li.slick-slide:focus {
  outline: none;
}
.apu li.slick-slide:focus > div {
  outline: 2px dashed var(--color-brand-secondary);
}
.apu .hero-header h1 {
  text-shadow: none;
}