/*!
* 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-royal-blue);
  --color-brand-secondary: var(--color-pri-blue-gray);
  --color-brand-tertiary: var(--color-pri-yellow);
  --color-brand-quaternary: var(--color-brand-tertiary);
  --color-brand-primary--rgb: var(--color-pri-royal-blue--rgb);
  --color-brand-secondary--rgb: var(--color-pri-blue-gray--rgb);
  --color-brand-tertiary--rgb: var(--color-pri-yellow--rgb);
  --color-brand-quaternary--rgb: var(--color-brand-tertiary--rgb);
  /* Brand Primary Tints */
  --color-brand-primary--80: var(--color-pri-royal-blue--80);
  --color-brand-primary--60: var(--color-pri-royal-blue--60);
  --color-brand-primary--40: var(--color-pri-royal-blue--40);
  --color-brand-primary--20: var(--color-pri-royal-blue--20);
  --color-brand-primary--10: var(--color-pri-royal-blue--10);
  /* Brand Secondary Tints */
  --color-brand-secondary--80: var(--color-pri-blue-gray--80);
  --color-brand-secondary--60: var(--color-pri-blue-gray--60);
  --color-brand-secondary--40: var(--color-pri-blue-gray--40);
  --color-brand-secondary--20: var(--color-pri-blue-gray--20);
  --color-brand-secondary--10: var(--color-pri-blue-gray--10);
  /* Brand Tertiary Tints */
  --color-brand-tertiary--80: var(--color-pri-yellow--80);
  --color-brand-tertiary--60: var(--color-pri-yellow--60);
  --color-brand-tertiary--40: var(--color-pri-yellow--40);
  --color-brand-tertiary--20: var(--color-pri-yellow--20);
  --color-brand-tertiary--10: var(--color-pri-yellow--10);
  /* Brand Tertiary Tints */
  --color-brand-quaternary--80: var(--color-brand-tertiary--80);
  --color-brand-quaternary--60: var(--color-brand-tertiary--60);
  --color-brand-quaternary--40: var(--color-brand-tertiary--40);
  --color-brand-quaternary--20: var(--color-brand-tertiary--20);
  --color-brand-quaternary--10: var(--color-brand-tertiary--10);

  /* Brand Specialty Colors */
  --color-black-n-blue: var(--color-sec-black);
  --color-black-n-blue--rgb: 0, 0, 0;

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

  /* Brand Specialty Colors */
  --color-brand-gradient: var(--color-sec-light--20);

  /* Heading and Highlights font */
  --font: var(--font-din-light);
  --font-regular: var(--font-din-regular);
  --font-medium: var(--font-din-medium);
  --font-bold: var(--font-din-bold);
  --font-black: var(--font-din-black);
  --font-heavy: var(--font-din-heavy);

  /* All other text font: AMU uses DIN only */
  --font-text: var(--font-din-light);
  --font-text-regular: var(--font-din-regular);
  --font-text-medium: var(--font-din-medium);
  --font-text-bold: var(--font-din-bold);

  /* weights -- AMU use font face not weight */
  --font-weight-light: var(--font-weight-normal) !important;
  --font-weight-normal: var(--font-weight-normal) !important;
  --font-weight-bold: var(--font-weight-normal) !important;

  --font-text-weight-light: var(--font-weight-normal) !important;
  --font-text-weight-normal: var(--font-weight-normal) !important;
  --font-text-weight-semibold: var(--font-weight-normal) !important;
  --font-text-weight-bold: var(--font-weight-normal) !important;

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

