*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: var(--font-weight--bold);
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
* Containers utility classes
*
* Values: 
*   - xxl   - 1320px
*   - xl    - 1140px
*   - lg    - 960px
*   - md    - 720px
*   - sm    - 520px
*
* ie: .container--xl
*
* @link: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=1-9&t=TTC2TkzhLbTVLT3V-1
*/
:root {
  --container--xxl: 1320px;
  --container--xl: 1140px;
  --container--lg: 960px;
  --container--md: 720px;
  --container--sm: 520px;
}

.container--xxl {
  max-width: var(--container--xxl);
}

.container--xl {
  max-width: var(--container--xl);
}

.container--lg {
  max-width: var(--container--lg);
}

.container--md {
  max-width: var(--container--md);
}

.container--sm {
  max-width: var(--container--sm);
}

:root {
  --layout--content-size: var(--container--md);
  --layout--wide-size: var(--container--xxl);
}

:root {
  --ornl--grid-column-gap: 2.5rem;
}

/**
 * Mixin to write easy media queries
 */
/**
*
* @param $color - Sass variable 
* @param $opacity - CSS variable from uswds/sass/modifiers/_opacity.scss
*
* @return formatted rgba CSS function
*
*/
/**
*  Take the defined wide width size, subtract column gap and content padding. Divid by three columns
* @param $num_of_columns     - number of desired columns
* @param $num_of_gaps        - number of gaps (include outside padding on larger screens), should always be one more than the num_of_columns 
*/
/**
* Sets elevation
*
* $size:
*   - lg
*   - md
*   - sm
*
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=62-96
*
*/
/**
*
* Color - LIGHT mode tokens and CSS var generators. **NOTE: Color modes are not yet implemented in the theme **
*
* See Design System repo: https://code.ornl.gov/ords/ords-compiled-styles/-/blob/main/assets/ornl-green-vars.css?ref_type=heads
*
*/
:root {
  /**
     * Colors - LIGHT mode
     *
     * Best way to view these variables is via browser inspector tools
     *
     */
  --color--primary--weak: #dcfbcc;
  --color--primary--soft: #b3fa99;
  --color--primary--subtle: #82eb68;
  --color--primary--gentle: #44c430;
  --color--primary--emphasis: #27ab1e;
  --color--primary--strong: #0f8723;
  --color--primary--rich: #04682a;
  --color--primary--legible: #005520;
  --color--primary--distinct: #003414;
  --color--primary--intense: #00240e;
  --color--primary--high: #001709;
  --color--secondary--weak: #e3f4ff;
  --color--secondary--soft: #c9eaff;
  --color--secondary--subtle: #9edaff;
  --color--secondary--gentle: #39b3ff;
  --color--secondary--emphasis: #119bf1;
  --color--secondary--strong: #007ac6;
  --color--secondary--rich: #005d96;
  --color--secondary--legible: #004c7b;
  --color--secondary--distinct: #002f4c;
  --color--secondary--intense: #002033;
  --color--secondary--high: #001420;
  --color--accent--weak: #cefbf2;
  --color--accent--soft: #90f8e2;
  --color--accent--subtle: #5de9cc;
  --color--accent--gentle: #1fc09e;
  --color--accent--emphasis: #14a889;
  --color--accent--strong: #0c856c;
  --color--accent--rich: #006651;
  --color--accent--legible: #005342;
  --color--accent--distinct: #003329;
  --color--accent--intense: #00231c;
  --color--accent--high: #001612;
  --color--success--weak: #dcfbcc;
  --color--success--soft: #b3fa99;
  --color--success--subtle: #82eb68;
  --color--success--gentle: #44c430;
  --color--success--emphasis: #27ab1e;
  --color--success--strong: #0f8723;
  --color--success--rich: #04682a;
  --color--success--legible: #005520;
  --color--success--distinct: #003414;
  --color--success--intense: #00240e;
  --color--success--high: #001709;
  --color--danger--weak: #ffedf2;
  --color--danger--soft: #ffdde6;
  --color--danger--subtle: #ffc3d2;
  --color--danger--gentle: #ff85a2;
  --color--danger--emphasis: #ff5980;
  --color--danger--strong: #e80f42;
  --color--danger--rich: #b6002b;
  --color--danger--legible: #950024;
  --color--danger--distinct: #600017;
  --color--danger--intense: #440010;
  --color--danger--high: #2f000b;
  --color--warning--weak: #ffefdc;
  --color--warning--soft: #ffe1bd;
  --color--warning--subtle: #ffc989;
  --color--warning--gentle: #ff8e09;
  --color--warning--emphasis: #e97400;
  --color--warning--strong: #c05600;
  --color--warning--rich: #983d00;
  --color--warning--legible: #7c2e00;
  --color--warning--distinct: #4f1d00;
  --color--warning--intense: #361400;
  --color--warning--high: #230d00;
  --color--info--weak: #d1f9ff;
  --color--info--soft: #9ef3ff;
  --color--info--subtle: #5ee4f7;
  --color--info--gentle: #0cbbd3;
  --color--info--emphasis: #01a3b9;
  --color--info--strong: #008192;
  --color--info--rich: #006370;
  --color--info--legible: #00515b;
  --color--info--distinct: #003239;
  --color--info--intense: #002226;
  --color--info--high: #001518;
  --color--neutral--weak: #f1f1f1;
  --color--neutral--soft: #e5e5e5;
  --color--neutral--subtle: #d2d2d2;
  --color--neutral--gentle: #aaaaaa;
  --color--neutral--emphasis: #949494;
  --color--neutral--strong: #757575;
  --color--neutral--rich: #5a5a5a;
  --color--neutral--legible: #4a4a4a;
  --color--neutral--distinct: #2c2c2c;
  --color--neutral--intense: #1e1e1e;
  --color--neutral--high: #121212;
  /**
  * Text Color CSS vars
  *
  * For usage, see: https://code-int.ornl.gov/itsd-web-services/wordpress/wordpress-core-tech/root/-/wikis/home/Color/Text
  *
  *
  * --color--text--base
  * --color--text--inverted
  * --color--text--white
  * --color--text--low
  * --color--text--light
  * --color--text--medium
  * --color--text--dark
  * --color--text--black
  *
  */
  --color--text--base: #2c2c2c;
  --color--text--inverted: #ffffff;
  --color--text--white: #ffffff;
  --color--text--low: #757575;
  --color--text--light: #5a5a5a;
  --color--text--medium: #4a4a4a;
  --color--text--dark: #1e1e1e;
  --color--text--black: #000000;
  /**
  *
  * Surface Color CSS vars
  *
  * --color--surface--base
  * --color--surface--weak
  * --color--surface--soft
  * --color--surface--distinct
  *
  * For usage, see: https://code-int.ornl.gov/itsd-web-services/wordpress/wordpress-core-tech/root/-/wikis/home/Color/Surface
  *
  */
  --color--surface--base: #ffffff;
  --color--surface--weak: #f1f1f1;
  --color--surface--soft: #e5e5e5;
  --color--surface--distinct: #2c2c2c;
  --link--bg--hover: rgba(4, 104, 42, var(--opacity--4));
}

/**
*
* Color - DARK mode tokens and CSS var generators. **NOTE: Color modes are not yet implemented in the theme **
*
* See Design System repo: https://code.ornl.gov/ords/ords-compiled-styles/-/blob/main/assets/ornl-green-vars.css?ref_type=heads
*
*/
:root[data-theme=dark] {
  /**
     * Colors - dark mode
     *
     */
  --color--primary--weak: #001709;
  --color--primary--soft: #00240e;
  --color--primary--subtle: #003414;
  --color--primary--gentle: #005520;
  --color--primary--emphasis: #04682a;
  --color--primary--strong: #0f8723;
  --color--primary--rich: #27ab1e;
  --color--primary--legible: #44c430;
  --color--primary--distinct: #82eb68;
  --color--primary--intense: #b3fa99;
  --color--primary--high: #dcfbcc;
  --color--secondary--weak: #001420;
  --color--secondary--soft: #002033;
  --color--secondary--subtle: #002f4c;
  --color--secondary--gentle: #004c7b;
  --color--secondary--emphasis: #005d96;
  --color--secondary--strong: #007ac6;
  --color--secondary--rich: #119bf1;
  --color--secondary--legible: #39b3ff;
  --color--secondary--distinct: #9edaff;
  --color--secondary--intense: #c9eaff;
  --color--secondary--high: #e3f4ff;
  --color--accent--weak: #001612;
  --color--accent--soft: #00231c;
  --color--accent--subtle: #003329;
  --color--accent--gentle: #005342;
  --color--accent--emphasis: #006651;
  --color--accent--strong: #0c856c;
  --color--accent--rich: #14a889;
  --color--accent--legible: #1fc09e;
  --color--accent--distinct: #5de9cc;
  --color--accent--intense: #90f8e2;
  --color--accent--high: #cefbf2;
  --color--success--weak: #001709;
  --color--success--soft: #00240e;
  --color--success--subtle: #003414;
  --color--success--gentle: #005520;
  --color--success--emphasis: #04682a;
  --color--success--strong: #0f8723;
  --color--success--rich: #27ab1e;
  --color--success--legible: #44c430;
  --color--success--distinct: #82eb68;
  --color--success--intense: #b3fa99;
  --color--success--high: #dcfbcc;
  --color--danger--weak: #2f000b;
  --color--danger--soft: #440010;
  --color--danger--subtle: #600017;
  --color--danger--gentle: #950024;
  --color--danger--emphasis: #b6002b;
  --color--danger--strong: #e80f42;
  --color--danger--rich: #ff5980;
  --color--danger--legible: #ff85a2;
  --color--danger--distinct: #ffc3d2;
  --color--danger--intense: #ffdde6;
  --color--danger--high: #ffedf2;
  --color--warning--weak: #230d00;
  --color--warning--soft: #361400;
  --color--warning--subtle: #4f1d00;
  --color--warning--gentle: #7c2e00;
  --color--warning--emphasis: #983d00;
  --color--warning--strong: #c05600;
  --color--warning--rich: #e97400;
  --color--warning--legible: #ff8e09;
  --color--warning--distinct: #ffc989;
  --color--warning--intense: #ffe1bd;
  --color--warning--high: #ffefdc;
  --color--info--weak: #001518;
  --color--info--soft: #002226;
  --color--info--subtle: #003239;
  --color--info--gentle: #00515b;
  --color--info--emphasis: #006370;
  --color--info--strong: #008192;
  --color--info--rich: #01a3b9;
  --color--info--legible: #0cbbd3;
  --color--info--distinct: #5ee4f7;
  --color--info--intense: #9ef3ff;
  --color--info--high: #d1f9ff;
  --color--neutral--weak: #121212;
  --color--neutral--soft: #1e1e1e;
  --color--neutral--subtle: #2c2c2c;
  --color--neutral--gentle: #4a4a4a;
  --color--neutral--emphasis: #5a5a5a;
  --color--neutral--strong: #757575;
  --color--neutral--rich: #949494;
  --color--neutral--legible: #aaaaaa;
  --color--neutral--distinct: #d2d2d2;
  --color--neutral--intense: #e5e5e5;
  --color--neutral--high: #f1f1f1;
  /**
  * Text Color CSS vars
  *
  * For usage, see: https://code-int.ornl.gov/itsd-web-services/wordpress/wordpress-core-tech/root/-/wikis/home/Color/Text
  *
  *
  * --color--text--base
  * --color--text--inverted
  * --color--text--white
  * --color--text--low
  * --color--text--light
  * --color--text--medium
  * --color--text--dark
  * --color--text--black
  *
  */
  --color--text--base: #d2d2d2;
  --color--text--inverted: #121212;
  --color--text--white: #ffffff;
  --color--text--low: #757575;
  --color--text--light: #949494;
  --color--text--medium: #aaaaaa;
  --color--text--dark: #e5e5e5;
  --color--text--black: #000000;
  /**
  *
  * Surface Color CSS vars
  *
  * --color--surface--base
  * --color--surface--weak
  * --color--surface--soft
  * --color--surface--distinct
  *
  * For usage, see: https://code-int.ornl.gov/itsd-web-services/wordpress/wordpress-core-tech/root/-/wikis/home/Color/Surface
  *
  */
  --color--surface--base: #121212;
  --color--surface--weak: #1e1e1e;
  --color--surface--soft: #2c2c2c;
  --color--surface--distinct: #d2d2d2;
  --link--bg--hover: rgba(39, 171, 30, var(--opacity--4));
}

/**
*
* Brand colors
*
* These colors do not have a ramp and should be used sparingly until further notice.
*
*/
:root {
  --color--brand--primary: #00662c;
  --color--brand--secondary: #00454d;
  --color--brand--neutral: #d2d2d2;
  --color--brand--dark: #363a36;
  --color--brand--light: #ffffff;
  --color--brand--accent-1: #7cba00;
  --color--brand--accent-2: #8bfebf;
  --color--brand--accent-3: #00b38f;
  --color--brand--accent-4: #00bdb5;
  --color--brand--accent-5: #006ba6;
  --color--brand--accent-6: #005776;
  --color--brand--accent-7: #ff8e09;
  --color--brand--accent-8: #fe5000;
  --color--brand--accent-9: #b50094;
  --color--brand--accent-10: #4e008e;
  --color--primary: var(--color--primary--rich);
  --color--secondary: var(--color--secondary--rich);
  --color--accent: var(--color--accent--soft);
  --color--tertiary: var(--color--accent);
  --color--neutral: var(--color--neutral--gentle);
  --color--plain: transparent;
  --color--danger: var(--color--danger--rich);
  --color--warning: var(--color--warning--gentle);
  --color--success: var(--color--success--emphasis);
  --color--info: var(--color--info--subtle);
  --color--brand--primary: #00662c;
  --color--brand--secondary: #00454d;
  --color--brand--neutral: #d2d2d2;
  --color--brand--dark: #363a36;
  --color--brand--light: #ffffff;
  --color--brand--accent-1: #7cba00;
  --color--brand--accent-2: #8bfebf;
  --color--brand--accent-3: #00b38f;
  --color--brand--accent-4: #00bdb5;
  --color--brand--accent-5: #006ba6;
  --color--brand--accent-6: #005776;
  --color--brand--accent-7: #ff8e09;
  --color--brand--accent-8: #fe5000;
  --color--brand--accent-9: #b50094;
  --color--brand--accent-10: #4e008e;
}

/**
*
* Color-related tokens, classes, and variables.
*
* For more info, see: https://code-int.ornl.gov/itsd-web-services/wordpress/wordpress-core-tech/root/-/wikis/home/Color
*
*/
:root {
  --opacity--1: 0.05;
  --opacity--2: 0.1;
  --opacity--3: 0.15;
  --opacity--4: 0.2;
  --opacity--5: 0.25;
  --opacity--6: 0.3;
  --opacity--7: 0.35;
  --opacity--8: 0.4;
  --opacity--9: 0.45;
  --opacity--10: 0.5;
  --opacity--11: 0.55;
  --opacity--12: 0.6;
  --opacity--13: 0.65;
  --opacity--14: 0.7;
  --opacity--15: 0.75;
  --opacity--16: 0.8;
  --opacity--17: 0.85;
  --opacity--18: 0.9;
  --opacity--19: 0.95;
  --opacity--20: 1;
}

.opacity--1 {
  opacity: var(--opacity--1);
}

.opacity--2 {
  opacity: var(--opacity--2);
}

.opacity--3 {
  opacity: var(--opacity--3);
}

.opacity--4 {
  opacity: var(--opacity--4);
}

.opacity--5 {
  opacity: var(--opacity--5);
}

.opacity--6 {
  opacity: var(--opacity--6);
}

.opacity--7 {
  opacity: var(--opacity--7);
}

.opacity--8 {
  opacity: var(--opacity--8);
}

.opacity--9 {
  opacity: var(--opacity--9);
}

.opacity--10 {
  opacity: var(--opacity--10);
}

.opacity--11 {
  opacity: var(--opacity--11);
}

.opacity--12 {
  opacity: var(--opacity--12);
}

.opacity--13 {
  opacity: var(--opacity--13);
}

.opacity--14 {
  opacity: var(--opacity--14);
}

.opacity--15 {
  opacity: var(--opacity--15);
}

.opacity--16 {
  opacity: var(--opacity--16);
}

.opacity--17 {
  opacity: var(--opacity--17);
}

.opacity--18 {
  opacity: var(--opacity--18);
}

.opacity--19 {
  opacity: var(--opacity--19);
}

.opacity--20 {
  opacity: var(--opacity--20);
}