/*** component-specific overrides ***/
.amu h1, .amu h2, .amu h3, .amu h4, .amu h5, .amu h6, .amu .h1 {
	color: var(--color-sec-black);
  font-family: var(--font-din-heavy-condensed);
	text-transform: uppercase;
}
.amu h1, .amu .h1 {
	font-size: 3rem;
}
.amu h2 {
	font-size: 2.6rem;
}
.amu h2.next-steps {
  font-size: 3rem;
}
.amu h3 {
	font-size: 2.2rem;
}
.amu h4 {
	font-size: 2rem;
}
.amu h5 {
	font-size: 1.8rem;
}
.amu h6 {
	font-size: 1.6rem;
}
a h1, a h2, a h3, a h4, a h5, a h6 {
	color: var(--color-brand-primary);
}
/* facts font face and style */
.amu .facts-large .fact-number {
  font-family: var(--font-din-heavy-condensed);
  text-transform: uppercase;
}
/* zero panel override */
.amu .zero-panel h3 {
	text-transform: none;
}
/* affordability panel */
.amu .affordability h3 {
  font-family: var(--font-din-heavy-condensed);
}
#lp5_apply_rfi {
  top: 1px;
}
/* change toggle icon color */
.amu .acc-toggle-creative .acc-toggle-title.text-color-invert::before {
	color: var(--color-sec-black);
}
/* change creative icon line-height alignment */
.amu .acc-toggle-creative .acc-toggle-title::before {
	line-height: 1.125;
}

/* change tertiary button color */
.amu .button.button-tertiary {
	color: var(--color-sec-black);
}
.amu .button.button-tertiary:hover {
	color: var(--color-sec-black);
}

/* change full tertiary section text color */
.amu .bg-secondary--full {
	color: var(--color-sec-white);
}
.amu .bg-secondary--full h1, .amu .bg-secondary--full h2, .amu .bg-secondary--full h3, .amu .bg-secondary--full h4, .amu .bg-secondary--full h5, .amu .bg-secondary--full h6 {
	color: var(--color-sec-white);
}

/* change tertiary hyperlink text color  */
.amu .bg-secondary--full a:not(.button) {
		color: var(--color-sec-white);
}
.amu .bg-tertiary--full a:not(.button), .amu .bg-quaternary--full a:not(.button) {
  color: var(--color-sec-black);
  text-decoration: underline;
}

/* change tertiary fast fact font color */
.amu .flex-panes.tertiary.pane-single-color .pane, .amu .flex-panes.tertiary .pane, .amu .flex-panes.tertiary .pane-heading {
  color: var(--color-sec-black);
}

/* hacking my system because creative */
/* amu black flex pane for creative progressive RFI background color */
.amu .flex-panes.black-n-blue.pane-single-color .pane .button.button-tertiary:not(.invert), .amu .flex-panes.black-n-blue.pane-single-color .pane input[type="submit"]:not(.invert), .amu .flex-panes.black-n-blue.pane-single-color .pane input[type="reset"]:not(.invert) {
    color: var(--color-sec-white);
    background-color: var(--color-brand-primary);
    border-color: var(--color-brand-primary);
}
.amu .flex-panes.black-n-blue.pane-single-color .pane .button.button-tertiary:not(.invert):hover, .amu .flex-panes.black-n-blue.pane-single-color .pane input[type="submit"]:not(.invert):hover, .amu .flex-panes.black-n-blue.pane-single-color .pane input[type="reset"]:not(.invert):hover {
    color: var(--color-sec-white);
  	background-color: var(--color-brand-primary--80);
  	border-color: var(--color-brand-primary--80);
}
.amu .flex-panes.primary .pane-heading, .amu .flex-panes.secondary .pane-heading, .amu .flex-panes.dark .pane-heading, .amu .flex-panes.fog .pane-heading, .amu .flex-panes.cloud .pane-heading {
	color: var(--color-sec-white);
}

/* apply hero */
.amu .hero-apply h2, .amu .hero-apply h3 {
  color: var(--color-sec-white);
}

/* toggle icon */
.amu .acc-toggle-icon::before, .amu .acc-toggle-icon::after {
 background-color: var(--color-sec-black);
}

/* focus */
.amu .bg-tertiary--full *:focus, .amu .bg-tertiary *:focus {
	outline: 2px dashed var(--color-sec-black);
}

/* AMU Refresh */
.amu .bg-tertiary--full .tooltip, .amu .bg-quaternary--full .tooltip {
	text-decoration-line: underline;
	text-decoration-color: var(--color-sec-black);
	text-decoration-style:  dotted;
	text-decoration-thickness: 1px;
}