/**
*
* -------------- Spacing --------------
*
* Spacing values based on the UX Design System
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=504-13433&t=ZTtPXX4Vw42hqgj0-1
*
*/
:root {
  --spacing--pos--p1: 0.125rem;
  --spacing--pos--p2: 0.25rem;
  --spacing--pos--p3: 0.375rem;
  --spacing--pos--p4: 0.5rem;
  --spacing--pos--p5: 0.625rem;
  --spacing--pos--p6: 0.75rem;
  --spacing--pos--p7: 0.875rem;
  --spacing--pos--p8: 1rem;
  --spacing--pos--p9: 1.125rem;
  --spacing--pos--p10: 1.25rem;
  --spacing--pos--p11: 1.375rem;
  --spacing--pos--p12: 1.5rem;
  --spacing--pos--p13: 1.625rem;
  --spacing--pos--p14: 1.75rem;
  --spacing--pos--p15: 1.875rem;
  --spacing--pos--p16: 2rem;
  --spacing--pos--p17: 2.25rem;
  --spacing--pos--p18: 2.5rem;
  --spacing--pos--p19: 2.75rem;
  --spacing--pos--p20: 3rem;
  --spacing--pos--p21: 3.25rem;
  --spacing--pos--p22: 3.5rem;
  --spacing--pos--p23: 3.75rem;
  --spacing--pos--p24: 4rem;
  --spacing--neg--n1: -0.125rem;
  --spacing--neg--n2: -0.25rem;
  --spacing--neg--n3: -0.375rem;
  --spacing--neg--n4: -0.5rem;
  --spacing--neg--n5: -0.625rem;
  --spacing--neg--n6: -0.75rem;
  --spacing--neg--n7: -0.875rem;
  --spacing--neg--n8: -1rem;
  --spacing--neg--n9: -1.125rem;
  --spacing--neg--n10: -1.25rem;
  --spacing--neg--n11: -1.375rem;
  --spacing--neg--n12: -1.5rem;
  --spacing--neg--n13: -1.625rem;
  --spacing--neg--n14: -1.75rem;
  --spacing--neg--n15: -1.875rem;
  --spacing--neg--n16: -2rem;
  --spacing--neg--n17: -2.25rem;
  --spacing--neg--n18: -2.5rem;
  --spacing--neg--n19: -2.75rem;
  --spacing--neg--n20: -3rem;
  --spacing--neg--n21: -3.25rem;
  --spacing--neg--n22: -3.5rem;
  --spacing--neg--n23: -3.75rem;
  --spacing--neg--n24: -4rem;
}

/**
* Sets utility classes for margin (top, right, bottom, left) and padding (top, right, bottom, left)
*/
/**
* Margin
*/
.margin--top--positive--p1 {
  margin-top: var(--spacing--pos--p1);
}

.margin--right--positive--p1 {
  margin-right: var(--spacing--pos--p1);
}

.margin--bottom--positive--p1 {
  margin-bottom: var(--spacing--pos--p1);
}

.margin--left--positive--p1 {
  margin-left: var(--spacing--pos--p1);
}

/**
* Padding
*/
.padding--top--positive--p1 {
  padding-top: var(--spacing--pos--p1);
}

.padding--right--positive--p1 {
  padding-right: var(--spacing--pos--p1);
}

.padding--bottom--positive--p1 {
  padding-bottom: var(--spacing--pos--p1);
}

.padding--left--positive--p1 {
  padding-left: var(--spacing--pos--p1);
}

/**
* Margin
*/
.margin--top--positive--p2 {
  margin-top: var(--spacing--pos--p2);
}

.margin--right--positive--p2 {
  margin-right: var(--spacing--pos--p2);
}

.margin--bottom--positive--p2 {
  margin-bottom: var(--spacing--pos--p2);
}

.margin--left--positive--p2 {
  margin-left: var(--spacing--pos--p2);
}

/**
* Padding
*/
.padding--top--positive--p2 {
  padding-top: var(--spacing--pos--p2);
}

.padding--right--positive--p2 {
  padding-right: var(--spacing--pos--p2);
}

.padding--bottom--positive--p2 {
  padding-bottom: var(--spacing--pos--p2);
}

.padding--left--positive--p2 {
  padding-left: var(--spacing--pos--p2);
}

/**
* Margin
*/
.margin--top--positive--p3 {
  margin-top: var(--spacing--pos--p3);
}

.margin--right--positive--p3 {
  margin-right: var(--spacing--pos--p3);
}

.margin--bottom--positive--p3 {
  margin-bottom: var(--spacing--pos--p3);
}

.margin--left--positive--p3 {
  margin-left: var(--spacing--pos--p3);
}

/**
* Padding
*/
.padding--top--positive--p3 {
  padding-top: var(--spacing--pos--p3);
}

.padding--right--positive--p3 {
  padding-right: var(--spacing--pos--p3);
}

.padding--bottom--positive--p3 {
  padding-bottom: var(--spacing--pos--p3);
}

.padding--left--positive--p3 {
  padding-left: var(--spacing--pos--p3);
}

/**
* Margin
*/
.margin--top--positive--p4 {
  margin-top: var(--spacing--pos--p4);
}

.margin--right--positive--p4 {
  margin-right: var(--spacing--pos--p4);
}

.margin--bottom--positive--p4 {
  margin-bottom: var(--spacing--pos--p4);
}

.margin--left--positive--p4 {
  margin-left: var(--spacing--pos--p4);
}

/**
* Padding
*/
.padding--top--positive--p4 {
  padding-top: var(--spacing--pos--p4);
}

.padding--right--positive--p4 {
  padding-right: var(--spacing--pos--p4);
}

.padding--bottom--positive--p4 {
  padding-bottom: var(--spacing--pos--p4);
}

.padding--left--positive--p4 {
  padding-left: var(--spacing--pos--p4);
}

/**
* Margin
*/
.margin--top--positive--p5 {
  margin-top: var(--spacing--pos--p5);
}

.margin--right--positive--p5 {
  margin-right: var(--spacing--pos--p5);
}

.margin--bottom--positive--p5 {
  margin-bottom: var(--spacing--pos--p5);
}

.margin--left--positive--p5 {
  margin-left: var(--spacing--pos--p5);
}

/**
* Padding
*/
.padding--top--positive--p5 {
  padding-top: var(--spacing--pos--p5);
}

.padding--right--positive--p5 {
  padding-right: var(--spacing--pos--p5);
}

.padding--bottom--positive--p5 {
  padding-bottom: var(--spacing--pos--p5);
}

.padding--left--positive--p5 {
  padding-left: var(--spacing--pos--p5);
}

/**
* Margin
*/
.margin--top--positive--p6 {
  margin-top: var(--spacing--pos--p6);
}

.margin--right--positive--p6 {
  margin-right: var(--spacing--pos--p6);
}

.margin--bottom--positive--p6 {
  margin-bottom: var(--spacing--pos--p6);
}

.margin--left--positive--p6 {
  margin-left: var(--spacing--pos--p6);
}

/**
* Padding
*/
.padding--top--positive--p6 {
  padding-top: var(--spacing--pos--p6);
}

.padding--right--positive--p6 {
  padding-right: var(--spacing--pos--p6);
}

.padding--bottom--positive--p6 {
  padding-bottom: var(--spacing--pos--p6);
}

.padding--left--positive--p6 {
  padding-left: var(--spacing--pos--p6);
}

/**
* Margin
*/
.margin--top--positive--p7 {
  margin-top: var(--spacing--pos--p7);
}

.margin--right--positive--p7 {
  margin-right: var(--spacing--pos--p7);
}

.margin--bottom--positive--p7 {
  margin-bottom: var(--spacing--pos--p7);
}

.margin--left--positive--p7 {
  margin-left: var(--spacing--pos--p7);
}

/**
* Padding
*/
.padding--top--positive--p7 {
  padding-top: var(--spacing--pos--p7);
}

.padding--right--positive--p7 {
  padding-right: var(--spacing--pos--p7);
}

.padding--bottom--positive--p7 {
  padding-bottom: var(--spacing--pos--p7);
}

.padding--left--positive--p7 {
  padding-left: var(--spacing--pos--p7);
}

/**
* Margin
*/
.margin--top--positive--p8 {
  margin-top: var(--spacing--pos--p8);
}

.margin--right--positive--p8 {
  margin-right: var(--spacing--pos--p8);
}

.margin--bottom--positive--p8 {
  margin-bottom: var(--spacing--pos--p8);
}

.margin--left--positive--p8 {
  margin-left: var(--spacing--pos--p8);
}

/**
* Padding
*/
.padding--top--positive--p8 {
  padding-top: var(--spacing--pos--p8);
}

.padding--right--positive--p8 {
  padding-right: var(--spacing--pos--p8);
}

.padding--bottom--positive--p8 {
  padding-bottom: var(--spacing--pos--p8);
}

.padding--left--positive--p8 {
  padding-left: var(--spacing--pos--p8);
}

/**
* Margin
*/
.margin--top--positive--p9 {
  margin-top: var(--spacing--pos--p9);
}

.margin--right--positive--p9 {
  margin-right: var(--spacing--pos--p9);
}

.margin--bottom--positive--p9 {
  margin-bottom: var(--spacing--pos--p9);
}

.margin--left--positive--p9 {
  margin-left: var(--spacing--pos--p9);
}

/**
* Padding
*/
.padding--top--positive--p9 {
  padding-top: var(--spacing--pos--p9);
}

.padding--right--positive--p9 {
  padding-right: var(--spacing--pos--p9);
}

.padding--bottom--positive--p9 {
  padding-bottom: var(--spacing--pos--p9);
}

.padding--left--positive--p9 {
  padding-left: var(--spacing--pos--p9);
}

/**
* Margin
*/
.margin--top--positive--p10 {
  margin-top: var(--spacing--pos--p10);
}

.margin--right--positive--p10 {
  margin-right: var(--spacing--pos--p10);
}

.margin--bottom--positive--p10 {
  margin-bottom: var(--spacing--pos--p10);
}

.margin--left--positive--p10 {
  margin-left: var(--spacing--pos--p10);
}

/**
* Padding
*/
.padding--top--positive--p10 {
  padding-top: var(--spacing--pos--p10);
}

.padding--right--positive--p10 {
  padding-right: var(--spacing--pos--p10);
}

.padding--bottom--positive--p10 {
  padding-bottom: var(--spacing--pos--p10);
}

.padding--left--positive--p10 {
  padding-left: var(--spacing--pos--p10);
}

/**
* Margin
*/
.margin--top--positive--p11 {
  margin-top: var(--spacing--pos--p11);
}

.margin--right--positive--p11 {
  margin-right: var(--spacing--pos--p11);
}

.margin--bottom--positive--p11 {
  margin-bottom: var(--spacing--pos--p11);
}

.margin--left--positive--p11 {
  margin-left: var(--spacing--pos--p11);
}

/**
* Padding
*/
.padding--top--positive--p11 {
  padding-top: var(--spacing--pos--p11);
}

.padding--right--positive--p11 {
  padding-right: var(--spacing--pos--p11);
}

.padding--bottom--positive--p11 {
  padding-bottom: var(--spacing--pos--p11);
}

.padding--left--positive--p11 {
  padding-left: var(--spacing--pos--p11);
}

/**
* Margin
*/
.margin--top--positive--p12 {
  margin-top: var(--spacing--pos--p12);
}

.margin--right--positive--p12 {
  margin-right: var(--spacing--pos--p12);
}

.margin--bottom--positive--p12 {
  margin-bottom: var(--spacing--pos--p12);
}

.margin--left--positive--p12 {
  margin-left: var(--spacing--pos--p12);
}

/**
* Padding
*/
.padding--top--positive--p12 {
  padding-top: var(--spacing--pos--p12);
}

.padding--right--positive--p12 {
  padding-right: var(--spacing--pos--p12);
}

.padding--bottom--positive--p12 {
  padding-bottom: var(--spacing--pos--p12);
}

.padding--left--positive--p12 {
  padding-left: var(--spacing--pos--p12);
}

/**
* Margin
*/
.margin--top--positive--p13 {
  margin-top: var(--spacing--pos--p13);
}

.margin--right--positive--p13 {
  margin-right: var(--spacing--pos--p13);
}

.margin--bottom--positive--p13 {
  margin-bottom: var(--spacing--pos--p13);
}

.margin--left--positive--p13 {
  margin-left: var(--spacing--pos--p13);
}

/**
* Padding
*/
.padding--top--positive--p13 {
  padding-top: var(--spacing--pos--p13);
}

.padding--right--positive--p13 {
  padding-right: var(--spacing--pos--p13);
}

.padding--bottom--positive--p13 {
  padding-bottom: var(--spacing--pos--p13);
}

.padding--left--positive--p13 {
  padding-left: var(--spacing--pos--p13);
}

/**
* Margin
*/
.margin--top--positive--p14 {
  margin-top: var(--spacing--pos--p14);
}

.margin--right--positive--p14 {
  margin-right: var(--spacing--pos--p14);
}

.margin--bottom--positive--p14 {
  margin-bottom: var(--spacing--pos--p14);
}

.margin--left--positive--p14 {
  margin-left: var(--spacing--pos--p14);
}

/**
* Padding
*/
.padding--top--positive--p14 {
  padding-top: var(--spacing--pos--p14);
}

.padding--right--positive--p14 {
  padding-right: var(--spacing--pos--p14);
}

.padding--bottom--positive--p14 {
  padding-bottom: var(--spacing--pos--p14);
}

.padding--left--positive--p14 {
  padding-left: var(--spacing--pos--p14);
}

/**
* Margin
*/
.margin--top--positive--p15 {
  margin-top: var(--spacing--pos--p15);
}

.margin--right--positive--p15 {
  margin-right: var(--spacing--pos--p15);
}

.margin--bottom--positive--p15 {
  margin-bottom: var(--spacing--pos--p15);
}

.margin--left--positive--p15 {
  margin-left: var(--spacing--pos--p15);
}

/**
* Padding
*/
.padding--top--positive--p15 {
  padding-top: var(--spacing--pos--p15);
}

.padding--right--positive--p15 {
  padding-right: var(--spacing--pos--p15);
}

.padding--bottom--positive--p15 {
  padding-bottom: var(--spacing--pos--p15);
}

.padding--left--positive--p15 {
  padding-left: var(--spacing--pos--p15);
}

/**
* Margin
*/
.margin--top--positive--p16 {
  margin-top: var(--spacing--pos--p16);
}

.margin--right--positive--p16 {
  margin-right: var(--spacing--pos--p16);
}

.margin--bottom--positive--p16 {
  margin-bottom: var(--spacing--pos--p16);
}

.margin--left--positive--p16 {
  margin-left: var(--spacing--pos--p16);
}

/**
* Padding
*/
.padding--top--positive--p16 {
  padding-top: var(--spacing--pos--p16);
}

.padding--right--positive--p16 {
  padding-right: var(--spacing--pos--p16);
}

.padding--bottom--positive--p16 {
  padding-bottom: var(--spacing--pos--p16);
}

.padding--left--positive--p16 {
  padding-left: var(--spacing--pos--p16);
}

/**
* Margin
*/
.margin--top--positive--p17 {
  margin-top: var(--spacing--pos--p17);
}

.margin--right--positive--p17 {
  margin-right: var(--spacing--pos--p17);
}

.margin--bottom--positive--p17 {
  margin-bottom: var(--spacing--pos--p17);
}

.margin--left--positive--p17 {
  margin-left: var(--spacing--pos--p17);
}

/**
* Padding
*/
.padding--top--positive--p17 {
  padding-top: var(--spacing--pos--p17);
}

.padding--right--positive--p17 {
  padding-right: var(--spacing--pos--p17);
}

.padding--bottom--positive--p17 {
  padding-bottom: var(--spacing--pos--p17);
}

.padding--left--positive--p17 {
  padding-left: var(--spacing--pos--p17);
}

/**
* Margin
*/
.margin--top--positive--p18 {
  margin-top: var(--spacing--pos--p18);
}

.margin--right--positive--p18 {
  margin-right: var(--spacing--pos--p18);
}

.margin--bottom--positive--p18 {
  margin-bottom: var(--spacing--pos--p18);
}

.margin--left--positive--p18 {
  margin-left: var(--spacing--pos--p18);
}

/**
* Padding
*/
.padding--top--positive--p18 {
  padding-top: var(--spacing--pos--p18);
}

.padding--right--positive--p18 {
  padding-right: var(--spacing--pos--p18);
}

.padding--bottom--positive--p18 {
  padding-bottom: var(--spacing--pos--p18);
}

.padding--left--positive--p18 {
  padding-left: var(--spacing--pos--p18);
}

/**
* Margin
*/
.margin--top--positive--p19 {
  margin-top: var(--spacing--pos--p19);
}

.margin--right--positive--p19 {
  margin-right: var(--spacing--pos--p19);
}

.margin--bottom--positive--p19 {
  margin-bottom: var(--spacing--pos--p19);
}

.margin--left--positive--p19 {
  margin-left: var(--spacing--pos--p19);
}

/**
* Padding
*/
.padding--top--positive--p19 {
  padding-top: var(--spacing--pos--p19);
}

.padding--right--positive--p19 {
  padding-right: var(--spacing--pos--p19);
}

.padding--bottom--positive--p19 {
  padding-bottom: var(--spacing--pos--p19);
}

.padding--left--positive--p19 {
  padding-left: var(--spacing--pos--p19);
}

/**
* Margin
*/
.margin--top--positive--p20 {
  margin-top: var(--spacing--pos--p20);
}

.margin--right--positive--p20 {
  margin-right: var(--spacing--pos--p20);
}

.margin--bottom--positive--p20 {
  margin-bottom: var(--spacing--pos--p20);
}

.margin--left--positive--p20 {
  margin-left: var(--spacing--pos--p20);
}

/**
* Padding
*/
.padding--top--positive--p20 {
  padding-top: var(--spacing--pos--p20);
}

.padding--right--positive--p20 {
  padding-right: var(--spacing--pos--p20);
}

.padding--bottom--positive--p20 {
  padding-bottom: var(--spacing--pos--p20);
}

.padding--left--positive--p20 {
  padding-left: var(--spacing--pos--p20);
}

/**
* Margin
*/
.margin--top--positive--p21 {
  margin-top: var(--spacing--pos--p21);
}

.margin--right--positive--p21 {
  margin-right: var(--spacing--pos--p21);
}

.margin--bottom--positive--p21 {
  margin-bottom: var(--spacing--pos--p21);
}

.margin--left--positive--p21 {
  margin-left: var(--spacing--pos--p21);
}

/**
* Padding
*/
.padding--top--positive--p21 {
  padding-top: var(--spacing--pos--p21);
}

.padding--right--positive--p21 {
  padding-right: var(--spacing--pos--p21);
}

.padding--bottom--positive--p21 {
  padding-bottom: var(--spacing--pos--p21);
}

.padding--left--positive--p21 {
  padding-left: var(--spacing--pos--p21);
}

/**
* Margin
*/
.margin--top--positive--p22 {
  margin-top: var(--spacing--pos--p22);
}

.margin--right--positive--p22 {
  margin-right: var(--spacing--pos--p22);
}

.margin--bottom--positive--p22 {
  margin-bottom: var(--spacing--pos--p22);
}

.margin--left--positive--p22 {
  margin-left: var(--spacing--pos--p22);
}

/**
* Padding
*/
.padding--top--positive--p22 {
  padding-top: var(--spacing--pos--p22);
}

.padding--right--positive--p22 {
  padding-right: var(--spacing--pos--p22);
}

.padding--bottom--positive--p22 {
  padding-bottom: var(--spacing--pos--p22);
}

.padding--left--positive--p22 {
  padding-left: var(--spacing--pos--p22);
}

/**
* Margin
*/
.margin--top--positive--p23 {
  margin-top: var(--spacing--pos--p23);
}

.margin--right--positive--p23 {
  margin-right: var(--spacing--pos--p23);
}

.margin--bottom--positive--p23 {
  margin-bottom: var(--spacing--pos--p23);
}

.margin--left--positive--p23 {
  margin-left: var(--spacing--pos--p23);
}

/**
* Padding
*/
.padding--top--positive--p23 {
  padding-top: var(--spacing--pos--p23);
}

.padding--right--positive--p23 {
  padding-right: var(--spacing--pos--p23);
}

.padding--bottom--positive--p23 {
  padding-bottom: var(--spacing--pos--p23);
}

.padding--left--positive--p23 {
  padding-left: var(--spacing--pos--p23);
}

/**
* Margin
*/
.margin--top--positive--p24 {
  margin-top: var(--spacing--pos--p24);
}

.margin--right--positive--p24 {
  margin-right: var(--spacing--pos--p24);
}

.margin--bottom--positive--p24 {
  margin-bottom: var(--spacing--pos--p24);
}

.margin--left--positive--p24 {
  margin-left: var(--spacing--pos--p24);
}

/**
* Padding
*/
.padding--top--positive--p24 {
  padding-top: var(--spacing--pos--p24);
}

.padding--right--positive--p24 {
  padding-right: var(--spacing--pos--p24);
}

.padding--bottom--positive--p24 {
  padding-bottom: var(--spacing--pos--p24);
}

.padding--left--positive--p24 {
  padding-left: var(--spacing--pos--p24);
}

.margin--top--negative--n1 {
  margin-top: var(--spacing--neg--n1);
}

.margin--right--negative--n1 {
  margin-right: var(--spacing--neg--n1);
}

.margin--bottom--negative--n1 {
  margin-bottom: var(--spacing--neg--n1);
}

.margin--left--negative--n1 {
  margin-left: var(--spacing--neg--n1);
}

.margin--top--negative--n2 {
  margin-top: var(--spacing--neg--n2);
}

.margin--right--negative--n2 {
  margin-right: var(--spacing--neg--n2);
}

.margin--bottom--negative--n2 {
  margin-bottom: var(--spacing--neg--n2);
}

.margin--left--negative--n2 {
  margin-left: var(--spacing--neg--n2);
}

.margin--top--negative--n3 {
  margin-top: var(--spacing--neg--n3);
}

.margin--right--negative--n3 {
  margin-right: var(--spacing--neg--n3);
}

.margin--bottom--negative--n3 {
  margin-bottom: var(--spacing--neg--n3);
}

.margin--left--negative--n3 {
  margin-left: var(--spacing--neg--n3);
}

.margin--top--negative--n4 {
  margin-top: var(--spacing--neg--n4);
}

.margin--right--negative--n4 {
  margin-right: var(--spacing--neg--n4);
}

.margin--bottom--negative--n4 {
  margin-bottom: var(--spacing--neg--n4);
}

.margin--left--negative--n4 {
  margin-left: var(--spacing--neg--n4);
}

.margin--top--negative--n5 {
  margin-top: var(--spacing--neg--n5);
}

.margin--right--negative--n5 {
  margin-right: var(--spacing--neg--n5);
}

.margin--bottom--negative--n5 {
  margin-bottom: var(--spacing--neg--n5);
}

.margin--left--negative--n5 {
  margin-left: var(--spacing--neg--n5);
}

.margin--top--negative--n6 {
  margin-top: var(--spacing--neg--n6);
}

.margin--right--negative--n6 {
  margin-right: var(--spacing--neg--n6);
}

.margin--bottom--negative--n6 {
  margin-bottom: var(--spacing--neg--n6);
}

.margin--left--negative--n6 {
  margin-left: var(--spacing--neg--n6);
}

.margin--top--negative--n7 {
  margin-top: var(--spacing--neg--n7);
}

.margin--right--negative--n7 {
  margin-right: var(--spacing--neg--n7);
}

.margin--bottom--negative--n7 {
  margin-bottom: var(--spacing--neg--n7);
}

.margin--left--negative--n7 {
  margin-left: var(--spacing--neg--n7);
}

.margin--top--negative--n8 {
  margin-top: var(--spacing--neg--n8);
}

.margin--right--negative--n8 {
  margin-right: var(--spacing--neg--n8);
}

.margin--bottom--negative--n8 {
  margin-bottom: var(--spacing--neg--n8);
}

.margin--left--negative--n8 {
  margin-left: var(--spacing--neg--n8);
}

.margin--top--negative--n9 {
  margin-top: var(--spacing--neg--n9);
}

.margin--right--negative--n9 {
  margin-right: var(--spacing--neg--n9);
}

.margin--bottom--negative--n9 {
  margin-bottom: var(--spacing--neg--n9);
}

.margin--left--negative--n9 {
  margin-left: var(--spacing--neg--n9);
}

.margin--top--negative--n10 {
  margin-top: var(--spacing--neg--n10);
}

.margin--right--negative--n10 {
  margin-right: var(--spacing--neg--n10);
}

.margin--bottom--negative--n10 {
  margin-bottom: var(--spacing--neg--n10);
}

.margin--left--negative--n10 {
  margin-left: var(--spacing--neg--n10);
}

.margin--top--negative--n11 {
  margin-top: var(--spacing--neg--n11);
}

.margin--right--negative--n11 {
  margin-right: var(--spacing--neg--n11);
}

.margin--bottom--negative--n11 {
  margin-bottom: var(--spacing--neg--n11);
}

.margin--left--negative--n11 {
  margin-left: var(--spacing--neg--n11);
}

.margin--top--negative--n12 {
  margin-top: var(--spacing--neg--n12);
}

.margin--right--negative--n12 {
  margin-right: var(--spacing--neg--n12);
}

.margin--bottom--negative--n12 {
  margin-bottom: var(--spacing--neg--n12);
}

.margin--left--negative--n12 {
  margin-left: var(--spacing--neg--n12);
}

.margin--top--negative--n13 {
  margin-top: var(--spacing--neg--n13);
}

.margin--right--negative--n13 {
  margin-right: var(--spacing--neg--n13);
}

.margin--bottom--negative--n13 {
  margin-bottom: var(--spacing--neg--n13);
}

.margin--left--negative--n13 {
  margin-left: var(--spacing--neg--n13);
}

.margin--top--negative--n14 {
  margin-top: var(--spacing--neg--n14);
}

.margin--right--negative--n14 {
  margin-right: var(--spacing--neg--n14);
}

.margin--bottom--negative--n14 {
  margin-bottom: var(--spacing--neg--n14);
}

.margin--left--negative--n14 {
  margin-left: var(--spacing--neg--n14);
}

.margin--top--negative--n15 {
  margin-top: var(--spacing--neg--n15);
}

.margin--right--negative--n15 {
  margin-right: var(--spacing--neg--n15);
}

.margin--bottom--negative--n15 {
  margin-bottom: var(--spacing--neg--n15);
}

.margin--left--negative--n15 {
  margin-left: var(--spacing--neg--n15);
}

.margin--top--negative--n16 {
  margin-top: var(--spacing--neg--n16);
}

.margin--right--negative--n16 {
  margin-right: var(--spacing--neg--n16);
}

.margin--bottom--negative--n16 {
  margin-bottom: var(--spacing--neg--n16);
}

.margin--left--negative--n16 {
  margin-left: var(--spacing--neg--n16);
}

.margin--top--negative--n17 {
  margin-top: var(--spacing--neg--n17);
}

.margin--right--negative--n17 {
  margin-right: var(--spacing--neg--n17);
}

.margin--bottom--negative--n17 {
  margin-bottom: var(--spacing--neg--n17);
}

.margin--left--negative--n17 {
  margin-left: var(--spacing--neg--n17);
}

.margin--top--negative--n18 {
  margin-top: var(--spacing--neg--n18);
}

.margin--right--negative--n18 {
  margin-right: var(--spacing--neg--n18);
}

.margin--bottom--negative--n18 {
  margin-bottom: var(--spacing--neg--n18);
}

.margin--left--negative--n18 {
  margin-left: var(--spacing--neg--n18);
}

.margin--top--negative--n19 {
  margin-top: var(--spacing--neg--n19);
}

.margin--right--negative--n19 {
  margin-right: var(--spacing--neg--n19);
}

.margin--bottom--negative--n19 {
  margin-bottom: var(--spacing--neg--n19);
}

.margin--left--negative--n19 {
  margin-left: var(--spacing--neg--n19);
}

.margin--top--negative--n20 {
  margin-top: var(--spacing--neg--n20);
}

.margin--right--negative--n20 {
  margin-right: var(--spacing--neg--n20);
}

.margin--bottom--negative--n20 {
  margin-bottom: var(--spacing--neg--n20);
}

.margin--left--negative--n20 {
  margin-left: var(--spacing--neg--n20);
}

.margin--top--negative--n21 {
  margin-top: var(--spacing--neg--n21);
}

.margin--right--negative--n21 {
  margin-right: var(--spacing--neg--n21);
}

.margin--bottom--negative--n21 {
  margin-bottom: var(--spacing--neg--n21);
}

.margin--left--negative--n21 {
  margin-left: var(--spacing--neg--n21);
}

.margin--top--negative--n22 {
  margin-top: var(--spacing--neg--n22);
}

.margin--right--negative--n22 {
  margin-right: var(--spacing--neg--n22);
}

.margin--bottom--negative--n22 {
  margin-bottom: var(--spacing--neg--n22);
}

.margin--left--negative--n22 {
  margin-left: var(--spacing--neg--n22);
}

.margin--top--negative--n23 {
  margin-top: var(--spacing--neg--n23);
}

.margin--right--negative--n23 {
  margin-right: var(--spacing--neg--n23);
}

.margin--bottom--negative--n23 {
  margin-bottom: var(--spacing--neg--n23);
}

.margin--left--negative--n23 {
  margin-left: var(--spacing--neg--n23);
}

.margin--top--negative--n24 {
  margin-top: var(--spacing--neg--n24);
}

.margin--right--negative--n24 {
  margin-right: var(--spacing--neg--n24);
}

.margin--bottom--negative--n24 {
  margin-bottom: var(--spacing--neg--n24);
}

.margin--left--negative--n24 {
  margin-left: var(--spacing--neg--n24);
}

/**
*
* -------------- Sizing --------------
*
* Sizing values based on the UX Design System
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=504-13433&t=ZTtPXX4Vw42hqgj0-1
*
*/
:root {
  /**
     *
     * -------------- Sizing --------------
     *
     */
  --size--s1: 0.125rem;
  --size--s2: 0.25rem;
  --size--s3: 0.375rem;
  --size--s4: 0.5rem;
  --size--s5: 0.625rem;
  --size--s6: 0.75rem;
  --size--s7: 0.875rem;
  --size--s8: 1rem;
  --size--s9: 1.125rem;
  --size--s10: 1.25rem;
  --size--s11: 1.375rem;
  --size--s12: 1.5rem;
  --size--s13: 1.625rem;
  --size--s14: 1.75rem;
  --size--s15: 1.875rem;
  --size--s16: 2rem;
  --size--s17: 2.25rem;
  --size--s18: 2.5rem;
  --size--s19: 2.75rem;
  --size--s20: 3rem;
  --size--s21: 3.25rem;
  --size--s22: 3.5rem;
  --size--s23: 3.75rem;
  --size--s24: 4rem;
}

/**
*
* -------------- Elevations --------------
*
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=62-96
*
*/
:root {
  --elevation--sm--blur: 12px;
  --elevation--sm--spread: 0;
  --elevation--sm--color: rgba(0, 0, 0, 0.1);
  --elevation--sm--type: dropShadow;
  --elevation--sm--offset-x: 0;
  --elevation--sm--offset-y: 2px;
  --elevation--md--blur: 16px;
  --elevation--md--spread: 4px;
  --elevation--md--color: rgba(0, 0, 0, 0.1);
  --elevation--md--type: dropShadow;
  --elevation--md--offset-x: 0;
  --elevation--md--offset-y: 4px;
  --elevation--lg--blur: 48px;
  --elevation--lg--spread: 8px;
  --elevation--lg--color: rgba(0, 0, 0, 0.1);
  --elevation--lg--type: dropShadow;
  --elevation--lg--offset-x: 0;
  --elevation--lg--offset-y: 8px;
}

/**
* Border radius design system mapping, css var generation, and utility classes
*
* Values: 
*   - sharp
*   - xs
*   - sm
*   - md
*   - lg
*   - xl
*   - round
*
* ie: .border--radius--sharp
* @link: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=6539-30973&t=TTC2TkzhLbTVLT3V-1
*
*/
:root {
  --border--radius--sharp: 0rem;
  --border--radius--xs: 0.25rem;
  --border--radius--sm: 0.5rem;
  --border--radius--md: 1rem;
  --border--radius--lg: 1.5rem;
  --border--radius--xl: 2.5rem;
  --border--radius--round: 9999px;
}

.border--radius--sharp {
  border-radius: var(--border--radius--sharp);
}

.border--radius--bottom-left--sharp {
  border-bottom-left-radius: var(--border--radius--sharp);
}

.border--radius--bottom-right--sharp {
  border-bottom-right-radius: var(--border--radius--sharp);
}

.border--radius--top-left--sharp {
  border-top-left-radius: var(--border--radius--sharp);
}

.border--radius--top-right--sharp {
  border-top-right-radius: var(--border--radius--sharp);
}

.border--radius--xs {
  border-radius: var(--border--radius--xs);
}

.border--radius--bottom-left--xs {
  border-bottom-left-radius: var(--border--radius--xs);
}

.border--radius--bottom-right--xs {
  border-bottom-right-radius: var(--border--radius--xs);
}

.border--radius--top-left--xs {
  border-top-left-radius: var(--border--radius--xs);
}

.border--radius--top-right--xs {
  border-top-right-radius: var(--border--radius--xs);
}

.border--radius--sm {
  border-radius: var(--border--radius--sm);
}

.border--radius--bottom-left--sm {
  border-bottom-left-radius: var(--border--radius--sm);
}

.border--radius--bottom-right--sm {
  border-bottom-right-radius: var(--border--radius--sm);
}

.border--radius--top-left--sm {
  border-top-left-radius: var(--border--radius--sm);
}

.border--radius--top-right--sm {
  border-top-right-radius: var(--border--radius--sm);
}

.border--radius--md {
  border-radius: var(--border--radius--md);
}

.border--radius--bottom-left--md {
  border-bottom-left-radius: var(--border--radius--md);
}

.border--radius--bottom-right--md {
  border-bottom-right-radius: var(--border--radius--md);
}

.border--radius--top-left--md {
  border-top-left-radius: var(--border--radius--md);
}

.border--radius--top-right--md {
  border-top-right-radius: var(--border--radius--md);
}

.border--radius--lg {
  border-radius: var(--border--radius--lg);
}

.border--radius--bottom-left--lg {
  border-bottom-left-radius: var(--border--radius--lg);
}

.border--radius--bottom-right--lg {
  border-bottom-right-radius: var(--border--radius--lg);
}

.border--radius--top-left--lg {
  border-top-left-radius: var(--border--radius--lg);
}

.border--radius--top-right--lg {
  border-top-right-radius: var(--border--radius--lg);
}

.border--radius--xl {
  border-radius: var(--border--radius--xl);
}

.border--radius--bottom-left--xl {
  border-bottom-left-radius: var(--border--radius--xl);
}

.border--radius--bottom-right--xl {
  border-bottom-right-radius: var(--border--radius--xl);
}

.border--radius--top-left--xl {
  border-top-left-radius: var(--border--radius--xl);
}

.border--radius--top-right--xl {
  border-top-right-radius: var(--border--radius--xl);
}

.border--radius--round {
  border-radius: var(--border--radius--round);
}

.border--radius--bottom-left--round {
  border-bottom-left-radius: var(--border--radius--round);
}

.border--radius--bottom-right--round {
  border-bottom-right-radius: var(--border--radius--round);
}

.border--radius--top-left--round {
  border-top-left-radius: var(--border--radius--round);
}

.border--radius--top-right--round {
  border-top-right-radius: var(--border--radius--round);
}

/**
* Border width design system mapping, css var generation, and utility classes
*
* Values: 
*   - thin      - 1px
*   - medium    - 1.5px
*   - thick     - 2px
*   - bold      - 4px
*
* 
* @link: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=6539-30973&t=TTC2TkzhLbTVLT3V-1
*
*/
:root {
  --border--width--thin: 1px;
  --border--width--medium: 1.5px;
  --border--width--thick: 2px;
  --border--width--bold: 4px;
}

.border--width--thin {
  border-width: var(--border--width--thin);
}

.border--width--top--thin {
  border-top-width: var(--border--width--thin);
}

.border--width--right--thin {
  border-right-width: var(--border--width--thin);
}

.border--width--bottom--thin {
  border-bottom-width: var(--border--width--thin);
}

.border--width--left--thin {
  border-left-width: var(--border--width--thin);
}

.border--width--medium {
  border-width: var(--border--width--medium);
}

.border--width--top--medium {
  border-top-width: var(--border--width--medium);
}

.border--width--right--medium {
  border-right-width: var(--border--width--medium);
}

.border--width--bottom--medium {
  border-bottom-width: var(--border--width--medium);
}

.border--width--left--medium {
  border-left-width: var(--border--width--medium);
}

.border--width--thick {
  border-width: var(--border--width--thick);
}

.border--width--top--thick {
  border-top-width: var(--border--width--thick);
}

.border--width--right--thick {
  border-right-width: var(--border--width--thick);
}

.border--width--bottom--thick {
  border-bottom-width: var(--border--width--thick);
}

.border--width--left--thick {
  border-left-width: var(--border--width--thick);
}

.border--width--bold {
  border-width: var(--border--width--bold);
}

.border--width--top--bold {
  border-top-width: var(--border--width--bold);
}

.border--width--right--bold {
  border-right-width: var(--border--width--bold);
}

.border--width--bottom--bold {
  border-bottom-width: var(--border--width--bold);
}

.border--width--left--bold {
  border-left-width: var(--border--width--bold);
}

/**
*
* -------------- Breakpoints --------------
*
* Breakpoints brought over from root. 
* Not yet using Design system but want to move to that system.
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=1-9
*
*/
/**
* These variables are deprecated.
*/
.alignleft {
  margin-left: -1em;
}
@media screen and (min-width: 62rem) {
  .alignleft {
    margin-left: -10%;
  }
}

.alignright {
  margin-right: -1em;
}
@media screen and (min-width: 62rem) {
  .alignright {
    margin-right: -10%;
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  margin-left: var(--spacing--neg--n8) !important;
  margin-right: var(--spacing--neg--n8) !important;
}

.alignwide {
  max-width: var(--layout--wide-size) !important;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 75rem) {
  .alignwide {
    padding-right: var(--wp--style--root--padding-left);
  }
}

.aligncontent {
  max-width: var(--layout--content-size) !important;
  margin-left: auto;
  margin-right: auto;
}

body {
  overflow-x: hidden;
}

.site {
  max-width: 100vw;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 62rem) {
  .site {
    margin: 0 auto;
    overflow: visible;
  }
}

.entry-header {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
}
@media screen and (min-width: 75rem) {
  .entry-header {
    padding-left: 0;
    padding-right: 0;
  }
}
.entry-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: var(--spacing--pos--p16);
}

.page-template-page__hide_page_title-php .entry-header {
  margin-bottom: 0;
}

.entry-header.hero {
  position: relative;
  background-position: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: var(--spacing--neg--n8);
  margin-right: var(--spacing--neg--n8);
  max-width: 100vw;
}
@media screen and (min-width: 62rem) {
  .entry-header.hero {
    margin-left: auto;
    margin-right: auto;
  }
}
.entry-header.hero .entry-title, .entry-header.hero .archive-description {
  color: var(--color--surface--base);
  z-index: 2;
}
.entry-header.hero .entry-title {
  margin-top: 0;
}
.entry-header.hero .hero--overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.entry-header.hero .hero--image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.site-main {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 100%;
  min-height: 100vh;
}

.site-main--wrapper {
  width: inherit;
}
.site-main--wrapper.archive > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--layout--content-size);
  margin-left: auto;
  margin-right: auto;
}

.entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
}
@media screen and (min-width: 75rem) {
  .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    padding-left: 0;
    padding-right: 0;
  }
}
.entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--layout--content-size);
}

.entry-footer {
  max-width: var(--layout--content-size);
  margin: 2rem auto;
}

div[class*=wp-container-] > * {
  margin-left: 0;
  margin-right: 0;
}
div[class*=wp-container-] > p {
  margin-left: 0;
  margin-right: 0;
}

.posts-container {
  margin-bottom: var(--spacing--pos--p16);
}

.ornl-brand-header {
  border-bottom: var(--border--width--thin) solid var(--color--neutral--subtle);
  background-color: var(--color--brand--primary);
  padding-top: var(--spacing--pos--p4);
  padding-bottom: var(--spacing--pos--p4);
}
.ornl-brand-header .ornl-brand-header--inner {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
}
@media screen and (min-width: 75rem) {
  .ornl-brand-header .ornl-brand-header--inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.ornl-brand-header .ornl-logo {
  display: block;
  grid-area: ornl_logo;
  height: auto;
  min-width: 90px;
  min-height: 32px;
  width: 140px;
}
.ornl-brand-header .ornl-logo svg {
  fill: var(--color--text--white);
  height: inherit;
  width: inherit;
  max-height: inherit;
  display: block;
}
.ornl-brand-header .ornl-logo:hover, .ornl-brand-header .ornl-logo:focus, .ornl-brand-header .ornl-logo:active, .ornl-brand-header .ornl-logo:visited {
  color: var(--color--brand--primary);
}

.ornl-header {
  background-color: var(--color--surface--base);
  font-family: var(--font-family--heading-base);
}

.ornl-identity-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
}
@media screen and (min-width: 75rem) {
  .ornl-identity-header {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 48rem) {
  .ornl-identity-header {
    padding-right: 0;
  }
}

.site-identity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-size--base);
  color: var(--color--text--base);
  margin-top: var(--spacing--pos--p16);
  margin-bottom: var(--spacing--pos--p12);
  margin-left: 0;
  margin-right: 0;
}
.site-identity .site-title {
  color: inherit;
  font-size: var(--body--lg--font-size);
  font-style: normal;
  font-weight: var(--font-weight--bold);
  text-decoration: none;
}
.site-identity .site-title:hover, .site-identity .site-title:focus, .site-identity .site-title:active, .site-identity .site-title:visited {
  color: var(--color--text--base);
  text-decoration: none;
}
@media screen and (min-width: 62rem) {
  .site-identity .site-title {
    font-size: 2.625rem;
  }
}

#searchDialog {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--font-size--body--lg);
  margin: 0;
  max-width: 100%;
  height: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: height ease-in-out 0.3s;
  transition: height ease-in-out 0.3s;
}
#searchDialog[open] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: visible;
}
#searchDialog::backdrop {
  background-color: var(--color--neutral--intense);
  opacity: var(--opacity--10);
}
#searchDialog .dialog-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing--pos--p20);
  width: 80vw;
}

#closeSearchDialog {
  -ms-flex-item-align: end;
      align-self: end;
}

#ornl-search-trigger {
  -ms-flex-item-align: center;
      align-self: center;
  color: var(--color--text--base) !important;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: auto;
}
#ornl-search-trigger::after {
  content: "|";
  font-size: 2rem;
  margin-left: var(--spacing--pos--p4);
}
@media screen and (min-width: 62rem) {
  #ornl-search-trigger::after {
    content: "";
    margin-left: 0;
  }
}

.nav-search-container {
  display: grid;
  grid-template-areas: "search nav";
}
@media screen and (min-width: 62rem) {
  .nav-search-container {
    grid-template-areas: "nav search";
  }
  .nav-search-container .usa-menu-btn:hover {
    color: inherit;
    position: relative;
  }
  .nav-search-container button.menu-toggle {
    position: relative;
  }
}
.nav-search-container .main-navigation {
  grid-area: nav;
}
.nav-search-container .main-navigation .menu-toggle {
  position: relative;
}
.nav-search-container #ornl-search-trigger {
  grid-area: search;
}

#searchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: inherit;
  gap: var(--spacing--pos--p4);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#searchForm input {
  font-size: inherit;
}
#searchForm .search-input-wrapper {
  border: none;
  border-bottom: var(--border--width--thick) solid var(--color--primary);
  border-radius: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-bottom: var(--spacing--pos--p2);
}
@media screen and (max-width: 62rem) {
  #searchForm .search-input-wrapper {
    width: 70vw;
  }
}
#searchForm .search-input {
  border: none;
  width: 70vw;
}
@media screen and (max-width: 62rem) {
  #searchForm .search-input {
    width: 58vw;
  }
}
#searchForm .search-input:not(:valid) ~ [type=reset] {
  display: none;
}
#searchForm [type=reset] {
  background-color: var(--color--neutral);
  border: var(--border--width--thin) solid transparent;
  border-radius: var(--border--radius--round);
  color: var(--color--text--base);
  font-size: var(--body--xs--font-size);
  -webkit-transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
  padding: var(--spacing--pos--p6);
}
#searchForm [type=reset] > svg {
  height: var(--size--s8);
  fill: currentColor;
  width: var(--size--s8);
}
#searchForm [type=submit] {
  background-color: var(--color--primary);
  border: var(--border--width--thin) solid transparent;
  border-radius: var(--border--radius--round);
  color: var(--color--text--inverted);
  font-size: var(--font-size--body--xs);
  padding: var(--spacing--pos--p6);
  -webkit-transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
}

.icon-button {
  background-color: transparent;
  border: none;
  height: 44px;
  width: 44px;
  color: var(--color--primary);
  cursor: pointer;
  margin: 0;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-transition: outline ease-in-out 0.3s, background-color ease-in-out 0.3s;
  transition: outline ease-in-out 0.3s, background-color ease-in-out 0.3s;
}
.icon-button:hover {
  background-color: transparent;
  color: var(--color--accent--weak);
}
.icon-button:focus {
  background-color: transparent;
  outline-color: var(--color--accent--weak);
  outline-offset: 0.25rem;
  outline-style: dotted;
  outline-width: 0.25rem;
}
.icon-button > svg {
  fill: currentColor;
}

.ornl-nav {
  --nav--bg--color: var(--color--accent--distinct);
  --nav--bg--color--sub-menu: var(--color--accent--distinct);
  --nav--text--color--top-level: var(--color--text--inverted);
  --nav--text--color--sub-menu: var(--color--text--inverted);
  --nav--text--size--top-level: var(--body--lg--font-size);
  --nav--text--size--sub-menu: var(--body--lg--font-size);
  background-color: var(--nav--bg--color);
  width: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  border-right: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
  z-index: 500;
}
@media screen and (min-width: 62rem) {
  .ornl-nav {
    --nav--bg--color: var(--color--surface--base);
    --nav--bg--color--sub-menu: var(--color--accent--distinct);
    --nav--text--color--top-level: var(--color--text--base);
    --nav--text--color--sub-menu: var(--color--text--inverted);
    --nav--text--size--top-level: var(--body--sm--font-size);
    --nav--text--size--sub-menu: var(--body--sm--font-size);
  }
}
@media screen and (min-width: 62rem) {
  .ornl-nav {
    background-color: var(--color--surface--base);
    border: var(--border--width--thin) solid var(--color--neutral--soft);
    border-left: none;
    border-right: none;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
  }
}
.ornl-nav.is-visible {
  -webkit-animation: slidein-left 0.3s ease-in-out;
          animation: slidein-left 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ornl-nav .ornl-nav--inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
}
@media screen and (min-width: 75rem) {
  .ornl-nav .ornl-nav--inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 62rem) {
  .ornl-nav .ornl-nav--inner {
    margin-top: var(--spacing--pos--p24);
    margin-left: 0;
    margin-right: 0;
  }
}
.ornl-nav .ornl-nav__primary {
  display: block;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-nav__primary {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item {
  border-top: 0;
  line-height: 0.9;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item a {
  color: var(--nav--text--color--top-level);
  display: block;
  font-size: var(--nav--text--size--top-level);
  font-weight: var(--font-weight--bold);
  padding: var(--spacing--pos--p4) var(--spacing--pos--p8);
  position: relative;
  text-decoration: none;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:hover, .ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:focus {
  color: var(--nav--text--color--top-level);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:focus {
  outline-color: var(--color--primary);
  outline-width: var(--border--width--bold);
  outline-offset: var(--spacing--neg--n2);
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item a {
    padding: var(--spacing--pos--p8) var(--spacing--pos--p8);
  }
}
@media screen and (max-width: 62rem) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:first-of-type {
    padding-left: var(--spacing--pos--p8);
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item .ornl-current {
  color: var(--nav--text--color--top-level);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item .ornl-current::after {
  border-left: var(--border--width--bold) solid var(--color--primary);
  bottom: var(--spacing--pos--p2);
  content: "";
  left: 0;
  position: absolute;
  top: var(--spacing--pos--p2);
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item .ornl-current::after {
    border-left: none;
    border-bottom: var(--border--width--bold) solid var(--color--primary);
    left: 0;
    right: 0;
    top: 0;
    bottom: -2px;
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button {
  border-radius: var(--border--radius--sharp);
  color: var(--nav--text--color--top-level);
  display: block;
  font-size: var(--nav--text--size--top-level);
  font-weight: var(--font-weight--bold);
  margin: 0;
  padding: var(--spacing--pos--p4) var(--spacing--pos--p8);
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button:hover, .ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button:focus {
  color: var(--nav--text--color--top-level);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button:focus {
  outline-color: var(--color--primary);
  outline-width: var(--border--width--bold);
  outline-offset: var(--spacing--neg--n2);
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button {
    padding: var(--spacing--pos--p8) var(--spacing--pos--p8);
    padding-right: var(--spacing--pos--p12);
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true] {
  background-color: var(--nav--bg--color--sub-menu);
  color: var(--color--text--inverted);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true]:hover, .ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true]:focus {
  background-color: var(--nav--bg--color--sub-menu);
  color: var(--color--text--inverted);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true] ~ .ornl-nav__submenu {
  display: block;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true] span::before {
  top: 7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button span {
  position: relative;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button span::before {
  content: "";
  display: block;
  border-top: var(--border--width--thick) solid;
  border-right: var(--border--width--thick) solid;
  border-color: currentColor;
  display: inherit;
  height: var(--size--s3);
  width: var(--size--s3);
  position: absolute;
  top: 5px;
  right: -11px;
  -webkit-transform: rotate(134deg);
          transform: rotate(134deg);
}
.ornl-nav .ornl-nav__submenu {
  background-color: var(--nav--bg--color--sub-menu);
  display: none;
  font-size: var(--nav--text--size--sub-menu);
  list-style-type: none;
  margin-left: 0;
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-nav__submenu {
    padding-left: 0;
    padding-top: var(--spacing--pos--p4);
    padding-bottom: var(--spacing--pos--p4);
    position: absolute;
    top: var(--spacing--pos--p20);
    width: 15rem;
  }
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item {
  border-top: none;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a {
  color: var(--nav--text--color--sub-menu);
  font-weight: var(--font-weight--normal);
  text-decoration: none;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a:hover, .ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a:focus {
  color: var(--nav--text--color--sub-menu);
  text-decoration: underline;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a:focus {
  outline-color: var(--color--primary);
  outline-width: var(--border--width--bold);
  outline-offset: var(--spacing--neg--n2);
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item .ornl-current {
  background-color: var(--color--primary);
  color: var(--nav--text--color--sub-menu);
  font-weight: var(--font-weight--bold);
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item .ornl-current::after {
  border: none;
}
.ornl-nav .ornl-nav__submenu-list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.ornl-nav .ornl-col__heading,
.ornl-nav .ornl-col__heading > span {
  font-weight: var(--font-weight--bold);
  font-size: var(--body--lg--font-size);
  color: var(--nav--text--color--sub-menu);
  padding-left: 0 !important;
}
.ornl-nav .ornl-nav__submenu-list {
  margin-left: 0;
}
.ornl-nav .ornl-nav__submenu-list .ornl-nav__submenu-item {
  border-top: none;
}
.ornl-nav .ornl-megamenu.ornl-nav__submenu .grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing--pos--p4);
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-megamenu.ornl-nav__submenu .grid-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 62rem) {
  .ornl-nav .ornl-megamenu.ornl-nav__submenu {
    left: 0;
    padding-bottom: var(--spacing--pos--p8);
    padding-left: var(--spacing--pos--p8);
    padding-right: var(--spacing--pos--p8);
    padding-top: var(--spacing--pos--p8);
    right: 0;
    width: auto;
  }
  .ornl-nav .ornl-megamenu.ornl-nav__submenu::after, .ornl-nav .ornl-megamenu.ornl-nav__submenu::before {
    content: "";
    bottom: 0;
    top: 0;
    background-color: var(--nav--bg--color--sub-menu);
    display: block;
    position: absolute;
    width: calc(50vw - 480px);
  }
  .ornl-nav .ornl-megamenu.ornl-nav__submenu::after {
    left: 100%;
  }
  .ornl-nav .ornl-megamenu.ornl-nav__submenu::before {
    right: 100%;
  }
}

button.primary-menu-toggle {
  border-color: transparent !important;
  border-radius: 0;
  background-color: transparent !important;
  color: inherit;
  display: block;
  margin: 0;
  padding-bottom: var(--spacing--pos--p3);
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
  padding-top: var(--spacing--pos--p5);
  cursor: pointer;
  position: relative;
  right: 2px;
  top: 2px;
  -webkit-transition: none;
  transition: none;
  z-index: 101;
}
@media screen and (min-width: 62rem) {
  button.primary-menu-toggle {
    display: none;
  }
}

.site-navigation-open button.primary-menu-toggle {
  color: var(--color--text--inverted);
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 501;
}
.site-navigation-open button.primary-menu-toggle #hamburger {
  fill: var(--color--text--inverted);
  display: block;
}
.site-navigation-open button.primary-menu-toggle #hamburger #top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.site-navigation-open button.primary-menu-toggle #hamburger #middle {
  opacity: 0;
}
.site-navigation-open button.primary-menu-toggle #hamburger #bottom {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/**
*
* -------------- Font Family --------------
*
*/
:root {
  --font-family--primary: "Roboto", sans-serif;
  --font-family--secondary: "Mulish", sans-serif;
  --font-family--heading-base: "Mulish", sans-serif;
  --font-family--body-base: "Mulish", sans-serif;
  --font-family--display-base: var(--font-family--heading-base);
}

/**
*
* -------------- Letter Spacing --------------
*
* His all been made up based on existing design system values.
*
* TODO: Had to make this up based on existing DS values. Need to consult with UX
*/
:root {
  --letter-spacing--xxs: -0.04em;
  --letter-spacing--xs: -0.03em;
  --letter-spacing--sm: -0.02em;
  --letter-spacing--base: 0em;
  --letter-spacing--md: 0.02em;
  --letter-spacing--lg: 0.03em;
  --letter-spacing--xl: 0.04em;
  --letter-spacing--xxl: 0.08em;
}

/**
*
* -------------- Line Height --------------
*
* Values are based on DS system, but there is no direct mapping as tokens do not exist for line heights.
* 
*/
:root {
  --line-height--base: 1;
  --line-height--sm: 1.2;
  --line-height--md: 1.5;
  --line-height--lg: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  margin-top: calc(var(--spacing--pos--p4) * 2.5);
  margin-bottom: var(--spacing--pos--p4);
}

h1 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 3rem;
  font-weight: 500;
}

h2 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 2.5rem;
  font-weight: 500;
}

h3 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 2rem;
  font-weight: 500;
}

h4 {
  letter-spacing: 0em;
  line-height: 1.2;
  font-size: 1.5rem;
  font-weight: 500;
}

h5 {
  letter-spacing: 0em;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 500;
}

h6 {
  letter-spacing: 0em;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 500;
}

/**
* Body Text
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=1-8
*
* Sizes: 
*   - xl
*   - lg
*   - md
*   - sm
*   - xs
*   - xxs
*
* Classes:
*   - .body--xl                 // can be used in lieu of below when creating custom things
*   - .has-body-xl-font-size    // generally used to comply with WP class syntax for block style settings
*/
:root {
  --body--xl--font-family: Mulish;
  --body--xl--font-weight: 400;
  --body--xl--font-size: 1.5rem;
  --body--xl--line-height: 1.5;
  --body--xl--letter-spacing: 0.02em;
  --body--lg--font-family: Mulish;
  --body--lg--font-weight: 400;
  --body--lg--font-size: 1.25rem;
  --body--lg--line-height: 1.5;
  --body--lg--letter-spacing: 0.02em;
  --body--md--font-family: Mulish;
  --body--md--font-weight: 400;
  --body--md--font-size: 1rem;
  --body--md--line-height: 1.5;
  --body--md--letter-spacing: 0.02em;
  --body--sm--font-family: Mulish;
  --body--sm--font-weight: 400;
  --body--sm--font-size: 0.875rem;
  --body--sm--line-height: 1.5;
  --body--sm--letter-spacing: 0.02em;
  --body--xs--font-family: Mulish;
  --body--xs--font-weight: 400;
  --body--xs--font-size: 0.75rem;
  --body--xs--line-height: 1.5;
  --body--xs--letter-spacing: 0.02em;
  --body--xxs--font-family: Mulish;
  --body--xxs--font-weight: 400;
  --body--xxs--font-size: 0.625rem;
  --body--xxs--line-height: 1.5;
  --body--xxs--letter-spacing: 0.02em;
}

.body--xl,
.has-body-xl-font-size {
  font-family: var(--body--xl--font-family);
  font-weight: var(--body--xl--font-weight);
  font-size: var(--body--xl--font-size);
  line-height: var(--body--xl--line-height);
  letter-spacing: var(--body--xl--letter-spacing);
}

.body--lg,
.has-body-lg-font-size {
  font-family: var(--body--lg--font-family);
  font-weight: var(--body--lg--font-weight);
  font-size: var(--body--lg--font-size);
  line-height: var(--body--lg--line-height);
  letter-spacing: var(--body--lg--letter-spacing);
}

.body--md,
.has-body-md-font-size {
  font-family: var(--body--md--font-family);
  font-weight: var(--body--md--font-weight);
  font-size: var(--body--md--font-size);
  line-height: var(--body--md--line-height);
  letter-spacing: var(--body--md--letter-spacing);
}

.body--sm,
.has-body-sm-font-size {
  font-family: var(--body--sm--font-family);
  font-weight: var(--body--sm--font-weight);
  font-size: var(--body--sm--font-size);
  line-height: var(--body--sm--line-height);
  letter-spacing: var(--body--sm--letter-spacing);
}

.body--xs,
.has-body-xs-font-size {
  font-family: var(--body--xs--font-family);
  font-weight: var(--body--xs--font-weight);
  font-size: var(--body--xs--font-size);
  line-height: var(--body--xs--line-height);
  letter-spacing: var(--body--xs--letter-spacing);
}

.body--xxs,
.has-body-xxs-font-size {
  font-family: var(--body--xxs--font-family);
  font-weight: var(--body--xxs--font-weight);
  font-size: var(--body--xxs--font-size);
  line-height: var(--body--xxs--line-height);
  letter-spacing: var(--body--xxs--letter-spacing);
}

body {
  font-family: var(--font-family--body-base);
}

p {
  color: var(--color--text--base);
  font-size: var(--body--lg--font-size);
  font-weight: var(--body--lg--font-weight);
  letter-spacing: var(--body--lg--letter-spacing);
  line-height: var(--body--lg--line-height);
  margin-bottom: var(--spacing--pos--p8);
  margin-top: 0;
}

/**
* Display Text
* See: https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=1-8
*
* Sizes: 1-6
*
* Classes:
*   - .display--1 // can be used in lieu of below when creating custom things
*   - .has-display-1-font-size // generally used to comply with WP class syntax for block style settings
*/
:root {
  --display--1--font-family: Mulish;
  --display--1--font-weight: 900;
  --display--1--font-size: 7.5rem;
  --display--1--line-height: 1;
  --display--1--letter-spacing: -0.04em;
  --display--2--font-family: Mulish;
  --display--2--font-weight: 900;
  --display--2--font-size: 6rem;
  --display--2--line-height: 1;
  --display--2--letter-spacing: -0.04em;
  --display--3--font-family: Mulish;
  --display--3--font-weight: 900;
  --display--3--font-size: 4.5rem;
  --display--3--line-height: 1;
  --display--3--letter-spacing: -0.03em;
  --display--4--font-family: Mulish;
  --display--4--font-weight: 900;
  --display--4--font-size: 4rem;
  --display--4--line-height: 1;
  --display--4--letter-spacing: -0.03em;
  --display--5--font-family: Mulish;
  --display--5--font-weight: 900;
  --display--5--font-size: 3.5rem;
  --display--5--line-height: 1;
  --display--5--letter-spacing: -0.03em;
  --display--6--font-family: Mulish;
  --display--6--font-weight: 900;
  --display--6--font-size: 3rem;
  --display--6--line-height: 1;
  --display--6--letter-spacing: -0.03em;
}

.display--1,
.has-display-1-font-size {
  color: var(--color--text--base);
  font-family: var(--display--1--font-family);
  color: var(--color--text--base);
  font-weight: var(--display--1--font-weight);
  color: var(--color--text--base);
  font-size: var(--display--1--font-size);
  color: var(--color--text--base);
  line-height: var(--display--1--line-height);
  color: var(--color--text--base);
  letter-spacing: var(--display--1--letter-spacing);
}

.display--2,
.has-display-2-font-size {
  color: var(--color--text--base);
  font-family: var(--display--2--font-family);
  color: var(--color--text--base);
  font-weight: var(--display--2--font-weight);
  color: var(--color--text--base);
  font-size: var(--display--2--font-size);
  color: var(--color--text--base);
  line-height: var(--display--2--line-height);
  color: var(--color--text--base);
  letter-spacing: var(--display--2--letter-spacing);
}

.display--3,
.has-display-3-font-size {
  color: var(--color--text--base);
  font-family: var(--display--3--font-family);
  color: var(--color--text--base);
  font-weight: var(--display--3--font-weight);
  color: var(--color--text--base);
  font-size: var(--display--3--font-size);
  color: var(--color--text--base);
  line-height: var(--display--3--line-height);
  color: var(--color--text--base);
  letter-spacing: var(--display--3--letter-spacing);
}

.display--4,
.has-display-4-font-size {
  color: var(--color--text--base);
  font-family: var(--display--4--font-family);
  color: var(--color--text--base);
  font-weight: var(--display--4--font-weight);
  color: var(--color--text--base);
  font-size: var(--display--4--font-size);
  color: var(--color--text--base);
  line-height: var(--display--4--line-height);
  color: var(--color--text--base);
  letter-spacing: var(--display--4--letter-spacing);
}

.display--5,
.has-display-5-font-size {
  color: var(--color--text--base);
  font-family: var(--display--5--font-family);
  color: var(--color--text--base);
  font-weight: var(--display--5--font-weight);
  color: var(--color--text--base);
  font-size: var(--display--5--font-size);
  color: var(--color--text--base);
  line-height: var(--display--5--line-height);
  color: var(--color--text--base);
  letter-spacing: var(--display--5--letter-spacing);
}

.display--6,
.has-display-6-font-size {
  color: var(--color--text--base);
  font-family: var(--display--6--font-family);
  color: var(--color--text--base);
  font-weight: var(--display--6--font-weight);
  color: var(--color--text--base);
  font-size: var(--display--6--font-size);
  color: var(--color--text--base);
  line-height: var(--display--6--line-height);
  color: var(--color--text--base);
  letter-spacing: var(--display--6--letter-spacing);
}

.site-main a {
  border-radius: var(--border--radius--sharp);
  color: var(--color--primary);
  position: relative;
  text-decoration: underline;
}
.site-main a:hover {
  background-color: rgb(from var(--color--primary) r g b/var(--opacity--3));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--3)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--3));
          box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--3)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--3));
}
.site-main a:focus {
  outline-color: var(--color--primary);
  outline-width: var(--border--width--bold);
  background-color: rgb(from var(--color--primary) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5));
}
.site-main a:active {
  background-color: rgb(from var(--color--primary) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5));
}
.site-main a:visited {
  color: var(--color--secondary);
}
.site-main a:visited:hover {
  background-color: rgb(from var(--color--secondary) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
}
.site-main a:visited:focus {
  background-color: rgb(from var(--color--secondary) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
}
.site-main a:visited:active {
  background-color: rgb(from var(--color--secondary) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
}

/**
*
* Eyebrow Typography
*
* @file _eyebrow.scss
* @description This file contains the styles for the eyebrow typography used in the USWDS theme.
*
* @since 0.13.0
* @link https://www.figma.com/design/LqnpoHfyFAXDJpZsOeunLP/ORNL-Design-System-UI-Kit?m=auto&node-id=1-8&t=A60xAcqUCjqx7fvP-1
*
* TODO: need to better define global font sizes. Currently the design system used heading and body specific font sizes.
*       This is not ideal as it does not allow for easy scaling of typography.
*
*/
.eyebrow--xl {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: var(--font-weight--heavy);
  text-transform: uppercase;
  font-size: var(--body--xl--font-size);
}
.eyebrow--lg {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: var(--font-weight--heavy);
  text-transform: uppercase;
  font-size: var(--body--lg--font-size);
}
.eyebrow--md {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: var(--font-weight--heavy);
  text-transform: uppercase;
  font-size: var(--body--md--font-size);
}
.eyebrow--sm {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: var(--font-weight--heavy);
  text-transform: uppercase;
  font-size: var(--body--sm--font-size);
}
.eyebrow--xs {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: var(--font-weight--heavy);
  text-transform: uppercase;
  font-size: var(--body--xs--font-size);
}
.eyebrow--xxs {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: var(--font-weight--heavy);
  text-transform: uppercase;
  font-size: var(--body--xxs--font-size);
}

/**
* USWDS Lists and related styles
* https://designsystem.digital.gov/components/list/
*
* @since 0.2.0 - updates classes to use ornl-list in lieu of USWDS. usa-list and is-style-usa-list--unstyled classes are left for backwards compatibility
*/
.entry-content .ornl-list,
.entry-content .usa-list,
.entry-content ul,
.entry-content ol {
  color: var(--color--text--base);
  font-size: var(--body--lg--font-size);
  margin-top: 0;
  padding-left: var(--spacing--pos--p16);
}

.ornl-list li,
.usa-list li {
  margin-bottom: var(--spacing--pos--p4);
}

.ornl-list.is-style--unstyled,
.is-style-usa-list--unstyled {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
}
.ornl-list.is-style--unstyled > li,
.is-style-usa-list--unstyled > li {
  margin-bottom: var(--spacing--pos--p4) !important;
}

/**
*
* -------------- Font Weight Utility Classes --------------
*
* This loop generates utility classes for font weights based on the CSS variable --font-weight--[name]
* 
* 
*  Output examples:
* .font-weight--light   { font-weight: 200; }
* .font-weight--normal   { font-weight: 300; }
* .font-weight--medium  { font-weight: 500; }
* .font-weight--semi    { font-weight: 600; }
* .font-weight--bold    { font-weight: 700; }
* .font-weight--heavy   { font-weight: 900; }
*
*/
:root {
  --font-weight--light: 200;
  --font-weight--normal: 300;
  --font-weight--medium: 500;
  --font-weight--semi: 600;
  --font-weight--bold: 700;
  --font-weight--heavy: 900;
}

.font-weight-light {
  font-weight: var(--font-weight--light);
}

.font-weight-normal {
  font-weight: var(--font-weight--normal);
}

.font-weight-medium {
  font-weight: var(--font-weight--medium);
}

.font-weight-semi {
  font-weight: var(--font-weight--semi);
}

.font-weight-bold {
  font-weight: var(--font-weight--bold);
}

.font-weight-heavy {
  font-weight: var(--font-weight--heavy);
}

/* Text meant only for screen readers. */
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.ornl-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing--pos--p4);
  padding: 0;
  width: 100%;
}
.ornl-button-group > .ornl-button {
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
}
.ornl-button-group--justification--left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ornl-button-group--justification--right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ornl-button-group--justification--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ornl-button-group--justification--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ornl-button-group--justification--space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ornl-button-group--justification--space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.ornl-button-group--direction--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ornl-button-group--direction--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/**
* --- Base styles for all buttons. ----
* base ORNL button = .button
* base WordPress button = .wp-block-button > .wp-block-button__link
*/
.button,
.ornl-button,
a.button,
a.ornl-button,
.wp-block-button > .wp-block-button__link,
.usa-button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  display: inline-block;
  border-radius: var(--border--radius--sharp);
  border-width: var(--border--width--medium);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  font-weight: var(--font-weight--medium);
  font-size: var(--body--md--font-size);
  line-height: 1;
  margin: var(--spacing--pos--p4) 0;
  padding: var(--spacing--pos--p7) var(--spacing--pos--p16);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
  cursor: pointer;
}
.button:focus,
.ornl-button:focus,
a.button:focus,
a.ornl-button:focus,
.wp-block-button > .wp-block-button__link:focus,
.usa-button:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline-color: var(--wp--custom--button-state--focus);
  outline-offset: var(--spacing--pos--p2);
  outline-style: solid;
}
.button:hover,
.ornl-button:hover,
a.button:hover,
a.ornl-button:hover,
.wp-block-button > .wp-block-button__link:hover,
.usa-button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

[contentEditable=true]:focus,
[href]:focus,
[tabindex]:focus,
iframe:focus {
  outline-color: var(--color--primary);
  outline-offset: var(--spacing--pos--p2);
  outline-style: solid;
  outline-width: var(--border--width--thick);
}

/**
* --- All button options with border (not plain or default) ----
*  ORNL buttons
* is-style-fill
* is-style-fill-w-chevron
* is-style-outline
* is-style-outline-w-chevron
*
*/
/**
* --- layout and SVG styles for buttons with chevrons ----
*/
.is-style-fill-w-chevron > svg,
.is-style-outline-w-chevron > svg,
.is-style-fill-w-chevron > .wp-block-button__link > svg,
.is-style-outline-w-chevron > .wp-block-button__link > svg {
  height: 1rem;
  fill: currentColor;
  margin-left: var(--spacing--pos--p8);
}

.button.is-style-fill-w-chevron,
.ornl-button.is-style-fill-w-chevron,
a.button.is-style-fill-w-chevron,
a.ornl-button.is-style-fill-w-chevron,
.button.is-style-outline-w-chevron,
.ornl-button.is-style-outline-w-chevron,
a.button.is-style-outline-w-chevron,
a.ornl-button.is-style-outline-w-chevron,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}

/**
* --- Styles for block buttons and non-block buttons ----
*/
.button.is-style-fill.has-primary-background-color,
.button.is-style-fill-w-chevron.has-primary-background-color,
.button.is-style-plain.has-primary-background-color,
.ornl-button.is-style-fill.has-primary-background-color,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color,
.ornl-button.is-style-plain.has-primary-background-color,
a.button.is-style-fill.has-primary-background-color,
a.button.is-style-fill-w-chevron.has-primary-background-color,
a.button.is-style-plain.has-primary-background-color,
a.ornl-button.is-style-fill.has-primary-background-color,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color,
a.ornl-button.is-style-plain.has-primary-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color {
  background-color: var(--color--primary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--primary);
}
.button.is-style-fill.has-primary-background-color:visited,
.button.is-style-fill-w-chevron.has-primary-background-color:visited,
.button.is-style-plain.has-primary-background-color:visited,
.ornl-button.is-style-fill.has-primary-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:visited,
.ornl-button.is-style-plain.has-primary-background-color:visited,
a.button.is-style-fill.has-primary-background-color:visited,
a.button.is-style-fill-w-chevron.has-primary-background-color:visited,
a.button.is-style-plain.has-primary-background-color:visited,
a.ornl-button.is-style-fill.has-primary-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:visited,
a.ornl-button.is-style-plain.has-primary-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:visited {
  background-color: var(--color--primary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--primary);
}
.button.is-style-fill.has-primary-background-color:hover,
.button.is-style-fill-w-chevron.has-primary-background-color:hover,
.button.is-style-plain.has-primary-background-color:hover,
.ornl-button.is-style-fill.has-primary-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:hover,
.ornl-button.is-style-plain.has-primary-background-color:hover,
a.button.is-style-fill.has-primary-background-color:hover,
a.button.is-style-fill-w-chevron.has-primary-background-color:hover,
a.button.is-style-plain.has-primary-background-color:hover,
a.ornl-button.is-style-fill.has-primary-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:hover,
a.ornl-button.is-style-plain.has-primary-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:hover {
  background-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-primary-background-color:focus,
.button.is-style-fill-w-chevron.has-primary-background-color:focus,
.button.is-style-plain.has-primary-background-color:focus,
.ornl-button.is-style-fill.has-primary-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:focus,
.ornl-button.is-style-plain.has-primary-background-color:focus,
a.button.is-style-fill.has-primary-background-color:focus,
a.button.is-style-fill-w-chevron.has-primary-background-color:focus,
a.button.is-style-plain.has-primary-background-color:focus,
a.ornl-button.is-style-fill.has-primary-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:focus,
a.ornl-button.is-style-plain.has-primary-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:focus {
  background-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-primary-background-color:active,
.button.is-style-fill-w-chevron.has-primary-background-color:active,
.button.is-style-plain.has-primary-background-color:active,
.ornl-button.is-style-fill.has-primary-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:active,
.ornl-button.is-style-plain.has-primary-background-color:active,
a.button.is-style-fill.has-primary-background-color:active,
a.button.is-style-fill-w-chevron.has-primary-background-color:active,
a.button.is-style-plain.has-primary-background-color:active,
a.ornl-button.is-style-fill.has-primary-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:active,
a.ornl-button.is-style-plain.has-primary-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:active {
  background-color: hsl(from var(--color--primary) h s calc(l - 13)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--primary) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-secondary-background-color,
.button.is-style-fill-w-chevron.has-secondary-background-color,
.button.is-style-plain.has-secondary-background-color,
.ornl-button.is-style-fill.has-secondary-background-color,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color,
.ornl-button.is-style-plain.has-secondary-background-color,
a.button.is-style-fill.has-secondary-background-color,
a.button.is-style-fill-w-chevron.has-secondary-background-color,
a.button.is-style-plain.has-secondary-background-color,
a.ornl-button.is-style-fill.has-secondary-background-color,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color,
a.ornl-button.is-style-plain.has-secondary-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color {
  background-color: var(--color--secondary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--secondary);
}
.button.is-style-fill.has-secondary-background-color:visited,
.button.is-style-fill-w-chevron.has-secondary-background-color:visited,
.button.is-style-plain.has-secondary-background-color:visited,
.ornl-button.is-style-fill.has-secondary-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:visited,
.ornl-button.is-style-plain.has-secondary-background-color:visited,
a.button.is-style-fill.has-secondary-background-color:visited,
a.button.is-style-fill-w-chevron.has-secondary-background-color:visited,
a.button.is-style-plain.has-secondary-background-color:visited,
a.ornl-button.is-style-fill.has-secondary-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:visited,
a.ornl-button.is-style-plain.has-secondary-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:visited {
  background-color: var(--color--secondary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--secondary);
}
.button.is-style-fill.has-secondary-background-color:hover,
.button.is-style-fill-w-chevron.has-secondary-background-color:hover,
.button.is-style-plain.has-secondary-background-color:hover,
.ornl-button.is-style-fill.has-secondary-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:hover,
.ornl-button.is-style-plain.has-secondary-background-color:hover,
a.button.is-style-fill.has-secondary-background-color:hover,
a.button.is-style-fill-w-chevron.has-secondary-background-color:hover,
a.button.is-style-plain.has-secondary-background-color:hover,
a.ornl-button.is-style-fill.has-secondary-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:hover,
a.ornl-button.is-style-plain.has-secondary-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:hover {
  background-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-secondary-background-color:focus,
.button.is-style-fill-w-chevron.has-secondary-background-color:focus,
.button.is-style-plain.has-secondary-background-color:focus,
.ornl-button.is-style-fill.has-secondary-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:focus,
.ornl-button.is-style-plain.has-secondary-background-color:focus,
a.button.is-style-fill.has-secondary-background-color:focus,
a.button.is-style-fill-w-chevron.has-secondary-background-color:focus,
a.button.is-style-plain.has-secondary-background-color:focus,
a.ornl-button.is-style-fill.has-secondary-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:focus,
a.ornl-button.is-style-plain.has-secondary-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:focus {
  background-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-secondary-background-color:active,
.button.is-style-fill-w-chevron.has-secondary-background-color:active,
.button.is-style-plain.has-secondary-background-color:active,
.ornl-button.is-style-fill.has-secondary-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:active,
.ornl-button.is-style-plain.has-secondary-background-color:active,
a.button.is-style-fill.has-secondary-background-color:active,
a.button.is-style-fill-w-chevron.has-secondary-background-color:active,
a.button.is-style-plain.has-secondary-background-color:active,
a.ornl-button.is-style-fill.has-secondary-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:active,
a.ornl-button.is-style-plain.has-secondary-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:active {
  background-color: hsl(from var(--color--secondary) h s calc(l - 13)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--secondary) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-tertiary-background-color,
.button.is-style-fill-w-chevron.has-tertiary-background-color,
.button.is-style-plain.has-tertiary-background-color,
.ornl-button.is-style-fill.has-tertiary-background-color,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color,
.ornl-button.is-style-plain.has-tertiary-background-color,
a.button.is-style-fill.has-tertiary-background-color,
a.button.is-style-fill-w-chevron.has-tertiary-background-color,
a.button.is-style-plain.has-tertiary-background-color,
a.ornl-button.is-style-fill.has-tertiary-background-color,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color,
a.ornl-button.is-style-plain.has-tertiary-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color {
  background-color: var(--color--tertiary) !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-fill.has-tertiary-background-color:visited,
.button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
.button.is-style-plain.has-tertiary-background-color:visited,
.ornl-button.is-style-fill.has-tertiary-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
.ornl-button.is-style-plain.has-tertiary-background-color:visited,
a.button.is-style-fill.has-tertiary-background-color:visited,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
a.button.is-style-plain.has-tertiary-background-color:visited,
a.ornl-button.is-style-fill.has-tertiary-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
a.ornl-button.is-style-plain.has-tertiary-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:visited {
  background-color: var(--color--tertiary) !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-fill.has-tertiary-background-color:hover,
.button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
.button.is-style-plain.has-tertiary-background-color:hover,
.ornl-button.is-style-fill.has-tertiary-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
.ornl-button.is-style-plain.has-tertiary-background-color:hover,
a.button.is-style-fill.has-tertiary-background-color:hover,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
a.button.is-style-plain.has-tertiary-background-color:hover,
a.ornl-button.is-style-fill.has-tertiary-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
a.ornl-button.is-style-plain.has-tertiary-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:hover {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-tertiary-background-color:focus,
.button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
.button.is-style-plain.has-tertiary-background-color:focus,
.ornl-button.is-style-fill.has-tertiary-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
.ornl-button.is-style-plain.has-tertiary-background-color:focus,
a.button.is-style-fill.has-tertiary-background-color:focus,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
a.button.is-style-plain.has-tertiary-background-color:focus,
a.ornl-button.is-style-fill.has-tertiary-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
a.ornl-button.is-style-plain.has-tertiary-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:focus {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-tertiary-background-color:active,
.button.is-style-fill-w-chevron.has-tertiary-background-color:active,
.button.is-style-plain.has-tertiary-background-color:active,
.ornl-button.is-style-fill.has-tertiary-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:active,
.ornl-button.is-style-plain.has-tertiary-background-color:active,
a.button.is-style-fill.has-tertiary-background-color:active,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:active,
a.button.is-style-plain.has-tertiary-background-color:active,
a.ornl-button.is-style-fill.has-tertiary-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:active,
a.ornl-button.is-style-plain.has-tertiary-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:active {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 13)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-neutral-background-color,
.button.is-style-fill-w-chevron.has-neutral-background-color,
.button.is-style-plain.has-neutral-background-color,
.ornl-button.is-style-fill.has-neutral-background-color,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color,
.ornl-button.is-style-plain.has-neutral-background-color,
a.button.is-style-fill.has-neutral-background-color,
a.button.is-style-fill-w-chevron.has-neutral-background-color,
a.button.is-style-plain.has-neutral-background-color,
a.ornl-button.is-style-fill.has-neutral-background-color,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color,
a.ornl-button.is-style-plain.has-neutral-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color {
  background-color: var(--color--neutral) !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-fill.has-neutral-background-color:visited,
.button.is-style-fill-w-chevron.has-neutral-background-color:visited,
.button.is-style-plain.has-neutral-background-color:visited,
.ornl-button.is-style-fill.has-neutral-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:visited,
.ornl-button.is-style-plain.has-neutral-background-color:visited,
a.button.is-style-fill.has-neutral-background-color:visited,
a.button.is-style-fill-w-chevron.has-neutral-background-color:visited,
a.button.is-style-plain.has-neutral-background-color:visited,
a.ornl-button.is-style-fill.has-neutral-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:visited,
a.ornl-button.is-style-plain.has-neutral-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:visited {
  background-color: var(--color--neutral) !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-fill.has-neutral-background-color:hover,
.button.is-style-fill-w-chevron.has-neutral-background-color:hover,
.button.is-style-plain.has-neutral-background-color:hover,
.ornl-button.is-style-fill.has-neutral-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:hover,
.ornl-button.is-style-plain.has-neutral-background-color:hover,
a.button.is-style-fill.has-neutral-background-color:hover,
a.button.is-style-fill-w-chevron.has-neutral-background-color:hover,
a.button.is-style-plain.has-neutral-background-color:hover,
a.ornl-button.is-style-fill.has-neutral-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:hover,
a.ornl-button.is-style-plain.has-neutral-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:hover {
  background-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-neutral-background-color:focus,
.button.is-style-fill-w-chevron.has-neutral-background-color:focus,
.button.is-style-plain.has-neutral-background-color:focus,
.ornl-button.is-style-fill.has-neutral-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:focus,
.ornl-button.is-style-plain.has-neutral-background-color:focus,
a.button.is-style-fill.has-neutral-background-color:focus,
a.button.is-style-fill-w-chevron.has-neutral-background-color:focus,
a.button.is-style-plain.has-neutral-background-color:focus,
a.ornl-button.is-style-fill.has-neutral-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:focus,
a.ornl-button.is-style-plain.has-neutral-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:focus {
  background-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-neutral-background-color:active,
.button.is-style-fill-w-chevron.has-neutral-background-color:active,
.button.is-style-plain.has-neutral-background-color:active,
.ornl-button.is-style-fill.has-neutral-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:active,
.ornl-button.is-style-plain.has-neutral-background-color:active,
a.button.is-style-fill.has-neutral-background-color:active,
a.button.is-style-fill-w-chevron.has-neutral-background-color:active,
a.button.is-style-plain.has-neutral-background-color:active,
a.ornl-button.is-style-fill.has-neutral-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:active,
a.ornl-button.is-style-plain.has-neutral-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:active {
  background-color: hsl(from var(--color--neutral) h s calc(l - 13)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-plain-background-color,
.button.is-style-fill-w-chevron.has-plain-background-color,
.button.is-style-plain.has-plain-background-color,
.ornl-button.is-style-fill.has-plain-background-color,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color,
.ornl-button.is-style-plain.has-plain-background-color,
a.button.is-style-fill.has-plain-background-color,
a.button.is-style-fill-w-chevron.has-plain-background-color,
a.button.is-style-plain.has-plain-background-color,
a.ornl-button.is-style-fill.has-plain-background-color,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color,
a.ornl-button.is-style-plain.has-plain-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color {
  background-color: var(--color--plain) !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-fill.has-plain-background-color:visited,
.button.is-style-fill-w-chevron.has-plain-background-color:visited,
.button.is-style-plain.has-plain-background-color:visited,
.ornl-button.is-style-fill.has-plain-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:visited,
.ornl-button.is-style-plain.has-plain-background-color:visited,
a.button.is-style-fill.has-plain-background-color:visited,
a.button.is-style-fill-w-chevron.has-plain-background-color:visited,
a.button.is-style-plain.has-plain-background-color:visited,
a.ornl-button.is-style-fill.has-plain-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:visited,
a.ornl-button.is-style-plain.has-plain-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:visited {
  background-color: var(--color--plain) !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-fill.has-plain-background-color:hover,
.button.is-style-fill-w-chevron.has-plain-background-color:hover,
.button.is-style-plain.has-plain-background-color:hover,
.ornl-button.is-style-fill.has-plain-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:hover,
.ornl-button.is-style-plain.has-plain-background-color:hover,
a.button.is-style-fill.has-plain-background-color:hover,
a.button.is-style-fill-w-chevron.has-plain-background-color:hover,
a.button.is-style-plain.has-plain-background-color:hover,
a.ornl-button.is-style-fill.has-plain-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:hover,
a.ornl-button.is-style-plain.has-plain-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:hover {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}
.button.is-style-fill.has-plain-background-color:focus,
.button.is-style-fill-w-chevron.has-plain-background-color:focus,
.button.is-style-plain.has-plain-background-color:focus,
.ornl-button.is-style-fill.has-plain-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:focus,
.ornl-button.is-style-plain.has-plain-background-color:focus,
a.button.is-style-fill.has-plain-background-color:focus,
a.button.is-style-fill-w-chevron.has-plain-background-color:focus,
a.button.is-style-plain.has-plain-background-color:focus,
a.ornl-button.is-style-fill.has-plain-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:focus,
a.ornl-button.is-style-plain.has-plain-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:focus {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}
.button.is-style-fill.has-plain-background-color:active,
.button.is-style-fill-w-chevron.has-plain-background-color:active,
.button.is-style-plain.has-plain-background-color:active,
.ornl-button.is-style-fill.has-plain-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:active,
.ornl-button.is-style-plain.has-plain-background-color:active,
a.button.is-style-fill.has-plain-background-color:active,
a.button.is-style-fill-w-chevron.has-plain-background-color:active,
a.button.is-style-plain.has-plain-background-color:active,
a.ornl-button.is-style-fill.has-plain-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:active,
a.ornl-button.is-style-plain.has-plain-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:active {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}

/**
* --- Styles for outlined buttons and outlined buttons with chevrons ----
*/
.button.is-style-outline,
.button.is-style-outline-w-chevron,
.ornl-button.is-style-outline,
.ornl-button.is-style-outline-w-chevron,
a.button.is-style-outline,
a.button.is-style-outline-w-chevron,
a.ornl-button.is-style-outline,
a.ornl-button.is-style-outline-w-chevron,
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link {
  background-color: transparent !important;
}
.button.is-style-outline.has-primary-background-color,
.button.is-style-outline-w-chevron.has-primary-background-color,
.ornl-button.is-style-outline.has-primary-background-color,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color,
a.button.is-style-outline.has-primary-background-color,
a.button.is-style-outline-w-chevron.has-primary-background-color,
a.ornl-button.is-style-outline.has-primary-background-color,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--primary);
}
.button.is-style-outline.has-primary-background-color:visited,
.button.is-style-outline-w-chevron.has-primary-background-color:visited,
.ornl-button.is-style-outline.has-primary-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:visited,
a.button.is-style-outline.has-primary-background-color:visited,
a.button.is-style-outline-w-chevron.has-primary-background-color:visited,
a.ornl-button.is-style-outline.has-primary-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--primary);
}
.button.is-style-outline.has-primary-background-color:hover,
.button.is-style-outline-w-chevron.has-primary-background-color:hover,
.ornl-button.is-style-outline.has-primary-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:hover,
a.button.is-style-outline.has-primary-background-color:hover,
a.button.is-style-outline-w-chevron.has-primary-background-color:hover,
a.ornl-button.is-style-outline.has-primary-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:hover {
  background-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-primary-background-color:focus,
.button.is-style-outline-w-chevron.has-primary-background-color:focus,
.ornl-button.is-style-outline.has-primary-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:focus,
a.button.is-style-outline.has-primary-background-color:focus,
a.button.is-style-outline-w-chevron.has-primary-background-color:focus,
a.ornl-button.is-style-outline.has-primary-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:focus {
  background-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-primary-background-color:active,
.button.is-style-outline-w-chevron.has-primary-background-color:active,
.ornl-button.is-style-outline.has-primary-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:active,
a.button.is-style-outline.has-primary-background-color:active,
a.button.is-style-outline-w-chevron.has-primary-background-color:active,
a.ornl-button.is-style-outline.has-primary-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:active {
  background-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-secondary-background-color,
.button.is-style-outline-w-chevron.has-secondary-background-color,
.ornl-button.is-style-outline.has-secondary-background-color,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color,
a.button.is-style-outline.has-secondary-background-color,
a.button.is-style-outline-w-chevron.has-secondary-background-color,
a.ornl-button.is-style-outline.has-secondary-background-color,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--secondary);
}
.button.is-style-outline.has-secondary-background-color:visited,
.button.is-style-outline-w-chevron.has-secondary-background-color:visited,
.ornl-button.is-style-outline.has-secondary-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:visited,
a.button.is-style-outline.has-secondary-background-color:visited,
a.button.is-style-outline-w-chevron.has-secondary-background-color:visited,
a.ornl-button.is-style-outline.has-secondary-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--secondary);
}
.button.is-style-outline.has-secondary-background-color:hover,
.button.is-style-outline-w-chevron.has-secondary-background-color:hover,
.ornl-button.is-style-outline.has-secondary-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:hover,
a.button.is-style-outline.has-secondary-background-color:hover,
a.button.is-style-outline-w-chevron.has-secondary-background-color:hover,
a.ornl-button.is-style-outline.has-secondary-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:hover {
  background-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-secondary-background-color:focus,
.button.is-style-outline-w-chevron.has-secondary-background-color:focus,
.ornl-button.is-style-outline.has-secondary-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:focus,
a.button.is-style-outline.has-secondary-background-color:focus,
a.button.is-style-outline-w-chevron.has-secondary-background-color:focus,
a.ornl-button.is-style-outline.has-secondary-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:focus {
  background-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-secondary-background-color:active,
.button.is-style-outline-w-chevron.has-secondary-background-color:active,
.ornl-button.is-style-outline.has-secondary-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:active,
a.button.is-style-outline.has-secondary-background-color:active,
a.button.is-style-outline-w-chevron.has-secondary-background-color:active,
a.ornl-button.is-style-outline.has-secondary-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:active {
  background-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-tertiary-background-color,
.button.is-style-outline-w-chevron.has-tertiary-background-color,
.ornl-button.is-style-outline.has-tertiary-background-color,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color,
a.button.is-style-outline.has-tertiary-background-color,
a.button.is-style-outline-w-chevron.has-tertiary-background-color,
a.ornl-button.is-style-outline.has-tertiary-background-color,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-outline.has-tertiary-background-color:visited,
.button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
.ornl-button.is-style-outline.has-tertiary-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
a.button.is-style-outline.has-tertiary-background-color:visited,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
a.ornl-button.is-style-outline.has-tertiary-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-outline.has-tertiary-background-color:hover,
.button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
.ornl-button.is-style-outline.has-tertiary-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
a.button.is-style-outline.has-tertiary-background-color:hover,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
a.ornl-button.is-style-outline.has-tertiary-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:hover {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-tertiary-background-color:focus,
.button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
.ornl-button.is-style-outline.has-tertiary-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
a.button.is-style-outline.has-tertiary-background-color:focus,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
a.ornl-button.is-style-outline.has-tertiary-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:focus {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-tertiary-background-color:active,
.button.is-style-outline-w-chevron.has-tertiary-background-color:active,
.ornl-button.is-style-outline.has-tertiary-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:active,
a.button.is-style-outline.has-tertiary-background-color:active,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:active,
a.ornl-button.is-style-outline.has-tertiary-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:active {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-neutral-background-color,
.button.is-style-outline-w-chevron.has-neutral-background-color,
.ornl-button.is-style-outline.has-neutral-background-color,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color,
a.button.is-style-outline.has-neutral-background-color,
a.button.is-style-outline-w-chevron.has-neutral-background-color,
a.ornl-button.is-style-outline.has-neutral-background-color,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-outline.has-neutral-background-color:visited,
.button.is-style-outline-w-chevron.has-neutral-background-color:visited,
.ornl-button.is-style-outline.has-neutral-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:visited,
a.button.is-style-outline.has-neutral-background-color:visited,
a.button.is-style-outline-w-chevron.has-neutral-background-color:visited,
a.ornl-button.is-style-outline.has-neutral-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-outline.has-neutral-background-color:hover,
.button.is-style-outline-w-chevron.has-neutral-background-color:hover,
.ornl-button.is-style-outline.has-neutral-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:hover,
a.button.is-style-outline.has-neutral-background-color:hover,
a.button.is-style-outline-w-chevron.has-neutral-background-color:hover,
a.ornl-button.is-style-outline.has-neutral-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:hover {
  background-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-neutral-background-color:focus,
.button.is-style-outline-w-chevron.has-neutral-background-color:focus,
.ornl-button.is-style-outline.has-neutral-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:focus,
a.button.is-style-outline.has-neutral-background-color:focus,
a.button.is-style-outline-w-chevron.has-neutral-background-color:focus,
a.ornl-button.is-style-outline.has-neutral-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:focus {
  background-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-neutral-background-color:active,
.button.is-style-outline-w-chevron.has-neutral-background-color:active,
.ornl-button.is-style-outline.has-neutral-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:active,
a.button.is-style-outline.has-neutral-background-color:active,
a.button.is-style-outline-w-chevron.has-neutral-background-color:active,
a.ornl-button.is-style-outline.has-neutral-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:active {
  background-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-plain-background-color,
.button.is-style-outline-w-chevron.has-plain-background-color,
.ornl-button.is-style-outline.has-plain-background-color,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color,
a.button.is-style-outline.has-plain-background-color,
a.button.is-style-outline-w-chevron.has-plain-background-color,
a.ornl-button.is-style-outline.has-plain-background-color,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-outline.has-plain-background-color:visited,
.button.is-style-outline-w-chevron.has-plain-background-color:visited,
.ornl-button.is-style-outline.has-plain-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:visited,
a.button.is-style-outline.has-plain-background-color:visited,
a.button.is-style-outline-w-chevron.has-plain-background-color:visited,
a.ornl-button.is-style-outline.has-plain-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-outline.has-plain-background-color:hover,
.button.is-style-outline-w-chevron.has-plain-background-color:hover,
.ornl-button.is-style-outline.has-plain-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:hover,
a.button.is-style-outline.has-plain-background-color:hover,
a.button.is-style-outline-w-chevron.has-plain-background-color:hover,
a.ornl-button.is-style-outline.has-plain-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:hover {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6));
}
.button.is-style-outline.has-plain-background-color:focus,
.button.is-style-outline-w-chevron.has-plain-background-color:focus,
.ornl-button.is-style-outline.has-plain-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:focus,
a.button.is-style-outline.has-plain-background-color:focus,
a.button.is-style-outline-w-chevron.has-plain-background-color:focus,
a.ornl-button.is-style-outline.has-plain-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:focus {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}
.button.is-style-outline.has-plain-background-color:active,
.button.is-style-outline-w-chevron.has-plain-background-color:active,
.ornl-button.is-style-outline.has-plain-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:active,
a.button.is-style-outline.has-plain-background-color:active,
a.button.is-style-outline-w-chevron.has-plain-background-color:active,
a.ornl-button.is-style-outline.has-plain-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:active {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}

/**
* --- Default button no options ----
*/
.button,
.ornl-button,
a.button,
a.ornl-button,
.wp-block-button > .wp-block-button__link {
  background-color: var(--color--danger);
  border-color: var(--color--danger);
  color: var(--color--text--inverted);
}

.pill {
  background-color: var(--color--neutral);
  border: 0;
  border-radius: var(--border--radius--round);
  color: var(--wp--custom--text--color--dark);
  font-weight: var(--font-style-bold);
  text-decoration: none;
  -webkit-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
.pill:hover, .pill:focus, .pill:active {
  background-color: var(--color--neutral);
}
.pill > a {
  color: inherit;
  text-decoration: none;
}

/* Kadence Accordion Overrides */
button.kt-blocks-accordion-header {
  margin-bottom: 0;
  margin-top: 0;
}

:root {
  --card--bg: var(--color--surface--base);
  --card--border--color: var(--color--neutral--subtle);
}

.card-container {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
}

.card-grid {
  display: grid;
  gap: var(--ornl--grid-column-gap);
  grid-template-columns: 1fr;
}
@media screen and (min-width: 48rem) {
  .card-grid {
    grid-template-columns: repeat(2, minmax(auto, calc((1320px - 3rem) / 2)));
  }
}
@media screen and (min-width: 62rem) {
  .card-grid-1 {
    grid-template-columns: minmax(auto, 378px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 62rem) {
  .card-grid-2 {
    grid-template-columns: repeat(2, minmax(auto, 378px));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 62rem) {
  .card-grid-3 {
    grid-template-columns: repeat(3, minmax(auto, calc((1320px - 4rem) / 3)));
  }
}
@media screen and (min-width: 62rem) {
  .card-grid-4 {
    grid-template-columns: repeat(4, minmax(auto, calc((1320px - 5rem) / 4)));
  }
}

.card-list {
  display: block;
}
.card-list .ornl-card {
  height: auto;
}

.ornl-card {
  background-color: var(--color--surface--base);
  border: var(--border--width--thin) solid var(--card--border--color);
  border-radius: var(--border--radius--md);
  height: 100%;
  margin-bottom: var(--spacing--pos--p18);
  padding-bottom: var(--spacing--pos--p9);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.ornl-card > * {
  padding-left: var(--spacing--pos--p9);
  padding-right: var(--spacing--pos--p9);
}
.ornl-card > *:last-child *:last-child {
  margin-bottom: 0;
}
.ornl-card--image {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin: 0;
  padding: 0;
}
.ornl-card--image > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  padding: inherit;
  max-width: 100%;
  max-height: 400px;
}
.ornl-card--image.has-landscape-orientation > img {
  aspect-ratio: 17/9;
  max-width: 100%;
  max-height: 218px;
}
.ornl-card--image.has-portrait-orientation > img {
  aspect-ratio: 24/25;
  max-width: 100%;
  max-height: 300px;
}
.ornl-card--image.has-square-orientation > img {
  aspect-ratio: 1/1;
  max-height: 300px;
  margin: 0 auto;
}
.ornl-card--title {
  font-size: var(--body--xl--font-size);
  font-weight: var(--font-weight--bold);
  margin-bottom: var(--spacing--pos--p7);
}
.ornl-card--title > a {
  padding: 0;
  text-decoration: none;
}
.ornl-card--excerpt {
  font-size: var(--body--md--font-size);
  margin-bottom: var(--spacing--pos--p7);
}
.ornl-card--subtitle {
  font-size: var(--body--md--font-size);
  color: var(--color--text--low);
}
.ornl-card p {
  font-size: var(--body--md--font-size);
  margin-bottom: var(--spacing--pos--p7);
}
.ornl-card .ornl-button-group {
  margin-top: auto;
  margin-bottom: var(--spacing--pos--p7);
}
.ornl-card .ornl-card--content {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ornl-card--appearance--base {
  border: var(--border--width--thin) solid var(--card--border--color);
  -webkit-box-shadow: var(--elevation--sm--offset-x) var(--elevation--sm--offset-y) var(--elevation--sm--blur) var(--elevation--sm--spread) var(--elevation--sm--color);
          box-shadow: var(--elevation--sm--offset-x) var(--elevation--sm--offset-y) var(--elevation--sm--blur) var(--elevation--sm--spread) var(--elevation--sm--color);
}

.ornl-card--appearance--light {
  background-color: var(--color--surface--base);
  border: 0;
}

.ornl-card--appearance--dark {
  background-color: var(--color--surface--weak);
  border: 0;
}

.ornl-card--horizontal {
  display: grid;
  grid-column: 1/-1;
  padding: var(--spacing--pos--p9);
}
@media screen and (max-width: 48rem) {
  .ornl-card--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ornl-card--horizontal.has-image {
  grid-template-columns: 300px 2fr;
  padding: 0;
}
.ornl-card--horizontal.has-image .ornl-card--image {
  margin: 0;
  padding: 0;
}
.ornl-card--horizontal.has-image .ornl-card--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  max-width: 100%;
  max-height: 400px;
}
.ornl-card--horizontal.has-image .ornl-card--image.has-landscape-orientation > img {
  aspect-ratio: 17/9;
  max-width: 100%;
  max-height: 218px;
}
.ornl-card--horizontal.has-image .ornl-card--image.has-portrait-orientation > img {
  aspect-ratio: 24/25;
  max-width: 100%;
  max-height: 300px;
}
.ornl-card--horizontal.has-image .ornl-card--image.has-square-orientation > img {
  aspect-ratio: 1/1;
  max-height: 300px;
  margin: 0 auto;
}
.ornl-card--horizontal .ornl-card--image:empty {
  display: none;
}
.ornl-card--horizontal .ornl-card--content {
  display: block;
}
@media screen and (max-width: 62rem) {
  .ornl-card--horizontal .ornl-card--content {
    padding: var(--spacing--pos--p9);
  }
}
.ornl-card--horizontal .ornl-card--title {
  font-size: var(--body--xl--font-size);
}
.ornl-card--horizontal .ornl-card--excerpt {
  font-size: var(--body--md--font-size);
}
.ornl-card--horizontal a {
  -ms-flex-item-align: start;
      align-self: start;
  font-weight: var(--font-weight--semi);
}

/**
 * Filter button and search results list
*/
.site-main .entry-header .filter-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 70rem) {
  .site-main .entry-header .filter-btn-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.site .entry-header .slide-nav-btn {
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: var(--wp--custom--border--radius);
  -ms-flex-preferred-size: 17%;
      flex-basis: 17%;
}

@media screen and (max-width: 80rem) {
  .site .entry-header .slide-nav-btn {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}
@media screen and (max-width: 70rem) {
  .site .entry-header .slide-nav-btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.site .entry-header .slide-nav-btn svg {
  position: relative;
  left: 5px;
  height: 0.9em;
}

.site-main .entry-header .filter-btn-group ul.filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  text-transform: capitalize;
  gap: 0.625rem;
}

@media screen and (max-width: 70rem) {
  .site-main .entry-header .filter-btn-group ul.filter-list {
    padding-left: 0;
    padding-top: 0.5em;
  }
}
.site-main .entry-header .filter-btn-group ul.filter-list li {
  border-radius: 3.125rem;
  border: none;
  padding: 0.3125rem 1rem;
  background-color: var(--color--neutral);
}

/**
 * End Filter button and search results list
*/
/**
 * Filter Sidebar for Archive page
 */
dialog:modal {
  max-height: 100vh;
}

.site dialog {
  background: var(--color--surface--base);
  font-family: inherit;
  list-style-type: none;
  margin: 0;
  left: 70vw;
  -webkit-transition: left ease-in-out 100ms;
  transition: left ease-in-out 100ms;
  width: 30vw;
  height: 100%;
  z-index: 150;
  position: fixed;
}

@media screen and (max-width: 60rem) {
  dialog:modal {
    max-width: 100vw;
  }
  .site dialog {
    width: 100vw;
    left: 0;
  }
}
.site dialog[open] {
  -webkit-animation: show 0.75s ease-in-out normal;
}

@-webkit-keyframes show {
  from {
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
dialog:not([open]) {
  pointer-events: none;
  opacity: 0;
}

dialog::backdrop {
  background: #000;
  opacity: 0.5;
}

body:has(dialog[open]) {
  overflow: hidden;
}

#sidebarMenu .container {
  overflow: hidden;
  display: block;
  height: 90vh;
  top: 1.75rem;
  position: relative;
}
#sidebarMenu .sidebar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid black;
  padding: 1rem 2rem 1.25rem 2rem;
}
#sidebarMenu .close-filter-sidebar {
  cursor: pointer;
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox {
  padding-bottom: 1rem;
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border: 1px solid;
  accent-color: var(--color--primary);
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox]:checked ~ label:before {
  background: var(--color--primary);
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox] ~ label:before {
  content: "";
  cursor: pointer;
  margin: 1px 0.75rem 0 0;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  border: 1px solid;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  overflow: hidden;
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox] ~ label {
  font-size: var(--wp--preset--font-size--xsmall);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
#sidebarMenu .wp-block-buttons.button-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  background-color: var(--wp--preset--color--white);
  bottom: 3vh;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: 28vw;
}
@media screen and (max-width: 60rem) {
  #sidebarMenu .wp-block-buttons.button-group {
    width: 100vw;
  }
}

.has-cover-1-background-color {
  background-color: var(--wp--preset--color--cover-1) !important;
}

.has-cover-2-background-color {
  background-color: var(--wp--preset--color--cover-2) !important;
}

.has-cover-3-background-color {
  background-color: var(--wp--preset--color--cover-3) !important;
}

.has-cover-4-background-color {
  background-color: var(--wp--preset--color--cover-4) !important;
}

.has-cover-5-background-color {
  background-color: var(--wp--preset--color--cover-5) !important;
}

.has-cover-6-background-color {
  background-color: var(--wp--preset--color--cover-6) !important;
}

.has-cover-7-background-color {
  background-color: var(--wp--preset--color--cover-7) !important;
}

.wp-block-cover__inner-container {
  padding-left: var(--spacing--pos--p8);
  padding-right: var(--spacing--pos--p8);
}
@media screen and (min-width: 75rem) {
  .wp-block-cover__inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}

:where(.wp-block-file__button):is(a):active, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited {
  opacity: 1;
}

.ornl-components-super-header {
  background-color: #000000;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ornl-components-super-header--background-wrapper {
  height: 35%;
  min-height: 400px;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--background-wrapper {
    left: unset;
    height: 100%;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 0;
  }
}
.ornl-components-super-header--background-wrapper::after {
  content: "";
  display: block;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(90%, black));
  background: linear-gradient(180deg, transparent 70%, black 90%);
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.ornl-components-super-header--background-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--background-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-mask-image: radial-gradient(circle at top 30% right 30%, black 35%, transparent 80%);
            mask-image: radial-gradient(circle at top 30% right 30%, black 35%, transparent 80%);
  }
}

.ornl-components-super-header--bottom-gradient-overlay {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(4.33%, #000), color-stop(60.1%, rgba(10, 23, 41, 0)));
  background: linear-gradient(0deg, #000 4.33%, rgba(10, 23, 41, 0) 60.1%);
  height: 100%;
  padding: 350px 0 0;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--bottom-gradient-overlay {
    padding: 50px 0;
  }
}
@media screen and (min-width: 992px) {
  .ornl-components-super-header--bottom-gradient-overlay {
    padding: 100px 0;
  }
}

.ornl-components-super-header--bottom-gradient-overlay,
.ornl-components-super-header--content-wrapper {
  position: relative;
  z-index: 100;
}

.ornl-components-super-header--content-wrapper {
  margin: 0 auto;
  padding: var(--spacing--pos--p24) var(--spacing--pos--p16);
}
@media screen and (min-width: 1440px) {
  .ornl-components-super-header--content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.ornl-components-super-header--content {
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--content {
    max-width: 800px;
    padding: 0;
  }
}

.ornl-components-super-header--eyebrow,
.ornl-components-super-header--dates {
  color: var(--color--brand--neutral);
  font-size: var(--size--s8);
  font-weight: var(--font-weight--bold);
  text-transform: uppercase;
}

.ornl-components-super-header--heading {
  color: var(--color--brand--light);
  font-size: var(--display--5--font-size);
  font-weight: var(--font-weight--heavy);
  line-height: 100%;
  margin: 0;
  margin-bottom: var(--spacing--pos--p16);
}
@media screen and (min-width: 992px) {
  .ornl-components-super-header--heading {
    font-size: var(--display--2--font-size);
  }
}

.ornl-components-super-header--tagline {
  color: var(--color--brand--light);
  font-size: var(--size--s16);
  font-style: italic;
  margin-bottom: var(--spacing--pos--p16);
}

.ornl-components-super-header--authors {
  color: var(--color--brand--light);
  font-size: var(--size--s12);
  margin-bottom: var(--spacing--pos--p8);
}

a.ornl-components-super-header--author {
  text-decoration: underline;
  color: var(--color--brand--light);
}
a.ornl-components-super-header--author:visited {
  color: var(--color--brand--light);
}
a.ornl-components-super-header--author:visited:hover {
  background-color: rgb(from var(--color--brand--light) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5));
}
a.ornl-components-super-header--author:hover {
  background-color: rgb(from var(--color--brand--light) r g b/var(--opacity--5));
  -webkit-box-shadow: 4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5));
          box-shadow: 4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5));
}

body {
  background-color: var(--color--surface--base);
  color: var(--color--text--base);
}

table {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: var(--spacing--pos--p12);
  margin-left: 0;
  width: 100%;
}

.site-footer {
  --footer--bg: var(--color--neutral--rich);
  --footer--text: var(--color--text--inverted);
  background-color: var(--footer--bg);
  color: var(--footer--text);
  font-size: var(--font-size--body--sm);
  padding: var(--spacing--pos--p6);
  padding-top: var(--spacing--pos--p4);
}
@media screen and (min-width: 48rem) {
  .site-footer {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
  }
}
.site-footer .footer-info {
  margin: 0 auto;
  max-width: var(--layout--wide-size);
}

.credit {
  color: inherit;
  font-size: inherit;
}

.org-standard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing--pos--p12) var(--spacing--pos--p8);
  font-size: inherit;
}
@media screen and (min-width: 62rem) {
  .org-standard {
    padding: var(--spacing--pos--p12) var(--spacing--pos--p20);
  }
}
.org-standard--logo {
  color: inherit;
  display: block;
  max-height: 34px;
  width: 100%;
  text-decoration: none;
  margin-bottom: var(--spacing--pos--p4);
}
.org-standard--logo:hover, .org-standard--logo:active, .org-standard--logo:focus, .org-standard--logo:visited {
  color: var(--footer--text);
}
.org-standard svg {
  fill: currentColor;
  height: inherit;
  max-height: inherit;
  width: inherit;
}
.org-standard--grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing--pos--p8);
  justify-items: start;
}
@media screen and (min-width: 48rem) {
  .org-standard--grid {
    grid-template-columns: 1fr 2fr 1fr;
    justify-items: center;
  }
}

.footer-logo {
  height: 48px;
  width: auto;
}

.menu-utility {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--footer--text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  font-size: inherit;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 48rem) {
  .menu-utility {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.menu-utility--item {
  margin-right: 0.25em;
}
@media screen and (min-width: 48rem) {
  .menu-utility--item {
    margin-right: var(--spacing--pos--p8);
    margin-bottom: var(--spacing--pos--p4);
  }
}
.menu-utility--link {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.menu-utility--link:hover, .menu-utility--link:active, .menu-utility--link:focus, .menu-utility--link:visited {
  color: var(--footer--text);
  font-weight: var(--font-weight--medium);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: var(--color--text--base);
  border: 1px solid var(--color--neutral--distinct);
  border-radius: var(--border--radius--xs);
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--color--text--base);
}

select {
  border: 1px solid var(--color--neutral--distinct);
  border-radius: var(--border--radius--xs);
}

textarea {
  width: 100%;
}

.filters-container {
  background-color: var(--color--surface--weak);
  border-radius: var(--border--radius--sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing--pos--p8);
  padding: var(--spacing--pos--p8);
}

.input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

label {
  font-size: var(--font-size--body--xs);
  font-weight: var(--font-style-bold);
}

/**
 * Archive Pagination styles
*/
.post-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color--primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: var(--body--md--font-size);
  margin-top: var(--spacing--pos--p16);
  margin-bottom: var(--spacing--pos--p24);
}
.post-nav--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing--pos--p4);
}
.post-nav .page-numbers {
  border: 2px solid transparent;
  border-radius: var(--border--radius--xs);
  color: var(--wp--preset--color--dark);
  display: block;
  min-width: 40px;
  padding: var(--spacing--pos--p2) var(--spacing--pos--p4);
  text-align: center;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
.post-nav a.page-numbers:hover {
  background-color: var(--color--primary--emphasis);
  border-color: var(--color--primary--emphasis);
  color: var(--color--text--inverted);
}
.post-nav span.page-numbers.current {
  background-color: var(--color--primary);
  border-color: var(--color--primary);
  color: var(--color--text--inverted);
}

.main-navigation {
  color: inherit;
  display: block;
  justify-self: flex-end;
  font-family: var(--font-family--body-base);
}

#hamburger {
  fill: currentColor;
  height: 32px;
  width: 32px;
}
#hamburger #top {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform ease-in-out 400ms;
  transition: -webkit-transform ease-in-out 400ms;
  transition: transform ease-in-out 400ms;
  transition: transform ease-in-out 400ms, -webkit-transform ease-in-out 400ms;
  -webkit-transform-origin: 3px 32% 0;
          transform-origin: 3px 32% 0;
}
#hamburger #middle {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 400ms;
  transition: opacity ease-in-out 400ms;
}
#hamburger #bottom {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform ease-in-out 400ms;
  transition: -webkit-transform ease-in-out 400ms;
  transition: transform ease-in-out 400ms;
  transition: transform ease-in-out 400ms, -webkit-transform ease-in-out 400ms;
  -webkit-transform-origin: 2px 65% 0;
          transform-origin: 2px 65% 0;
}

button.menu-toggle {
  border-color: transparent !important;
  border-radius: var(--border--radius--sharp);
  background-color: transparent !important;
  color: inherit;
  display: block;
  padding-top: var(--spacing--pos--p5);
  padding-right: var(--spacing--pos--p8);
  padding-bottom: var(--spacing--pos--p3);
  padding-left: var(--spacing--pos--p8);
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 101;
}
button.menu-toggle:active {
  outline: none;
  border-color: transparent;
}
button.menu-toggle.sub-menu-toggled {
  z-index: 3;
}
@media screen and (min-width: 62rem) {
  button.menu-toggle {
    display: none;
  }
}

.has-ornl-banner button.menu-toggle,
.has-search-bar button.menu-toggle {
  top: 42px;
}

.has-ornl-banner.has-search-bar button.menu-toggle {
  top: 84px;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

.entry-featured-image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.entry-featured-image > img {
  width: 100%;
  max-width: var(--layout--wide-size);
}
.entry-featured-image figcaption {
  font-size: var(--body--sm--font-size);
  max-width: var(--layout--wide-size);
  padding: 0 var(--spacing--pos--p8);
}

.wp-element-caption {
  font-size: var(--font-size--body--sm);
}

.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.entry-meta h2, .entry-meta h3, .entry-meta h4 {
  margin-top: var(--spacing--pos--p2);
}

dt {
  font-weight: var(--font-weight-bold);
}

dd {
  margin-top: 0;
  margin-right: var(--spacing--pos--p12);
  margin-bottom: var(--spacing--pos--p12);
  margin-left: var(--spacing--pos--p12);
}

.term-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing--pos--p4);
  list-style-type: none;
  margin: var(--spacing--pos--p4) auto;
  padding: 0;
}

.term-list-item > a {
  display: block;
  font-weight: var(--font-weight-bold);
}
.term-list-item > a::after {
  content: ",";
}
.term-list-item > a.pill::after {
  content: "";
}
.term-list-item:last-of-type > a::after {
  content: "";
}

hr {
  background-color: var(--color--neutral);
  border: 0;
  height: 1px;
  margin-bottom: var(--spacing--pos--p12);
}

.wp-caption {
  margin-bottom: var(--spacing--pos--p12);
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  margin: var(--spacing--pos--p7) 0;
}

.wp-caption-text {
  text-align: center;
}
/*# sourceMappingURL=styles.css.map */