4996 lines
141 KiB
CSS
4996 lines
141 KiB
CSS
/*
|
|
* AT-ST Variables
|
|
* ===================================================
|
|
*/
|
|
/*
|
|
* USWDS Variables
|
|
* @see https://github.com/uswds/uswds/blob/develop/src/stylesheets/core/_variables.scss
|
|
* ===================================================
|
|
*/
|
|
/*! uswds @version */
|
|
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
|
/**
|
|
* 1. Set default font family to sans-serif.
|
|
* 2. Prevent iOS and IE text size adjust after device orientation change,
|
|
* without disabling user zoom.
|
|
*/
|
|
html {
|
|
font-family: sans-serif;
|
|
/* 1 */
|
|
-ms-text-size-adjust: 100%;
|
|
/* 2 */
|
|
-webkit-text-size-adjust: 100%;
|
|
/* 2 */ }
|
|
|
|
/**
|
|
* Remove default margin.
|
|
*/
|
|
body {
|
|
margin: 0; }
|
|
|
|
/* HTML5 display definitions
|
|
========================================================================== */
|
|
/**
|
|
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
|
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
|
* and Firefox.
|
|
* Correct `block` display not defined for `main` in IE 11.
|
|
*/
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block; }
|
|
|
|
/**
|
|
* 1. Correct `inline-block` display not defined in IE 8/9.
|
|
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
|
*/
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
/* 1 */
|
|
vertical-align: baseline;
|
|
/* 2 */ }
|
|
|
|
/**
|
|
* Prevent modern browsers from displaying `audio` without controls.
|
|
* Remove excess height in iOS 5 devices.
|
|
*/
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0; }
|
|
|
|
/**
|
|
* Address `[hidden]` styling not present in IE 8/9/10.
|
|
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
|
|
*/
|
|
[hidden],
|
|
template {
|
|
display: none; }
|
|
|
|
/* Links
|
|
========================================================================== */
|
|
/**
|
|
* Remove the gray background color from active links in IE 10.
|
|
*/
|
|
a {
|
|
background-color: transparent; }
|
|
|
|
/**
|
|
* Improve readability of focused elements when they are also in an
|
|
* active/hover state.
|
|
*/
|
|
a:active,
|
|
a:hover {
|
|
outline: 0; }
|
|
|
|
/* Text-level semantics
|
|
========================================================================== */
|
|
/**
|
|
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
|
*/
|
|
abbr[title] {
|
|
border-bottom: 1px dotted; }
|
|
|
|
/**
|
|
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
|
*/
|
|
b,
|
|
strong {
|
|
font-weight: bold; }
|
|
|
|
/**
|
|
* Address styling not present in Safari and Chrome.
|
|
*/
|
|
dfn {
|
|
font-style: italic; }
|
|
|
|
/**
|
|
* Address variable `h1` font-size and margin within `section` and `article`
|
|
* contexts in Firefox 4+, Safari, and Chrome.
|
|
*/
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0; }
|
|
|
|
/**
|
|
* Address styling not present in IE 8/9.
|
|
*/
|
|
mark {
|
|
background: #ff0;
|
|
color: #000; }
|
|
|
|
/**
|
|
* Address inconsistent and variable font size in all browsers.
|
|
*/
|
|
small {
|
|
font-size: 80%; }
|
|
|
|
/**
|
|
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
|
*/
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline; }
|
|
|
|
sup {
|
|
top: -0.5em; }
|
|
|
|
sub {
|
|
bottom: -0.25em; }
|
|
|
|
/* Embedded content
|
|
========================================================================== */
|
|
/**
|
|
* Remove border when inside `a` element in IE 8/9/10.
|
|
*/
|
|
img {
|
|
border: 0; }
|
|
|
|
/**
|
|
* Correct overflow not hidden in IE 9/10/11.
|
|
*/
|
|
svg:not(:root) {
|
|
overflow: hidden; }
|
|
|
|
/* Grouping content
|
|
========================================================================== */
|
|
/**
|
|
* Address margin not present in IE 8/9 and Safari.
|
|
*/
|
|
figure {
|
|
margin: 1em 40px; }
|
|
|
|
/**
|
|
* Address differences between Firefox and other browsers.
|
|
*/
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0; }
|
|
|
|
/**
|
|
* Contain overflow in all browsers.
|
|
*/
|
|
pre {
|
|
overflow: auto; }
|
|
|
|
/**
|
|
* Address odd `em`-unit font size rendering in all browsers.
|
|
*/
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em; }
|
|
|
|
/* Forms
|
|
========================================================================== */
|
|
/**
|
|
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
|
* styling of `select`, unless a `border` property is set.
|
|
*/
|
|
/**
|
|
* 1. Correct color not being inherited.
|
|
* Known issue: affects color of disabled elements.
|
|
* 2. Correct font properties not being inherited.
|
|
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
|
*/
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
color: inherit;
|
|
/* 1 */
|
|
font: inherit;
|
|
/* 2 */
|
|
margin: 0;
|
|
/* 3 */ }
|
|
|
|
/**
|
|
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
|
*/
|
|
button {
|
|
overflow: visible; }
|
|
|
|
/**
|
|
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
|
* All other form control elements do not inherit `text-transform` values.
|
|
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
|
* Correct `select` style inheritance in Firefox.
|
|
*/
|
|
button,
|
|
select {
|
|
text-transform: none; }
|
|
|
|
/**
|
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
|
* and `video` controls.
|
|
* 2. Correct inability to style clickable `input` types in iOS.
|
|
* 3. Improve usability and consistency of cursor style between image-type
|
|
* `input` and others.
|
|
*/
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
/* 2 */
|
|
cursor: pointer;
|
|
/* 3 */ }
|
|
|
|
/**
|
|
* Re-set default cursor for disabled elements.
|
|
*/
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default; }
|
|
|
|
/**
|
|
* Remove inner padding and border in Firefox 4+.
|
|
*/
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0; }
|
|
|
|
/**
|
|
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
|
* the UA stylesheet.
|
|
*/
|
|
input {
|
|
line-height: normal; }
|
|
|
|
/**
|
|
* It's recommended that you don't attempt to style these elements.
|
|
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
|
*
|
|
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
|
* 2. Remove excess padding in IE 8/9/10.
|
|
*/
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
box-sizing: border-box;
|
|
/* 1 */
|
|
padding: 0;
|
|
/* 2 */ }
|
|
|
|
/**
|
|
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
|
* `font-size` values of the `input`, it causes the cursor style of the
|
|
* decrement button to change from `default` to `text`.
|
|
*/
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
height: auto; }
|
|
|
|
/**
|
|
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
|
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
|
|
*/
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
/* 1 */
|
|
box-sizing: content-box;
|
|
/* 2 */ }
|
|
|
|
/**
|
|
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
|
* Safari (but not Chrome) clips the cancel button when the search input has
|
|
* padding (and `textfield` appearance).
|
|
*/
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none; }
|
|
|
|
/**
|
|
* Define consistent border, margin, and padding.
|
|
*/
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em; }
|
|
|
|
/**
|
|
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
|
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
|
*/
|
|
legend {
|
|
border: 0;
|
|
/* 1 */
|
|
padding: 0;
|
|
/* 2 */ }
|
|
|
|
/**
|
|
* Remove default vertical scrollbar in IE 8/9/10/11.
|
|
*/
|
|
textarea {
|
|
overflow: auto; }
|
|
|
|
/**
|
|
* Don't inherit the `font-weight` (applied by a rule above).
|
|
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
|
*/
|
|
optgroup {
|
|
font-weight: bold; }
|
|
|
|
/* Tables
|
|
========================================================================== */
|
|
/**
|
|
* Remove most spacing between table cells.
|
|
*/
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0; }
|
|
|
|
td,
|
|
th {
|
|
padding: 0; }
|
|
|
|
/* stylelint-disable at-rule-empty-line-before */
|
|
@font-face {
|
|
font-family: "Source Sans Pro";
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url("sourcesanspro-light-webfont.134ae35c.eot?#iefix") format("embedded-opentype"), url("sourcesanspro-light-webfont.76235309.woff2") format("woff2"), url("sourcesanspro-light-webfont.7c8bcb0b.woff") format("woff"), url("sourcesanspro-light-webfont.18334c7e.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Source Sans Pro";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url("sourcesanspro-regular-webfont.8b766abd.eot?#iefix") format("embedded-opentype"), url("sourcesanspro-regular-webfont.4c124b38.woff2") format("woff2"), url("sourcesanspro-regular-webfont.b0120280.woff") format("woff"), url("sourcesanspro-regular-webfont.db7160ab.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Source Sans Pro";
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url("sourcesanspro-italic-webfont.945b0b26.eot?#iefix") format("embedded-opentype"), url("sourcesanspro-italic-webfont.00ff8488.woff2") format("woff2"), url("sourcesanspro-italic-webfont.d770ae84.woff") format("woff"), url("sourcesanspro-italic-webfont.34c9ce16.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Source Sans Pro";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url("sourcesanspro-bold-webfont.4c2fe9b5.eot?#iefix") format("embedded-opentype"), url("sourcesanspro-bold-webfont.fe9344bb.woff2") format("woff2"), url("sourcesanspro-bold-webfont.e3687139.woff") format("woff"), url("sourcesanspro-bold-webfont.5faf684f.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Merriweather";
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url("merriweather-light-webfont.5bc7f0e8.eot?#iefix") format("embedded-opentype"), url("merriweather-light-webfont.1b1f32b7.woff2") format("woff2"), url("merriweather-light-webfont.9845245a.woff") format("woff"), url("merriweather-light-webfont.386fee9a.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Merriweather";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url("merriweather-regular-webfont.a80f8324.eot?#iefix") format("embedded-opentype"), url("merriweather-regular-webfont.f71c61dd.woff2") format("woff2"), url("merriweather-regular-webfont.8338beec.woff") format("woff"), url("merriweather-regular-webfont.3661478a.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Merriweather";
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url("merriweather-italic-webfont.f3bdbf29.eot?#iefix") format("embedded-opentype"), url("merriweather-italic-webfont.6c56712c.woff2") format("woff2"), url("merriweather-italic-webfont.c64f21d1.woff") format("woff"), url("merriweather-italic-webfont.fc611bc9.ttf") format("truetype"); }
|
|
|
|
@font-face {
|
|
font-family: "Merriweather";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url("merriweather-bold-webfont.7ab8fe39.eot?#iefix") format("embedded-opentype"), url("merriweather-bold-webfont.3f042de9.woff2") format("woff2"), url("merriweather-bold-webfont.0391ff32.woff") format("woff"), url("merriweather-bold-webfont.523a75f1.ttf") format("truetype"); }
|
|
|
|
/* stylelint-enable */
|
|
.usa-grid,
|
|
.usa-grid-full {
|
|
max-width: 1200px;
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
.usa-grid::after,
|
|
.usa-grid-full::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; }
|
|
|
|
.usa-grid {
|
|
padding-right: 0.4rem;
|
|
padding-left: 0.4rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-grid {
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem; } }
|
|
|
|
.usa-grid-full {
|
|
padding: 0; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-width-one-whole {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 100%; }
|
|
.usa-width-one-whole:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-half {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 47.58542%; }
|
|
.usa-width-one-half:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-third {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 30.11389%; }
|
|
.usa-width-one-third:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-two-thirds {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 65.05695%; }
|
|
.usa-width-two-thirds:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-fourth {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 47.58542%; }
|
|
.usa-width-one-fourth:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-fourth:nth-child(2n) {
|
|
margin-right: 0; }
|
|
.usa-width-three-fourths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 100%; }
|
|
.usa-width-three-fourths:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-sixth {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 30.11389%; }
|
|
.usa-width-one-sixth:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-sixth:nth-child(3n) {
|
|
margin-right: 0; }
|
|
.usa-width-five-sixths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 65.05695%; }
|
|
.usa-width-five-sixths:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-twelfth {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 30.11389%; }
|
|
.usa-width-one-twelfth:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-twelfth:nth-child(3n) {
|
|
margin-right: 0; }
|
|
.usa-width-five-twelfths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 30.11389%; }
|
|
.usa-width-five-twelfths:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-seven-twelfths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 4.82916%;
|
|
width: 65.05695%; }
|
|
.usa-width-seven-twelfths:last-child {
|
|
margin-right: 0; } }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.usa-width-one-whole {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 100%; }
|
|
.usa-width-one-whole:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-half {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 48.82117%; }
|
|
.usa-width-one-half:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-third {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 31.76157%; }
|
|
.usa-width-one-third:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-two-thirds {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 65.88078%; }
|
|
.usa-width-two-thirds:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-fourth {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 23.23176%; }
|
|
.usa-width-one-fourth:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-fourth:nth-child(2n) {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 23.23176%; }
|
|
.usa-width-one-fourth:nth-child(2n):last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-fourth:nth-child(4n) {
|
|
margin-right: 0; }
|
|
.usa-width-three-fourths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 74.41059%; }
|
|
.usa-width-three-fourths:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-sixth {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 14.70196%; }
|
|
.usa-width-one-sixth:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-sixth:nth-child(3n) {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 14.70196%; }
|
|
.usa-width-one-sixth:nth-child(3n):last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-sixth:nth-child(6n) {
|
|
margin-right: 0; }
|
|
.usa-width-five-sixths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 82.94039%; }
|
|
.usa-width-five-sixths:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-twelfth {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 6.17215%; }
|
|
.usa-width-one-twelfth:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-twelfth:nth-child(3n) {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 6.17215%; }
|
|
.usa-width-one-twelfth:nth-child(3n):last-child {
|
|
margin-right: 0; }
|
|
.usa-width-one-twelfth:nth-child(12n) {
|
|
margin-right: 0; }
|
|
.usa-width-five-twelfths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 40.29137%; }
|
|
.usa-width-five-twelfths:last-child {
|
|
margin-right: 0; }
|
|
.usa-width-seven-twelfths {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 57.35098%; }
|
|
.usa-width-seven-twelfths:last-child {
|
|
margin-right: 0; } }
|
|
|
|
.usa-end-row {
|
|
margin-right: 0; }
|
|
|
|
.usa-offset-one-twelfth {
|
|
margin-left: 8.5298%; }
|
|
|
|
.usa-offset-one-sixth {
|
|
margin-left: 17.05961%; }
|
|
|
|
.usa-offset-one-fourth {
|
|
margin-left: 25.58941%; }
|
|
|
|
.usa-offset-one-third {
|
|
margin-left: 34.11922%; }
|
|
|
|
.usa-offset-five-twelfths {
|
|
margin-left: 42.64902%; }
|
|
|
|
.usa-offset-one-half {
|
|
margin-left: 51.17883%; }
|
|
|
|
.usa-offset-seven-twelfths {
|
|
margin-left: 59.70863%; }
|
|
|
|
.usa-offset-two-thirds {
|
|
margin-left: 68.23843%; }
|
|
|
|
.usa-offset-three-fourths {
|
|
margin-left: 76.76824%; }
|
|
|
|
.usa-offset-five-sixths {
|
|
margin-left: 85.29804%; }
|
|
|
|
.usa-offset-eleven-twelfths {
|
|
margin-left: 93.82785%; }
|
|
|
|
.usa-sr-only {
|
|
position: absolute;
|
|
left: -999em; }
|
|
|
|
html {
|
|
box-sizing: border-box; }
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: inherit; }
|
|
|
|
body {
|
|
background-color: #ffffff;
|
|
color: #212121;
|
|
overflow-x: hidden; }
|
|
|
|
.lt-ie9 * {
|
|
filter: none !important;
|
|
/* stylelint-disable-line declaration-no-important */ }
|
|
|
|
[hidden] {
|
|
display: none !important;
|
|
/* stylelint-disable-line declaration-no-important */ }
|
|
|
|
*:focus,
|
|
.usa-focus {
|
|
outline: 2px dotted #aeb0b5;
|
|
outline-offset: 3px; }
|
|
|
|
/* stylelint-disable selector-no-qualifying-type */
|
|
.usa-button,
|
|
.usa-button-primary,
|
|
.usa-button:visited,
|
|
.usa-button-primary:visited,
|
|
button,
|
|
[type=button],
|
|
[type=submit],
|
|
[type=reset],
|
|
[type=image] {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin-top: 0.5em;
|
|
margin-right: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
appearance: none;
|
|
background-color: #0071bc;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
padding: 1rem 2rem;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
width: 100%; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-button,
|
|
.usa-button-primary,
|
|
.usa-button:visited,
|
|
.usa-button-primary:visited,
|
|
button,
|
|
[type=button],
|
|
[type=submit],
|
|
[type=reset],
|
|
[type=image] {
|
|
width: auto; } }
|
|
.usa-button:hover, .usa-button.usa-button-hover,
|
|
.usa-button-primary:hover,
|
|
.usa-button-primary.usa-button-hover,
|
|
.usa-button:visited:hover,
|
|
.usa-button:visited.usa-button-hover,
|
|
.usa-button-primary:visited:hover,
|
|
.usa-button-primary:visited.usa-button-hover,
|
|
button:hover,
|
|
button.usa-button-hover,
|
|
[type=button]:hover,
|
|
[type=button].usa-button-hover,
|
|
[type=submit]:hover,
|
|
[type=submit].usa-button-hover,
|
|
[type=reset]:hover,
|
|
[type=reset].usa-button-hover,
|
|
[type=image]:hover,
|
|
[type=image].usa-button-hover {
|
|
background-color: #205493;
|
|
border-bottom: 0;
|
|
color: #ffffff;
|
|
text-decoration: none; }
|
|
.usa-button:active, .usa-button.usa-button-active,
|
|
.usa-button-primary:active,
|
|
.usa-button-primary.usa-button-active,
|
|
.usa-button:visited:active,
|
|
.usa-button:visited.usa-button-active,
|
|
.usa-button-primary:visited:active,
|
|
.usa-button-primary:visited.usa-button-active,
|
|
button:active,
|
|
button.usa-button-active,
|
|
[type=button]:active,
|
|
[type=button].usa-button-active,
|
|
[type=submit]:active,
|
|
[type=submit].usa-button-active,
|
|
[type=reset]:active,
|
|
[type=reset].usa-button-active,
|
|
[type=image]:active,
|
|
[type=image].usa-button-active {
|
|
background-color: #112e51; }
|
|
.usa-button.usa-button-primary-alt,
|
|
.usa-button-primary.usa-button-primary-alt,
|
|
.usa-button:visited.usa-button-primary-alt,
|
|
.usa-button-primary:visited.usa-button-primary-alt,
|
|
button.usa-button-primary-alt,
|
|
[type=button].usa-button-primary-alt,
|
|
[type=submit].usa-button-primary-alt,
|
|
[type=reset].usa-button-primary-alt,
|
|
[type=image].usa-button-primary-alt {
|
|
background-color: #02bfe7;
|
|
color: #212121; }
|
|
.usa-button.usa-button-primary-alt:hover, .usa-button.usa-button-primary-alt.usa-button-hover,
|
|
.usa-button-primary.usa-button-primary-alt:hover,
|
|
.usa-button-primary.usa-button-primary-alt.usa-button-hover,
|
|
.usa-button:visited.usa-button-primary-alt:hover,
|
|
.usa-button:visited.usa-button-primary-alt.usa-button-hover,
|
|
.usa-button-primary:visited.usa-button-primary-alt:hover,
|
|
.usa-button-primary:visited.usa-button-primary-alt.usa-button-hover,
|
|
button.usa-button-primary-alt:hover,
|
|
button.usa-button-primary-alt.usa-button-hover,
|
|
[type=button].usa-button-primary-alt:hover,
|
|
[type=button].usa-button-primary-alt.usa-button-hover,
|
|
[type=submit].usa-button-primary-alt:hover,
|
|
[type=submit].usa-button-primary-alt.usa-button-hover,
|
|
[type=reset].usa-button-primary-alt:hover,
|
|
[type=reset].usa-button-primary-alt.usa-button-hover,
|
|
[type=image].usa-button-primary-alt:hover,
|
|
[type=image].usa-button-primary-alt.usa-button-hover {
|
|
background-color: #00a6d2; }
|
|
.usa-button.usa-button-primary-alt:active, .usa-button.usa-button-primary-alt.usa-button-active,
|
|
.usa-button-primary.usa-button-primary-alt:active,
|
|
.usa-button-primary.usa-button-primary-alt.usa-button-active,
|
|
.usa-button:visited.usa-button-primary-alt:active,
|
|
.usa-button:visited.usa-button-primary-alt.usa-button-active,
|
|
.usa-button-primary:visited.usa-button-primary-alt:active,
|
|
.usa-button-primary:visited.usa-button-primary-alt.usa-button-active,
|
|
button.usa-button-primary-alt:active,
|
|
button.usa-button-primary-alt.usa-button-active,
|
|
[type=button].usa-button-primary-alt:active,
|
|
[type=button].usa-button-primary-alt.usa-button-active,
|
|
[type=submit].usa-button-primary-alt:active,
|
|
[type=submit].usa-button-primary-alt.usa-button-active,
|
|
[type=reset].usa-button-primary-alt:active,
|
|
[type=reset].usa-button-primary-alt.usa-button-active,
|
|
[type=image].usa-button-primary-alt:active,
|
|
[type=image].usa-button-primary-alt.usa-button-active {
|
|
background-color: #046b99;
|
|
color: #ffffff; }
|
|
.usa-button.usa-button-secondary,
|
|
.usa-button-primary.usa-button-secondary,
|
|
.usa-button:visited.usa-button-secondary,
|
|
.usa-button-primary:visited.usa-button-secondary,
|
|
button.usa-button-secondary,
|
|
[type=button].usa-button-secondary,
|
|
[type=submit].usa-button-secondary,
|
|
[type=reset].usa-button-secondary,
|
|
[type=image].usa-button-secondary {
|
|
background-color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px #0071bc;
|
|
color: #0071bc; }
|
|
.usa-button.usa-button-secondary:hover, .usa-button.usa-button-secondary.usa-button-hover,
|
|
.usa-button-primary.usa-button-secondary:hover,
|
|
.usa-button-primary.usa-button-secondary.usa-button-hover,
|
|
.usa-button:visited.usa-button-secondary:hover,
|
|
.usa-button:visited.usa-button-secondary.usa-button-hover,
|
|
.usa-button-primary:visited.usa-button-secondary:hover,
|
|
.usa-button-primary:visited.usa-button-secondary.usa-button-hover,
|
|
button.usa-button-secondary:hover,
|
|
button.usa-button-secondary.usa-button-hover,
|
|
[type=button].usa-button-secondary:hover,
|
|
[type=button].usa-button-secondary.usa-button-hover,
|
|
[type=submit].usa-button-secondary:hover,
|
|
[type=submit].usa-button-secondary.usa-button-hover,
|
|
[type=reset].usa-button-secondary:hover,
|
|
[type=reset].usa-button-secondary.usa-button-hover,
|
|
[type=image].usa-button-secondary:hover,
|
|
[type=image].usa-button-secondary.usa-button-hover {
|
|
box-shadow: inset 0 0 0 2px #205493;
|
|
color: #205493; }
|
|
.usa-button.usa-button-secondary:active, .usa-button.usa-button-secondary.usa-button-active,
|
|
.usa-button-primary.usa-button-secondary:active,
|
|
.usa-button-primary.usa-button-secondary.usa-button-active,
|
|
.usa-button:visited.usa-button-secondary:active,
|
|
.usa-button:visited.usa-button-secondary.usa-button-active,
|
|
.usa-button-primary:visited.usa-button-secondary:active,
|
|
.usa-button-primary:visited.usa-button-secondary.usa-button-active,
|
|
button.usa-button-secondary:active,
|
|
button.usa-button-secondary.usa-button-active,
|
|
[type=button].usa-button-secondary:active,
|
|
[type=button].usa-button-secondary.usa-button-active,
|
|
[type=submit].usa-button-secondary:active,
|
|
[type=submit].usa-button-secondary.usa-button-active,
|
|
[type=reset].usa-button-secondary:active,
|
|
[type=reset].usa-button-secondary.usa-button-active,
|
|
[type=image].usa-button-secondary:active,
|
|
[type=image].usa-button-secondary.usa-button-active {
|
|
box-shadow: inset 0 0 0 2px #112e51;
|
|
color: #112e51; }
|
|
.usa-button.usa-button-secondary-inverse, .usa-button.usa-button-outline-inverse,
|
|
.usa-button-primary.usa-button-secondary-inverse,
|
|
.usa-button-primary.usa-button-outline-inverse,
|
|
.usa-button:visited.usa-button-secondary-inverse,
|
|
.usa-button:visited.usa-button-outline-inverse,
|
|
.usa-button-primary:visited.usa-button-secondary-inverse,
|
|
.usa-button-primary:visited.usa-button-outline-inverse,
|
|
button.usa-button-secondary-inverse,
|
|
button.usa-button-outline-inverse,
|
|
[type=button].usa-button-secondary-inverse,
|
|
[type=button].usa-button-outline-inverse,
|
|
[type=submit].usa-button-secondary-inverse,
|
|
[type=submit].usa-button-outline-inverse,
|
|
[type=reset].usa-button-secondary-inverse,
|
|
[type=reset].usa-button-outline-inverse,
|
|
[type=image].usa-button-secondary-inverse,
|
|
[type=image].usa-button-outline-inverse {
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 2px #ffffff;
|
|
color: #ffffff; }
|
|
.usa-button.usa-button-secondary-inverse:hover, .usa-button.usa-button-secondary-inverse.usa-button-hover, .usa-button.usa-button-outline-inverse:hover, .usa-button.usa-button-outline-inverse.usa-button-hover,
|
|
.usa-button-primary.usa-button-secondary-inverse:hover,
|
|
.usa-button-primary.usa-button-secondary-inverse.usa-button-hover,
|
|
.usa-button-primary.usa-button-outline-inverse:hover,
|
|
.usa-button-primary.usa-button-outline-inverse.usa-button-hover,
|
|
.usa-button:visited.usa-button-secondary-inverse:hover,
|
|
.usa-button:visited.usa-button-secondary-inverse.usa-button-hover,
|
|
.usa-button:visited.usa-button-outline-inverse:hover,
|
|
.usa-button:visited.usa-button-outline-inverse.usa-button-hover,
|
|
.usa-button-primary:visited.usa-button-secondary-inverse:hover,
|
|
.usa-button-primary:visited.usa-button-secondary-inverse.usa-button-hover,
|
|
.usa-button-primary:visited.usa-button-outline-inverse:hover,
|
|
.usa-button-primary:visited.usa-button-outline-inverse.usa-button-hover,
|
|
button.usa-button-secondary-inverse:hover,
|
|
button.usa-button-secondary-inverse.usa-button-hover,
|
|
button.usa-button-outline-inverse:hover,
|
|
button.usa-button-outline-inverse.usa-button-hover,
|
|
[type=button].usa-button-secondary-inverse:hover,
|
|
[type=button].usa-button-secondary-inverse.usa-button-hover,
|
|
[type=button].usa-button-outline-inverse:hover,
|
|
[type=button].usa-button-outline-inverse.usa-button-hover,
|
|
[type=submit].usa-button-secondary-inverse:hover,
|
|
[type=submit].usa-button-secondary-inverse.usa-button-hover,
|
|
[type=submit].usa-button-outline-inverse:hover,
|
|
[type=submit].usa-button-outline-inverse.usa-button-hover,
|
|
[type=reset].usa-button-secondary-inverse:hover,
|
|
[type=reset].usa-button-secondary-inverse.usa-button-hover,
|
|
[type=reset].usa-button-outline-inverse:hover,
|
|
[type=reset].usa-button-outline-inverse.usa-button-hover,
|
|
[type=image].usa-button-secondary-inverse:hover,
|
|
[type=image].usa-button-secondary-inverse.usa-button-hover,
|
|
[type=image].usa-button-outline-inverse:hover,
|
|
[type=image].usa-button-outline-inverse.usa-button-hover {
|
|
box-shadow: inset 0 0 0 2px #d6d7d9;
|
|
color: #d6d7d9; }
|
|
.usa-button.usa-button-secondary-inverse:active, .usa-button.usa-button-secondary-inverse.usa-button-active, .usa-button.usa-button-outline-inverse:active, .usa-button.usa-button-outline-inverse.usa-button-active,
|
|
.usa-button-primary.usa-button-secondary-inverse:active,
|
|
.usa-button-primary.usa-button-secondary-inverse.usa-button-active,
|
|
.usa-button-primary.usa-button-outline-inverse:active,
|
|
.usa-button-primary.usa-button-outline-inverse.usa-button-active,
|
|
.usa-button:visited.usa-button-secondary-inverse:active,
|
|
.usa-button:visited.usa-button-secondary-inverse.usa-button-active,
|
|
.usa-button:visited.usa-button-outline-inverse:active,
|
|
.usa-button:visited.usa-button-outline-inverse.usa-button-active,
|
|
.usa-button-primary:visited.usa-button-secondary-inverse:active,
|
|
.usa-button-primary:visited.usa-button-secondary-inverse.usa-button-active,
|
|
.usa-button-primary:visited.usa-button-outline-inverse:active,
|
|
.usa-button-primary:visited.usa-button-outline-inverse.usa-button-active,
|
|
button.usa-button-secondary-inverse:active,
|
|
button.usa-button-secondary-inverse.usa-button-active,
|
|
button.usa-button-outline-inverse:active,
|
|
button.usa-button-outline-inverse.usa-button-active,
|
|
[type=button].usa-button-secondary-inverse:active,
|
|
[type=button].usa-button-secondary-inverse.usa-button-active,
|
|
[type=button].usa-button-outline-inverse:active,
|
|
[type=button].usa-button-outline-inverse.usa-button-active,
|
|
[type=submit].usa-button-secondary-inverse:active,
|
|
[type=submit].usa-button-secondary-inverse.usa-button-active,
|
|
[type=submit].usa-button-outline-inverse:active,
|
|
[type=submit].usa-button-outline-inverse.usa-button-active,
|
|
[type=reset].usa-button-secondary-inverse:active,
|
|
[type=reset].usa-button-secondary-inverse.usa-button-active,
|
|
[type=reset].usa-button-outline-inverse:active,
|
|
[type=reset].usa-button-outline-inverse.usa-button-active,
|
|
[type=image].usa-button-secondary-inverse:active,
|
|
[type=image].usa-button-secondary-inverse.usa-button-active,
|
|
[type=image].usa-button-outline-inverse:active,
|
|
[type=image].usa-button-outline-inverse.usa-button-active {
|
|
box-shadow: inset 0 0 0 2px #aeb0b5;
|
|
color: #d6d7d9; }
|
|
.usa-button.usa-button-gray,
|
|
.usa-button-primary.usa-button-gray,
|
|
.usa-button:visited.usa-button-gray,
|
|
.usa-button-primary:visited.usa-button-gray,
|
|
button.usa-button-gray,
|
|
[type=button].usa-button-gray,
|
|
[type=submit].usa-button-gray,
|
|
[type=reset].usa-button-gray,
|
|
[type=image].usa-button-gray {
|
|
background-color: #5b616b; }
|
|
.usa-button.usa-button-gray:hover, .usa-button.usa-button-gray.usa-button-hover,
|
|
.usa-button-primary.usa-button-gray:hover,
|
|
.usa-button-primary.usa-button-gray.usa-button-hover,
|
|
.usa-button:visited.usa-button-gray:hover,
|
|
.usa-button:visited.usa-button-gray.usa-button-hover,
|
|
.usa-button-primary:visited.usa-button-gray:hover,
|
|
.usa-button-primary:visited.usa-button-gray.usa-button-hover,
|
|
button.usa-button-gray:hover,
|
|
button.usa-button-gray.usa-button-hover,
|
|
[type=button].usa-button-gray:hover,
|
|
[type=button].usa-button-gray.usa-button-hover,
|
|
[type=submit].usa-button-gray:hover,
|
|
[type=submit].usa-button-gray.usa-button-hover,
|
|
[type=reset].usa-button-gray:hover,
|
|
[type=reset].usa-button-gray.usa-button-hover,
|
|
[type=image].usa-button-gray:hover,
|
|
[type=image].usa-button-gray.usa-button-hover {
|
|
background-color: #323a45; }
|
|
.usa-button.usa-button-gray:active, .usa-button.usa-button-gray.usa-button-active,
|
|
.usa-button-primary.usa-button-gray:active,
|
|
.usa-button-primary.usa-button-gray.usa-button-active,
|
|
.usa-button:visited.usa-button-gray:active,
|
|
.usa-button:visited.usa-button-gray.usa-button-active,
|
|
.usa-button-primary:visited.usa-button-gray:active,
|
|
.usa-button-primary:visited.usa-button-gray.usa-button-active,
|
|
button.usa-button-gray:active,
|
|
button.usa-button-gray.usa-button-active,
|
|
[type=button].usa-button-gray:active,
|
|
[type=button].usa-button-gray.usa-button-active,
|
|
[type=submit].usa-button-gray:active,
|
|
[type=submit].usa-button-gray.usa-button-active,
|
|
[type=reset].usa-button-gray:active,
|
|
[type=reset].usa-button-gray.usa-button-active,
|
|
[type=image].usa-button-gray:active,
|
|
[type=image].usa-button-gray.usa-button-active {
|
|
background-color: #212121; }
|
|
.usa-button.usa-button-red,
|
|
.usa-button-primary.usa-button-red,
|
|
.usa-button:visited.usa-button-red,
|
|
.usa-button-primary:visited.usa-button-red,
|
|
button.usa-button-red,
|
|
[type=button].usa-button-red,
|
|
[type=submit].usa-button-red,
|
|
[type=reset].usa-button-red,
|
|
[type=image].usa-button-red {
|
|
background-color: #e31c3d; }
|
|
.usa-button.usa-button-red:hover, .usa-button.usa-button-red.usa-button-hover,
|
|
.usa-button-primary.usa-button-red:hover,
|
|
.usa-button-primary.usa-button-red.usa-button-hover,
|
|
.usa-button:visited.usa-button-red:hover,
|
|
.usa-button:visited.usa-button-red.usa-button-hover,
|
|
.usa-button-primary:visited.usa-button-red:hover,
|
|
.usa-button-primary:visited.usa-button-red.usa-button-hover,
|
|
button.usa-button-red:hover,
|
|
button.usa-button-red.usa-button-hover,
|
|
[type=button].usa-button-red:hover,
|
|
[type=button].usa-button-red.usa-button-hover,
|
|
[type=submit].usa-button-red:hover,
|
|
[type=submit].usa-button-red.usa-button-hover,
|
|
[type=reset].usa-button-red:hover,
|
|
[type=reset].usa-button-red.usa-button-hover,
|
|
[type=image].usa-button-red:hover,
|
|
[type=image].usa-button-red.usa-button-hover {
|
|
background-color: #cd2026; }
|
|
.usa-button.usa-button-red:active, .usa-button.usa-button-red.usa-button-active,
|
|
.usa-button-primary.usa-button-red:active,
|
|
.usa-button-primary.usa-button-red.usa-button-active,
|
|
.usa-button:visited.usa-button-red:active,
|
|
.usa-button:visited.usa-button-red.usa-button-active,
|
|
.usa-button-primary:visited.usa-button-red:active,
|
|
.usa-button-primary:visited.usa-button-red.usa-button-active,
|
|
button.usa-button-red:active,
|
|
button.usa-button-red.usa-button-active,
|
|
[type=button].usa-button-red:active,
|
|
[type=button].usa-button-red.usa-button-active,
|
|
[type=submit].usa-button-red:active,
|
|
[type=submit].usa-button-red.usa-button-active,
|
|
[type=reset].usa-button-red:active,
|
|
[type=reset].usa-button-red.usa-button-active,
|
|
[type=image].usa-button-red:active,
|
|
[type=image].usa-button-red.usa-button-active {
|
|
background-color: #981b1e; }
|
|
.usa-button.usa-button-big,
|
|
.usa-button-primary.usa-button-big,
|
|
.usa-button:visited.usa-button-big,
|
|
.usa-button-primary:visited.usa-button-big,
|
|
button.usa-button-big,
|
|
[type=button].usa-button-big,
|
|
[type=submit].usa-button-big,
|
|
[type=reset].usa-button-big,
|
|
[type=image].usa-button-big {
|
|
border-radius: 8px;
|
|
font-size: 2.4rem;
|
|
padding: 1.5rem 3rem; }
|
|
.usa-button:disabled,
|
|
.usa-button-primary:disabled,
|
|
.usa-button:visited:disabled,
|
|
.usa-button-primary:visited:disabled,
|
|
button:disabled,
|
|
[type=button]:disabled,
|
|
[type=submit]:disabled,
|
|
[type=reset]:disabled,
|
|
[type=image]:disabled {
|
|
background-color: #d6d7d9;
|
|
pointer-events: none; }
|
|
.usa-button:disabled:hover, .usa-button:disabled.usa-button-hover, .usa-button:disabled:active, .usa-button:disabled.usa-button-active, .usa-button:disabled:focus, .usa-button:disabled.usa-focus,
|
|
.usa-button-primary:disabled:hover,
|
|
.usa-button-primary:disabled.usa-button-hover,
|
|
.usa-button-primary:disabled:active,
|
|
.usa-button-primary:disabled.usa-button-active,
|
|
.usa-button-primary:disabled:focus,
|
|
.usa-button-primary:disabled.usa-focus,
|
|
.usa-button:visited:disabled:hover,
|
|
.usa-button:visited:disabled.usa-button-hover,
|
|
.usa-button:visited:disabled:active,
|
|
.usa-button:visited:disabled.usa-button-active,
|
|
.usa-button:visited:disabled:focus,
|
|
.usa-button:visited:disabled.usa-focus,
|
|
.usa-button-primary:visited:disabled:hover,
|
|
.usa-button-primary:visited:disabled.usa-button-hover,
|
|
.usa-button-primary:visited:disabled:active,
|
|
.usa-button-primary:visited:disabled.usa-button-active,
|
|
.usa-button-primary:visited:disabled:focus,
|
|
.usa-button-primary:visited:disabled.usa-focus,
|
|
button:disabled:hover,
|
|
button:disabled.usa-button-hover,
|
|
button:disabled:active,
|
|
button:disabled.usa-button-active,
|
|
button:disabled:focus,
|
|
button:disabled.usa-focus,
|
|
[type=button]:disabled:hover,
|
|
[type=button]:disabled.usa-button-hover,
|
|
[type=button]:disabled:active,
|
|
[type=button]:disabled.usa-button-active,
|
|
[type=button]:disabled:focus,
|
|
[type=button]:disabled.usa-focus,
|
|
[type=submit]:disabled:hover,
|
|
[type=submit]:disabled.usa-button-hover,
|
|
[type=submit]:disabled:active,
|
|
[type=submit]:disabled.usa-button-active,
|
|
[type=submit]:disabled:focus,
|
|
[type=submit]:disabled.usa-focus,
|
|
[type=reset]:disabled:hover,
|
|
[type=reset]:disabled.usa-button-hover,
|
|
[type=reset]:disabled:active,
|
|
[type=reset]:disabled.usa-button-active,
|
|
[type=reset]:disabled:focus,
|
|
[type=reset]:disabled.usa-focus,
|
|
[type=image]:disabled:hover,
|
|
[type=image]:disabled.usa-button-hover,
|
|
[type=image]:disabled:active,
|
|
[type=image]:disabled.usa-button-active,
|
|
[type=image]:disabled:focus,
|
|
[type=image]:disabled.usa-focus {
|
|
background-color: #d6d7d9;
|
|
border: 0;
|
|
box-shadow: none; }
|
|
|
|
/* stylelint-disable */
|
|
.usa-button-disabled {
|
|
background-color: #d6d7d9;
|
|
pointer-events: none; }
|
|
.usa-button-disabled:hover, .usa-button-disabled.usa-button-hover, .usa-button-disabled:active, .usa-button-disabled.usa-button-active, .usa-button-disabled:focus, .usa-button-disabled.usa-focus {
|
|
background-color: #d6d7d9;
|
|
border: 0;
|
|
box-shadow: none; }
|
|
|
|
.usa-button-secondary-disabled,
|
|
.usa-button-secondary-inverse-disabled,
|
|
.usa-button-secondary:disabled,
|
|
.usa-button-secondary-inverse:disabled,
|
|
.usa-button-outline-inverse:disabled {
|
|
box-shadow: inset 0 0 0 2px #d6d7d9;
|
|
pointer-events: none;
|
|
color: #d6d7d9; }
|
|
.usa-button-secondary-disabled:hover, .usa-button-secondary-disabled.usa-button-hover, .usa-button-secondary-disabled:active, .usa-button-secondary-disabled.usa-button-active, .usa-button-secondary-disabled:focus, .usa-button-secondary-disabled.usa-focus,
|
|
.usa-button-secondary-inverse-disabled:hover,
|
|
.usa-button-secondary-inverse-disabled.usa-button-hover,
|
|
.usa-button-secondary-inverse-disabled:active,
|
|
.usa-button-secondary-inverse-disabled.usa-button-active,
|
|
.usa-button-secondary-inverse-disabled:focus,
|
|
.usa-button-secondary-inverse-disabled.usa-focus,
|
|
.usa-button-secondary:disabled:hover,
|
|
.usa-button-secondary:disabled.usa-button-hover,
|
|
.usa-button-secondary:disabled:active,
|
|
.usa-button-secondary:disabled.usa-button-active,
|
|
.usa-button-secondary:disabled:focus,
|
|
.usa-button-secondary:disabled.usa-focus,
|
|
.usa-button-secondary-inverse:disabled:hover,
|
|
.usa-button-secondary-inverse:disabled.usa-button-hover,
|
|
.usa-button-secondary-inverse:disabled:active,
|
|
.usa-button-secondary-inverse:disabled.usa-button-active,
|
|
.usa-button-secondary-inverse:disabled:focus,
|
|
.usa-button-secondary-inverse:disabled.usa-focus,
|
|
.usa-button-outline-inverse:disabled:hover,
|
|
.usa-button-outline-inverse:disabled.usa-button-hover,
|
|
.usa-button-outline-inverse:disabled:active,
|
|
.usa-button-outline-inverse:disabled.usa-button-active,
|
|
.usa-button-outline-inverse:disabled:focus,
|
|
.usa-button-outline-inverse:disabled.usa-focus {
|
|
background-color: #ffffff;
|
|
border: 0; }
|
|
|
|
html .usa-button-secondary-disabled,
|
|
.usa-button-secondary:disabled {
|
|
background-color: #ffffff; }
|
|
|
|
html .usa-button-secondary-inverse-disabled,
|
|
.usa-button-secondary-inverse:disabled {
|
|
background-color: transparent;
|
|
color: #5b616b;
|
|
box-shadow: inset 0 0 0 2px #5b616b; }
|
|
|
|
.usa-button-unstyled {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto; }
|
|
.usa-button-unstyled:hover {
|
|
background-color: transparent; }
|
|
|
|
.usa-embed-container iframe,
|
|
.usa-embed-container object,
|
|
.usa-embed-container embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.usa-embed-container {
|
|
padding-bottom: 56.25%;
|
|
position: relative;
|
|
height: 0;
|
|
overflow: hidden;
|
|
max-width: 100%; }
|
|
|
|
img {
|
|
max-width: 100%; }
|
|
|
|
.media_link {
|
|
display: inline-block;
|
|
line-height: 0; }
|
|
|
|
/* stylelint-disable selector-no-qualifying-type */
|
|
input,
|
|
textarea,
|
|
select {
|
|
appearance: none;
|
|
border: 0.1rem solid #5b616b;
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
color: #212121;
|
|
display: block;
|
|
font-size: 1.7rem;
|
|
height: 4.4rem;
|
|
line-height: 1.3;
|
|
margin: 0.2em 0;
|
|
max-width: 46rem;
|
|
padding: 1rem 0.7em;
|
|
width: 100%; }
|
|
input.usa-input-success,
|
|
textarea.usa-input-success,
|
|
select.usa-input-success {
|
|
border: 3px solid #4aa564; }
|
|
|
|
/* stylelint-enable */
|
|
.usa-input-error {
|
|
border-left: 4px solid #cd2026;
|
|
margin-top: 3rem;
|
|
padding-bottom: 0.8rem;
|
|
padding-left: 1.5rem;
|
|
padding-top: 0.8rem;
|
|
position: relative;
|
|
right: 1.9rem; }
|
|
.usa-input-error input,
|
|
.usa-input-error textarea,
|
|
.usa-input-error select {
|
|
border: 3px solid #cd2026;
|
|
width: calc(100% + 1.9rem); }
|
|
.usa-input-error label {
|
|
margin-top: 0; }
|
|
.usa-input-error .usa-input-inline {
|
|
border: 0.1rem solid #5b616b;
|
|
width: inherit; }
|
|
.usa-input-error .usa-input-inline-error {
|
|
border: 3px solid #cd2026; }
|
|
|
|
.usa-input-error-label {
|
|
display: block;
|
|
font-size: 1.7rem;
|
|
font-weight: 700; }
|
|
|
|
.usa-input-error-message {
|
|
color: #cd2026;
|
|
display: block;
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
padding-bottom: 3px;
|
|
padding-top: 3px; }
|
|
|
|
.usa-input-required:after {
|
|
color: #981b1e;
|
|
content: ' (*required)'; }
|
|
|
|
.usa-input-optional:after {
|
|
color: #757575;
|
|
content: ' (optional)'; }
|
|
|
|
.usa-input-label-helper {
|
|
color: #757575; }
|
|
|
|
.usa-input-label-required {
|
|
color: #981b1e; }
|
|
|
|
label {
|
|
display: block;
|
|
margin-top: 3rem;
|
|
max-width: 46rem; }
|
|
|
|
textarea {
|
|
height: 16rem; }
|
|
|
|
select {
|
|
appearance: none;
|
|
background-color: #ffffff;
|
|
background-image: url("arrow-both.4bb0bc24.png");
|
|
background-image: none, url("arrow-both.40570b7e.svg"), url("arrow-both.4bb0bc24.png");
|
|
background-position: right 1.3rem center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1rem;
|
|
padding-right: 3rem; }
|
|
select::-ms-expand {
|
|
display: none; }
|
|
select:-webkit-autofill {
|
|
appearance: menulist; }
|
|
select:-moz-focusring {
|
|
color: transparent;
|
|
text-shadow: 0 0 0 #000000; }
|
|
|
|
option:first-child {
|
|
font-weight: 700; }
|
|
|
|
legend {
|
|
font-size: 3rem;
|
|
font-weight: 700; }
|
|
|
|
.usa-fieldset-inputs label {
|
|
margin-top: 0; }
|
|
|
|
.usa-form-hint {
|
|
color: #757575;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
margin-bottom: 0; }
|
|
|
|
[type=checkbox],
|
|
[type=radio] {
|
|
position: absolute;
|
|
left: -999em; }
|
|
.lt-ie9 [type=checkbox], .lt-ie9
|
|
[type=radio] {
|
|
border: 0;
|
|
float: left;
|
|
margin: 0.4em 0.4em 0 0;
|
|
position: static;
|
|
width: auto; }
|
|
|
|
[type=checkbox] + label,
|
|
[type=radio] + label {
|
|
cursor: pointer;
|
|
font-weight: 400;
|
|
margin-bottom: 0.65em; }
|
|
|
|
[type=checkbox] + label::before,
|
|
[type=radio] + label::before {
|
|
background: #ffffff;
|
|
content: '\a0';
|
|
display: inline-block;
|
|
text-indent: 0.15em;
|
|
vertical-align: middle\0; }
|
|
|
|
[type=checkbox] + label::before {
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px #757575;
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
margin-left: 1px;
|
|
margin-right: 0.6em;
|
|
width: 2rem; }
|
|
|
|
[type=radio] + label::before {
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
|
|
height: 1.4rem;
|
|
line-height: 1.4rem;
|
|
margin-left: 3px;
|
|
margin-right: 0.75em;
|
|
width: 1.4rem; }
|
|
|
|
[type=checkbox]:checked + label::before,
|
|
[type=radio]:checked + label::before {
|
|
background-color: #0071bc;
|
|
box-shadow: 0 0 0 1px #0071bc; }
|
|
|
|
[type=radio]:checked + label::before {
|
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc; }
|
|
|
|
[type=checkbox]:checked + label::before,
|
|
[type=checkbox]:checked:disabled + label::before {
|
|
background-image: url("correct8.a03d2fcf.png");
|
|
background-image: url("correct8.4e87f243.svg");
|
|
background-position: 50%;
|
|
background-repeat: no-repeat; }
|
|
|
|
[type=radio]:focus + label::before {
|
|
outline: 2px dotted #aeb0b5;
|
|
outline-offset: 6px; }
|
|
|
|
[type=checkbox]:disabled + label {
|
|
color: #d6d7d9; }
|
|
|
|
[type=checkbox]:focus + label::before {
|
|
outline: 2px dotted #aeb0b5;
|
|
outline-offset: 3px; }
|
|
|
|
[type=checkbox]:disabled + label::before,
|
|
[type=radio]:disabled + label::before {
|
|
background: #f1f1f1;
|
|
box-shadow: 0 0 0 1px #aeb0b5;
|
|
cursor: not-allowed; }
|
|
|
|
[type=range] {
|
|
appearance: none;
|
|
border: none;
|
|
padding-left: 0;
|
|
width: 100%; }
|
|
|
|
[type=range]::-webkit-slider-runnable-track {
|
|
background: #aeb0b5;
|
|
border: 1px solid #757575;
|
|
cursor: pointer;
|
|
height: 1.2rem;
|
|
width: 100%; }
|
|
|
|
[type=range]::-moz-range-track {
|
|
background: #0071bc;
|
|
border: 1px solid #757575;
|
|
cursor: pointer;
|
|
height: 1.2rem;
|
|
width: 100%; }
|
|
|
|
[type=range]::-ms-track {
|
|
background: transparent;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
height: 1.2rem;
|
|
width: 100%; }
|
|
|
|
[type=range]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
border: 1px solid #757575;
|
|
height: 2.2rem;
|
|
border-radius: 1.5rem;
|
|
background: #f1f1f1;
|
|
cursor: pointer;
|
|
margin-top: -.65rem;
|
|
width: 2.2rem; }
|
|
|
|
[type=range]::-moz-range-thumb {
|
|
background: #f1f1f1;
|
|
border: 1px solid #757575;
|
|
border-radius: 1.5rem;
|
|
cursor: pointer;
|
|
height: 2.2rem;
|
|
width: 2.2rem; }
|
|
|
|
[type=range]::-ms-thumb {
|
|
background: #f1f1f1;
|
|
border: 1px solid #757575;
|
|
border-radius: 1.5rem;
|
|
cursor: pointer;
|
|
height: 2.2rem;
|
|
width: 2.2rem; }
|
|
|
|
[type=range]::-ms-fill-lower {
|
|
background: #aeb0b5;
|
|
border: 1px solid #757575;
|
|
border-radius: 2rem; }
|
|
|
|
[type=range]::-ms-fill-upper {
|
|
background: #aeb0b5;
|
|
border: 1px solid #757575;
|
|
border-radius: 2rem; }
|
|
|
|
[type='file'] {
|
|
border: none;
|
|
padding-left: 0; }
|
|
|
|
.usa-date-of-birth {
|
|
/* stylelint-disable-line */ }
|
|
.usa-date-of-birth label {
|
|
margin-top: 0; }
|
|
.usa-date-of-birth [type=number] {
|
|
-moz-appearance: textfield; }
|
|
.usa-date-of-birth [type=number]::-webkit-inner-spin-button {
|
|
appearance: none; }
|
|
.usa-date-of-birth [type=number]::-webkit-contacts-auto-fill-button {
|
|
visibility: hidden;
|
|
display: none !important;
|
|
/* stylelint-disable-line declaration-no-important */
|
|
pointer-events: none;
|
|
height: 0;
|
|
width: 0;
|
|
margin: 0; }
|
|
|
|
.usa-form-group-day,
|
|
.usa-form-group-month,
|
|
.usa-form-group-year {
|
|
clear: none;
|
|
float: left;
|
|
margin-right: 1.5rem;
|
|
width: 5rem; }
|
|
|
|
.usa-form-group-year {
|
|
width: 7rem; }
|
|
|
|
.usa-label, .usa-label-big {
|
|
background-color: #5b616b;
|
|
border-radius: 2px;
|
|
color: #ffffff;
|
|
font-size: 1.5rem;
|
|
margin-right: 0.5rem;
|
|
padding: 0.1rem 0.7rem;
|
|
text-transform: uppercase; }
|
|
.usa-label:only-of-type, .usa-label-big:only-of-type {
|
|
margin-right: 0; }
|
|
|
|
.usa-label-big {
|
|
font-size: 1.7rem;
|
|
padding-left: 0.9rem;
|
|
padding-right: 0.9rem; }
|
|
|
|
ul,
|
|
ol {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
padding-left: 1.94em; }
|
|
|
|
li {
|
|
line-height: 1.5;
|
|
margin-bottom: 0.5em; }
|
|
li:last-child {
|
|
margin-bottom: 0; }
|
|
|
|
.usa-unstyled-list {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0; }
|
|
.usa-unstyled-list > li {
|
|
margin-bottom: 0; }
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
margin: 2em 0; }
|
|
|
|
thead th {
|
|
font-weight: 700; }
|
|
|
|
thead th,
|
|
thead td {
|
|
background-color: #f1f1f1; }
|
|
|
|
th {
|
|
text-align: left; }
|
|
|
|
th,
|
|
td {
|
|
background-color: #ffffff;
|
|
border: 1px solid #5b616b;
|
|
font-weight: 400;
|
|
padding: 1rem 1.5rem; }
|
|
|
|
.usa-table-borderless thead th {
|
|
background-color: transparent;
|
|
border-top: 0; }
|
|
|
|
.usa-table-borderless th,
|
|
.usa-table-borderless td {
|
|
border-left: 0;
|
|
border-right: 0; }
|
|
|
|
.usa-table-borderless th:first-child {
|
|
padding-left: 0; }
|
|
|
|
caption {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
font-family: "Merriweather", serif;
|
|
margin-bottom: 1.2rem;
|
|
text-align: left; }
|
|
|
|
html {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-size: 10px; }
|
|
|
|
body {
|
|
font-size: 1.7rem; }
|
|
|
|
p {
|
|
line-height: 1.5;
|
|
margin-bottom: 1em;
|
|
margin-top: 1em; }
|
|
|
|
a {
|
|
color: #0071bc;
|
|
text-decoration: underline; }
|
|
a:hover, a:active {
|
|
color: #205493; }
|
|
a:focus {
|
|
outline: 2px dotted #aeb0b5;
|
|
outline-offset: 3px; }
|
|
a:visited {
|
|
color: #4c2c92; }
|
|
|
|
.usa-external_link::after {
|
|
background: url("external-link.7cc7907a.png") no-repeat 0 0;
|
|
background: url("external-link.0ba33f83.svg") no-repeat 0 0;
|
|
background-size: 100%;
|
|
content: '';
|
|
display: inline-block;
|
|
height: 0.65em;
|
|
margin-bottom: -1px;
|
|
margin-left: 4px;
|
|
width: 0.65em; }
|
|
|
|
.usa-external_link:hover::after {
|
|
background-image: url("external-link-hover.0007810e.png");
|
|
background-image: url("external-link-hover.e82acbc1.svg"); }
|
|
|
|
.usa-external_link-alt::after {
|
|
background: url("external-link-alt.410f199e.png") no-repeat 0 0;
|
|
background: url("external-link-alt.f8c085df.svg") no-repeat 0 0;
|
|
background-size: 100%;
|
|
content: '';
|
|
display: inline-block;
|
|
height: 0.65em;
|
|
margin-bottom: -1px;
|
|
margin-left: 4px;
|
|
width: 0.65em; }
|
|
|
|
.usa-external_link-alt:hover::after {
|
|
background-image: url("external-link-alt-hover.fe210d33.png");
|
|
background-image: url("external-link-alt-hover.720d3de5.svg"); }
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
clear: both;
|
|
font-family: "Merriweather", serif;
|
|
line-height: 1.3;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 1.5em; }
|
|
|
|
h1 {
|
|
font-size: 4rem;
|
|
font-weight: 700; }
|
|
|
|
h2 {
|
|
font-size: 3rem;
|
|
font-weight: 700; }
|
|
|
|
h3 {
|
|
font-size: 2rem;
|
|
font-weight: 700; }
|
|
|
|
h4 {
|
|
font-size: 1.7rem;
|
|
font-weight: 700; }
|
|
|
|
h5 {
|
|
font-size: 1.5rem;
|
|
font-weight: 700; }
|
|
|
|
h6 {
|
|
font-size: 1.3rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
text-transform: uppercase;
|
|
font-family: "Source Sans Pro", sans-serif; }
|
|
|
|
cite,
|
|
var,
|
|
address,
|
|
dfn {
|
|
font-style: normal; }
|
|
|
|
.usa-content p,
|
|
.usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),
|
|
.usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered) {
|
|
max-width: 66ch; }
|
|
|
|
.usa-content-list {
|
|
max-width: 66ch; }
|
|
|
|
.usa-sans p,
|
|
.usa-sans a,
|
|
.usa-sans li,
|
|
.usa-sans span {
|
|
font-family: "Source Sans Pro", sans-serif; }
|
|
|
|
.usa-sans a {
|
|
border-bottom: none;
|
|
font-weight: 700; }
|
|
|
|
.usa-serif p,
|
|
.usa-serif a,
|
|
.usa-serif li,
|
|
.usa-serif span {
|
|
font-family: "Merriweather", serif; }
|
|
|
|
.usa-display {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin-bottom: 0; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-display {
|
|
font-size: 4rem;
|
|
font-weight: 700; } }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-display {
|
|
font-size: 5.2rem;
|
|
font-weight: 700; } }
|
|
|
|
.usa-font-lead {
|
|
font-family: "Merriweather", serif;
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.7;
|
|
max-width: 77rem; }
|
|
|
|
.usa-background-dark {
|
|
background-color: #323a45; }
|
|
.usa-background-dark p,
|
|
.usa-background-dark span {
|
|
color: #ffffff; }
|
|
.usa-background-dark a {
|
|
color: #d6d7d9; }
|
|
.usa-background-dark a:hover {
|
|
color: #ffffff; }
|
|
|
|
.usa-text-small {
|
|
font-size: 1.3rem;
|
|
margin-top: 0; }
|
|
|
|
.usa-section > :first-child,
|
|
.usa-grid > :first-child,
|
|
.usa-grid-full > :first-child {
|
|
margin-top: 0; }
|
|
|
|
.usa-section > :last-child,
|
|
.usa-grid > :last-child,
|
|
.usa-grid-full > :last-child {
|
|
margin-bottom: 0; }
|
|
|
|
.usa-width-one-whole:first-child > :first-child,
|
|
.usa-width-one-half:first-child > :first-child,
|
|
.usa-width-one-third:first-child > :first-child,
|
|
.usa-width-two-thirds:first-child > :first-child,
|
|
.usa-width-one-fourth:first-child > :first-child,
|
|
.usa-width-three-fourths:first-child > :first-child,
|
|
.usa-width-one-sixth:first-child > :first-child,
|
|
.usa-width-five-sixths:first-child > :first-child,
|
|
.usa-width-one-twelfth:first-child > :first-child {
|
|
margin-top: 0; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-width-one-whole > :first-child,
|
|
.usa-width-one-half > :first-child,
|
|
.usa-width-one-third > :first-child,
|
|
.usa-width-two-thirds > :first-child,
|
|
.usa-width-one-fourth > :first-child,
|
|
.usa-width-three-fourths > :first-child,
|
|
.usa-width-one-sixth > :first-child,
|
|
.usa-width-five-sixths > :first-child,
|
|
.usa-width-one-twelfth > :first-child {
|
|
margin-top: 0; } }
|
|
|
|
.usa-width-one-whole:last-child > :last-child,
|
|
.usa-width-one-half:last-child > :last-child,
|
|
.usa-width-one-third:last-child > :last-child,
|
|
.usa-width-two-thirds:last-child > :last-child,
|
|
.usa-width-one-fourth:last-child > :last-child,
|
|
.usa-width-three-fourths:last-child > :last-child,
|
|
.usa-width-one-sixth:last-child > :last-child,
|
|
.usa-width-five-sixths:last-child > :last-child,
|
|
.usa-width-one-twelfth:last-child > :last-child {
|
|
margin-bottom: 0; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-width-one-whole > :last-child,
|
|
.usa-width-one-half > :last-child,
|
|
.usa-width-one-third > :last-child,
|
|
.usa-width-two-thirds > :last-child,
|
|
.usa-width-one-fourth > :last-child,
|
|
.usa-width-three-fourths > :last-child,
|
|
.usa-width-one-sixth > :last-child,
|
|
.usa-width-five-sixths > :last-child,
|
|
.usa-width-one-twelfth > :last-child {
|
|
margin-bottom: 0; } }
|
|
|
|
.usa-accordion,
|
|
.usa-accordion-bordered {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
color: #212121;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%; }
|
|
.usa-accordion > li,
|
|
.usa-accordion-bordered > li {
|
|
margin-bottom: 0; }
|
|
.usa-accordion > ul li ul,
|
|
.usa-accordion-bordered > ul li ul {
|
|
list-style: disc; }
|
|
.usa-accordion > ul li ul > li > ul,
|
|
.usa-accordion-bordered > ul li ul > li > ul {
|
|
list-style: circle; }
|
|
.usa-accordion > ul li ul > li > ul > li > ul,
|
|
.usa-accordion-bordered > ul li ul > li > ul > li > ul {
|
|
list-style: square; }
|
|
.usa-accordion + .usa-accordion,
|
|
.usa-accordion + .usa-accordion-bordered,
|
|
.usa-accordion-bordered + .usa-accordion,
|
|
.usa-accordion-bordered + .usa-accordion-bordered {
|
|
margin-top: 1rem; }
|
|
.usa-accordion > ul,
|
|
.usa-accordion-bordered > ul {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
color: #212121;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%; }
|
|
.usa-accordion > ul > li,
|
|
.usa-accordion-bordered > ul > li {
|
|
margin-bottom: 0; }
|
|
.usa-accordion > ul > li,
|
|
.usa-accordion-bordered > ul > li {
|
|
background-color: #f1f1f1;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
list-style: none;
|
|
margin-bottom: 0.5rem;
|
|
width: 100%; }
|
|
.usa-accordion > ul button,
|
|
.usa-accordion-bordered > ul button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
background-color: #f1f1f1;
|
|
background-image: url("minus.71f0755b.png");
|
|
background-image: url("minus.30f190d9.svg");
|
|
background-position: right 2rem center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1.5rem;
|
|
color: #212121;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
padding: 1.5rem 5.5rem 1.5rem 2rem;
|
|
width: 100%; }
|
|
.usa-accordion > ul button:hover,
|
|
.usa-accordion-bordered > ul button:hover {
|
|
background-color: transparent; }
|
|
.usa-accordion > ul button:hover,
|
|
.usa-accordion-bordered > ul button:hover {
|
|
background-color: #d6d7d9;
|
|
color: #212121; }
|
|
.usa-accordion > ul button h1,
|
|
.usa-accordion > ul button h2,
|
|
.usa-accordion > ul button h3,
|
|
.usa-accordion > ul button h4,
|
|
.usa-accordion > ul button h5,
|
|
.usa-accordion > ul button h6,
|
|
.usa-accordion-bordered > ul button h1,
|
|
.usa-accordion-bordered > ul button h2,
|
|
.usa-accordion-bordered > ul button h3,
|
|
.usa-accordion-bordered > ul button h4,
|
|
.usa-accordion-bordered > ul button h5,
|
|
.usa-accordion-bordered > ul button h6 {
|
|
margin: 0; }
|
|
.usa-accordion > ul [aria-expanded=false],
|
|
.usa-accordion-bordered > ul [aria-expanded=false] {
|
|
background-image: url("plus.31113133.png");
|
|
background-image: url("plus.7ceba975.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 1.5rem; }
|
|
.usa-accordion > li,
|
|
.usa-accordion-bordered > li {
|
|
background-color: #f1f1f1;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
list-style: none;
|
|
margin-bottom: 0.5rem;
|
|
width: 100%; }
|
|
|
|
.usa-accordion-bordered .usa-accordion-content {
|
|
border-bottom: 3px solid #f1f1f1;
|
|
border-left: 3px solid #f1f1f1;
|
|
border-right: 3px solid #f1f1f1; }
|
|
|
|
.usa-accordion-content {
|
|
background-color: #ffffff;
|
|
overflow: auto;
|
|
padding: 1.5rem 2rem; }
|
|
.usa-accordion-content > *:first-child {
|
|
margin-top: 0; }
|
|
.usa-accordion-content > *:last-child {
|
|
margin-bottom: 0; }
|
|
.usa-accordion-content:not([aria-hidden]) {
|
|
position: absolute;
|
|
left: -999em; }
|
|
.usa-accordion-content[aria-hidden=true] {
|
|
display: none; }
|
|
|
|
.usa-accordion-button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
background-color: #f1f1f1;
|
|
background-image: url("minus.71f0755b.png");
|
|
background-image: url("minus.30f190d9.svg");
|
|
background-position: right 2rem center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1.5rem;
|
|
color: #212121;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
padding: 1.5rem 5.5rem 1.5rem 2rem;
|
|
width: 100%; }
|
|
.usa-accordion-button:hover {
|
|
background-color: transparent; }
|
|
.usa-accordion-button:hover {
|
|
background-color: #d6d7d9;
|
|
color: #212121; }
|
|
.usa-accordion-button h1,
|
|
.usa-accordion-button h2,
|
|
.usa-accordion-button h3,
|
|
.usa-accordion-button h4,
|
|
.usa-accordion-button h5,
|
|
.usa-accordion-button h6 {
|
|
margin: 0; }
|
|
|
|
.usa-accordion-button[aria-expanded=false] {
|
|
background-image: url("plus.31113133.png");
|
|
background-image: url("plus.7ceba975.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 1.5rem; }
|
|
|
|
.usa-alert {
|
|
background-color: #f1f1f1;
|
|
background-position: 2rem 2rem;
|
|
background-repeat: no-repeat;
|
|
background-size: 5.2rem;
|
|
padding-bottom: 1.4rem;
|
|
padding-left: 3rem;
|
|
padding-right: 2rem;
|
|
padding-top: 2rem;
|
|
position: relative; }
|
|
.usa-alert::before {
|
|
background-color: #8b8b8b;
|
|
content: '';
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1rem; }
|
|
.usa-alert a {
|
|
color: #205493; }
|
|
.usa-alert a:focus, .usa-alert a:hover {
|
|
color: #112e51; }
|
|
.usa-alert ul {
|
|
margin-bottom: 0;
|
|
margin-top: 1rem;
|
|
padding-left: 1rem; }
|
|
|
|
.usa-alert-slim {
|
|
background-position: 2rem 1rem;
|
|
padding-bottom: 1rem;
|
|
padding-top: 1rem; }
|
|
.usa-alert-slim .usa-alert-text:only-child {
|
|
margin-bottom: 0.5rem;
|
|
padding-top: 0.5rem; }
|
|
|
|
.usa-alert-icon {
|
|
display: table-cell;
|
|
padding-right: 1rem; }
|
|
|
|
.usa-alert-body {
|
|
display: table-cell;
|
|
vertical-align: top; }
|
|
|
|
.usa-alert-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 0; }
|
|
|
|
.usa-alert-text {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
margin-bottom: 0;
|
|
margin-top: 0; }
|
|
|
|
.usa-alert-text:only-child {
|
|
margin-bottom: 1rem;
|
|
padding-top: 0.5rem; }
|
|
|
|
.usa-alert-success {
|
|
background-color: #e7f4e4;
|
|
background-image: url("success.4e032499.png");
|
|
background-image: url("success.9ef06b70.svg"); }
|
|
.usa-alert-success::before {
|
|
background-color: #2e8540; }
|
|
.usa-alert-success .usa-alert-body {
|
|
padding-left: 5rem; }
|
|
|
|
.usa-alert-warning {
|
|
background-color: #fff1d2;
|
|
background-image: url("warning.9253aad8.png");
|
|
background-image: url("warning.bde34fef.svg"); }
|
|
.usa-alert-warning::before {
|
|
background-color: #fdb81e; }
|
|
.usa-alert-warning .usa-alert-body {
|
|
padding-left: 5rem; }
|
|
|
|
.usa-alert-error {
|
|
background-color: #f9dede;
|
|
background-image: url("error.77a47b7b.png");
|
|
background-image: url("error.fed7fc9a.svg"); }
|
|
.usa-alert-error::before {
|
|
background-color: #e31c3d; }
|
|
.usa-alert-error .usa-alert-body {
|
|
padding-left: 5rem; }
|
|
|
|
.usa-alert-info {
|
|
background-color: #e1f3f8;
|
|
background-image: url("info.6946b1ae.png");
|
|
background-image: url("info.65032fa3.svg"); }
|
|
.usa-alert-info::before {
|
|
background-color: #02bfe7; }
|
|
.usa-alert-info .usa-alert-body {
|
|
padding-left: 5rem; }
|
|
|
|
.usa-alert-no_icon {
|
|
background-image: none; }
|
|
|
|
.usa-alert-paragraph {
|
|
width: 66ch; }
|
|
|
|
.usa-alert {
|
|
margin-top: 1.5em; }
|
|
|
|
.usa-banner {
|
|
background-color: #f1f1f1;
|
|
padding-bottom: 0.7rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner {
|
|
font-size: 1.3rem;
|
|
padding-bottom: 0; } }
|
|
|
|
.usa-banner-content {
|
|
padding-right: 0.4rem;
|
|
padding-bottom: 3px;
|
|
padding-left: 0.4rem;
|
|
background-color: transparent;
|
|
font-size: 1.5rem;
|
|
padding-top: 2rem;
|
|
width: 100%; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-banner-content {
|
|
padding-bottom: 2.3rem;
|
|
padding-top: 4rem; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-banner-content {
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem; } }
|
|
.usa-banner-content p:first-child {
|
|
margin-top: 1rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-banner-content p:first-child {
|
|
margin-top: 0; } }
|
|
|
|
.usa-banner-inner {
|
|
max-width: 1200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-right: 0.4rem;
|
|
padding-left: 0.4rem; }
|
|
.usa-banner-inner::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-banner-inner {
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem; } }
|
|
|
|
.usa-banner-header {
|
|
padding-top: 0.55rem;
|
|
padding-bottom: 0.55rem;
|
|
font-size: 1.2rem;
|
|
font-weight: 400; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header {
|
|
padding-top: 0;
|
|
padding-bottom: 0; } }
|
|
.usa-banner-header p {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
display: inline;
|
|
overflow: hidden;
|
|
vertical-align: middle; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header p {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
display: inline-block; } }
|
|
.usa-banner-header img {
|
|
float: left;
|
|
margin-right: 1rem;
|
|
margin-top: 1px;
|
|
width: 2.4rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header img {
|
|
margin-right: 0.7rem;
|
|
width: 2rem; } }
|
|
|
|
.usa-banner-header-expanded {
|
|
align-items: center;
|
|
border-bottom: 1px solid #aeb0b5;
|
|
display: flex;
|
|
font-size: 1.5rem;
|
|
min-height: 5.6rem;
|
|
padding-right: 3rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header-expanded {
|
|
border-bottom: none;
|
|
display: block;
|
|
font-size: 1.2rem;
|
|
font-weight: 400;
|
|
min-height: 0;
|
|
padding-right: 0; } }
|
|
.usa-banner-header-expanded > .usa-banner-inner {
|
|
margin-left: 0; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header-expanded > .usa-banner-inner {
|
|
margin-left: auto; } }
|
|
.usa-banner-header-expanded img {
|
|
margin-right: 2.4rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header-expanded img {
|
|
margin-right: 0.7rem; } }
|
|
.usa-banner-header-expanded p {
|
|
line-height: 1.3;
|
|
vertical-align: top; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-header-expanded p {
|
|
line-height: 1.5;
|
|
vertical-align: middle; } }
|
|
|
|
.usa-banner-button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
padding-top: 1.3rem;
|
|
padding-left: 4.8rem;
|
|
background-position-x: right;
|
|
color: #0071bc;
|
|
display: block;
|
|
font-size: 1.2rem;
|
|
height: 4.3rem;
|
|
left: 0;
|
|
position: absolute;
|
|
text-decoration: underline;
|
|
top: 0;
|
|
width: 100%; }
|
|
.usa-banner-button:hover {
|
|
background-color: transparent; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-button {
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
/* stylelint-disable declaration-block-no-ignored-properties */
|
|
display: inline;
|
|
height: auto;
|
|
margin-left: 3px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: auto;
|
|
/* stylelint-enable */ } }
|
|
.usa-banner-button:hover {
|
|
color: #205493;
|
|
text-decoration: underline; }
|
|
.usa-banner-button[aria-expanded=false] {
|
|
background-image: none; }
|
|
.usa-banner-button[aria-expanded=false]::after {
|
|
background-image: url("angle-arrow-down-primary.ab8d4776.png");
|
|
background-image: url("angle-arrow-down-primary.1c0886c7.svg");
|
|
background-size: 100%;
|
|
content: '';
|
|
display: inline-block;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
|
|
margin-left: 0;
|
|
/* stylelint-enable */ }
|
|
.usa-banner-button[aria-expanded=false]:hover::after {
|
|
background-image: url("angle-arrow-down-primary-hover.d936067e.png");
|
|
background-image: url("angle-arrow-down-primary-hover.11d98d2a.svg"); }
|
|
.usa-banner-button[aria-expanded=false]::after {
|
|
background-position-y: 1px; }
|
|
.usa-banner-button[aria-expanded=true] {
|
|
background-image: none;
|
|
height: 5.6rem; }
|
|
.usa-banner-button[aria-expanded=true]::after {
|
|
background-image: url("close.707c1f41.png");
|
|
background-image: url("close.34c66938.svg");
|
|
background-size: 100%;
|
|
content: '';
|
|
display: inline-block;
|
|
height: 1.3rem;
|
|
width: 1.3rem;
|
|
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
|
|
margin-left: 0;
|
|
/* stylelint-enable */ }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-button[aria-expanded=true] {
|
|
height: initial;
|
|
padding: 0;
|
|
position: relative; }
|
|
.usa-banner-button[aria-expanded=true]::after {
|
|
background-image: url("angle-arrow-up-primary.fd1251b8.png");
|
|
background-image: url("angle-arrow-up-primary.b38f7f9a.svg");
|
|
background-size: 100%;
|
|
content: '';
|
|
display: inline-block;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
|
|
margin-left: 0;
|
|
/* stylelint-enable */ }
|
|
.usa-banner-button[aria-expanded=true]:hover::after {
|
|
background-image: url("angle-arrow-up-primary-hover.87ccb668.png");
|
|
background-image: url("angle-arrow-up-primary-hover.656ab109.svg"); }
|
|
.usa-banner-button[aria-expanded=true]::after {
|
|
background-position-y: 1px; } }
|
|
.usa-banner-button[aria-expanded=true]::after {
|
|
position: absolute;
|
|
right: 1.5rem;
|
|
top: 2.15rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-button[aria-expanded=true]::after {
|
|
position: static; } }
|
|
.usa-banner-button[aria-expanded=true] .usa-banner-button-text {
|
|
display: none; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-banner-button[aria-expanded=true] .usa-banner-button-text {
|
|
display: inline; } }
|
|
|
|
.usa-banner-icon {
|
|
width: 3.8rem; }
|
|
|
|
.usa-footer .usa-unstyled-list {
|
|
display: block; }
|
|
|
|
.usa-footer .usa-footer-primary-link {
|
|
color: #212121;
|
|
display: block;
|
|
font-weight: 700;
|
|
margin-top: 0;
|
|
padding-bottom: 2rem;
|
|
padding-top: 2rem;
|
|
text-decoration: none; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer .usa-footer-primary-link {
|
|
border-top: none; } }
|
|
.usa-footer .usa-footer-primary-link:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer .usa-footer-primary-link:hover {
|
|
cursor: auto;
|
|
text-decoration: none; } }
|
|
|
|
.usa-footer .usa-footer-primary-link ~ li a,
|
|
.usa-footer .usa-footer-secondary-link {
|
|
text-decoration: none; }
|
|
|
|
.usa-footer-contact_info {
|
|
display: inline-block; }
|
|
.usa-footer-contact_info a {
|
|
color: #212121;
|
|
text-decoration: none; }
|
|
.usa-footer-contact_info:hover {
|
|
text-decoration: underline; }
|
|
|
|
.usa-footer-return-to-top {
|
|
padding-bottom: 2rem;
|
|
padding-top: 2rem; }
|
|
|
|
.usa-footer-primary-section {
|
|
background-color: #f1f1f1; }
|
|
.usa-footer-primary-section .usa-footer-primary-content {
|
|
padding-left: 1.5rem;
|
|
padding-right: 2.5rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-primary-section .usa-footer-primary-content {
|
|
padding-left: 0;
|
|
padding-right: 0; } }
|
|
.usa-footer-primary-section .usa-footer-primary-content li {
|
|
margin-left: 1rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-primary-section .usa-footer-primary-content li {
|
|
margin-left: 0; } }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-primary-section .usa-grid-full {
|
|
padding-left: 2.5rem;
|
|
padding-right: 2.5rem; } }
|
|
|
|
.usa-footer-medium .usa-footer-contact_info p {
|
|
margin: 0 1rem 0 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-medium .usa-footer-contact_info p {
|
|
margin: 0 0 0 1rem; } }
|
|
|
|
.usa-footer-medium .usa-footer-contact-heading {
|
|
margin-top: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-medium .usa-footer-contact-heading {
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem; } }
|
|
|
|
.usa-footer-medium .usa-footer-logo {
|
|
padding: 1rem 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-medium .usa-footer-logo {
|
|
padding: 2rem 0; } }
|
|
|
|
.usa-footer-medium .usa-footer-primary-link {
|
|
padding-bottom: 1.5rem;
|
|
padding-top: 1.5rem; }
|
|
|
|
.usa-footer-medium .usa-footer-primary-section > .usa-grid {
|
|
padding: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-medium .usa-footer-primary-section > .usa-grid {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem; } }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.usa-footer-medium .usa-footer-primary-section .usa-footer-primary-content {
|
|
margin-right: 5%;
|
|
width: inherit; } }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.usa-footer-medium .usa-footer-primary-section .usa-footer-primary-content:last-child {
|
|
margin-right: 0; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-medium .usa-footer-nav ul {
|
|
align-items: center; } }
|
|
|
|
.usa-footer-slim .usa-footer-nav a {
|
|
display: block; }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.usa-footer-slim .usa-footer-nav .usa-footer-primary-content {
|
|
margin-right: 5%;
|
|
width: inherit; } }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.usa-footer-slim .usa-footer-nav .usa-footer-primary-content:last-child {
|
|
margin-right: 0; } }
|
|
|
|
.usa-footer-slim .usa-footer-primary-link {
|
|
padding-bottom: 1.5rem;
|
|
padding-top: 1.5rem; }
|
|
|
|
.usa-footer-slim .usa-footer-primary-section > .usa-grid {
|
|
padding: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-slim .usa-footer-primary-section > .usa-grid {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-slim .usa-footer-primary-section {
|
|
padding-bottom: 0;
|
|
padding-top: 0; }
|
|
.usa-footer-slim .usa-footer-primary-section .usa-grid-full {
|
|
align-items: center; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-slim .usa-footer-contact_info > * {
|
|
margin: 0; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-slim .usa-footer-contact_info {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-slim .usa-footer-contact_info {
|
|
width: 100%; } }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.usa-footer-slim .usa-footer-contact_info {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 48.82117%; }
|
|
.usa-footer-slim .usa-footer-contact_info:last-child {
|
|
margin-right: 0; } }
|
|
|
|
/* stylelint-disable selector-no-qualifying-type */
|
|
ul.usa-footer-primary-content,
|
|
li.usa-footer-primary-content,
|
|
li.usa-footer-primary-content {
|
|
border-top: 1px solid #aeb0b5; }
|
|
@media screen and (min-width: 600px) {
|
|
ul.usa-footer-primary-content,
|
|
li.usa-footer-primary-content,
|
|
li.usa-footer-primary-content {
|
|
border: none; } }
|
|
ul.usa-footer-primary-content:last-child,
|
|
li.usa-footer-primary-content:last-child,
|
|
li.usa-footer-primary-content:last-child {
|
|
border-bottom: 1px solid #aeb0b5; }
|
|
@media screen and (min-width: 600px) {
|
|
ul.usa-footer-primary-content:last-child,
|
|
li.usa-footer-primary-content:last-child,
|
|
li.usa-footer-primary-content:last-child {
|
|
border-bottom: none; } }
|
|
|
|
/* stylelint-enable */
|
|
.usa-sign_up-block {
|
|
padding-bottom: 4.5rem;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-sign_up-block {
|
|
float: right;
|
|
padding: 0; } }
|
|
.usa-sign_up-block label:first-of-type {
|
|
margin-top: 0; }
|
|
.usa-sign_up-block button {
|
|
float: none;
|
|
margin-right: 0;
|
|
margin-top: 1.5rem; }
|
|
.usa-sign_up-block input {
|
|
width: 100%; }
|
|
|
|
.usa-footer-secondary_section {
|
|
background-color: #d6d7d9;
|
|
padding-bottom: 2rem;
|
|
padding-top: 2rem; }
|
|
.usa-footer-secondary_section a {
|
|
color: #212121; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big-secondary-section {
|
|
padding-top: 2rem;
|
|
padding-bottom: 2rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-contact-links {
|
|
text-align: right; } }
|
|
|
|
.usa-social-links a {
|
|
text-decoration: none; }
|
|
|
|
.usa-footer-big .usa-footer-contact_info {
|
|
display: block; }
|
|
.usa-footer-big .usa-footer-contact_info p {
|
|
margin: 0 1rem 0 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big .usa-footer-contact_info p {
|
|
margin: 0.5rem 0 0 1rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big .usa-footer-contact-links {
|
|
padding-top: 2rem; } }
|
|
|
|
.usa-footer-big .usa-footer-logo {
|
|
padding: 1rem 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big .usa-footer-logo {
|
|
padding: 2rem 0; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big .usa-footer-primary-section {
|
|
padding-bottom: 4rem;
|
|
padding-top: 3rem; } }
|
|
|
|
.usa-footer-big .usa-footer-primary-section > .usa-grid {
|
|
padding: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big .usa-footer-primary-section > .usa-grid {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem; } }
|
|
|
|
.usa-footer-big .usa-footer-primary-section .usa-footer-primary-content {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
.usa-footer-big .usa-footer-primary-section .usa-footer-primary-content li {
|
|
margin-left: 1.5rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big .usa-footer-primary-section .usa-footer-primary-content li {
|
|
margin-left: 0; } }
|
|
.usa-footer-big .usa-footer-primary-section .usa-footer-primary-content .usa-footer-primary-link {
|
|
margin-left: 0; }
|
|
|
|
.usa-footer-big ul {
|
|
padding-bottom: 2.4rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big ul {
|
|
padding-bottom: 0; } }
|
|
.usa-footer-big ul:last-child {
|
|
border-bottom: 1px solid #aeb0b5; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big ul:last-child {
|
|
border-bottom: none; } }
|
|
.usa-footer-big ul li:not(.usa-footer-primary-link) {
|
|
line-height: 1.3;
|
|
padding-bottom: 0.35em;
|
|
padding-top: 0.35em; }
|
|
.usa-footer-big ul .usa-footer-primary-link {
|
|
background-image: url("arrow-down.188ad70b.png");
|
|
background-image: url("arrow-down.08222248.svg");
|
|
background-position: 1.5rem center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1.3rem;
|
|
margin-left: 0;
|
|
padding-left: 3.5rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big ul .usa-footer-primary-link {
|
|
background: none;
|
|
margin-bottom: .8rem;
|
|
padding-bottom: 0;
|
|
padding-left: 0; } }
|
|
.usa-footer-big ul .usa-footer-primary-link > * {
|
|
margin-top: 0;
|
|
margin-bottom: 0; }
|
|
.usa-footer-big ul.hidden {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
padding-bottom: 0; }
|
|
.usa-footer-big ul.hidden li {
|
|
display: none; }
|
|
.usa-footer-big ul.hidden .usa-footer-primary-link {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
background-image: url("arrow-right.c5e6e18a.png");
|
|
background-image: url("arrow-right.8dc15dc6.svg");
|
|
cursor: pointer;
|
|
display: block; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big ul.hidden .usa-footer-primary-link {
|
|
background: none;
|
|
padding-left: 0; } }
|
|
|
|
.usa-footer-topic {
|
|
margin: 0;
|
|
padding: 2rem 0; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-sign_up-header {
|
|
margin: 0;
|
|
padding: 2rem 0; } }
|
|
|
|
.usa-footer-logo-img {
|
|
max-width: 8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-logo-img {
|
|
float: left; } }
|
|
|
|
.usa-footer-big-logo-img {
|
|
max-width: 10rem; }
|
|
|
|
.usa-footer-slim-logo-img {
|
|
float: left;
|
|
max-width: 5rem; }
|
|
|
|
.usa-footer-logo-heading {
|
|
display: block;
|
|
margin-top: 1rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-logo-heading {
|
|
display: inline-block;
|
|
margin-top: 3rem;
|
|
padding-left: 1.5rem; } }
|
|
|
|
.usa-footer-big-logo-heading {
|
|
margin-top: 1.5rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-big-logo-heading {
|
|
margin-top: 2rem; } }
|
|
|
|
.usa-footer-slim-logo-heading {
|
|
display: inline-block;
|
|
margin-top: 1.5rem;
|
|
padding-left: 1.5rem; }
|
|
|
|
.usa-footer-contact-heading {
|
|
margin-top: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-footer-contact-heading {
|
|
margin-top: 1rem; } }
|
|
|
|
.usa-social_link, .usa-link-facebook, .usa-link-twitter, .usa-link-youtube, .usa-link-rss {
|
|
margin: 2.5rem 1rem 1.5rem 0;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: auto 3rem;
|
|
display: inline-block;
|
|
height: 4.4rem;
|
|
left: -1.6rem;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 4.4rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-social_link, .usa-link-facebook, .usa-link-twitter, .usa-link-youtube, .usa-link-rss {
|
|
margin: 0 0 0 0.5rem;
|
|
left: 1.5rem; } }
|
|
.usa-social_link span, .usa-link-facebook span, .usa-link-twitter span, .usa-link-youtube span, .usa-link-rss span {
|
|
position: absolute;
|
|
left: -999em; }
|
|
|
|
.usa-link-facebook {
|
|
background-image: url("facebook25.e89f66fb.png");
|
|
background-image: url("facebook25.0247732a.svg"); }
|
|
|
|
.usa-link-twitter {
|
|
background-image: url("twitter16.33fbe6bc.png");
|
|
background-image: url("twitter16.27cfc1cf.svg"); }
|
|
|
|
.usa-link-youtube {
|
|
background-image: url("youtube15.8e97452a.png");
|
|
background-image: url("youtube15.e0b05878.svg"); }
|
|
|
|
.usa-link-rss {
|
|
background-image: url("rss25.87d6c4ef.png");
|
|
background-image: url("rss25.f5125cc9.svg"); }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
[type=submit] {
|
|
margin-top: calc(3rem - .2em); } }
|
|
|
|
fieldset {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-form {
|
|
max-width: 32rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-tiny {
|
|
max-width: 6rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-medium {
|
|
max-width: 12rem; } }
|
|
|
|
.usa-form-note {
|
|
float: right;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-size: 1.5rem;
|
|
margin: 0 0 1.5rem; }
|
|
.usa-form-note + * {
|
|
clear: both; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-form-large {
|
|
max-width: 46rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-grid {
|
|
padding-right: 5%; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-grid:last-of-type {
|
|
padding-right: 0; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-grid-small {
|
|
float: left;
|
|
width: 35%; } }
|
|
|
|
.usa-input-grid-small input {
|
|
margin-bottom: 3rem; }
|
|
|
|
.usa-input-grid-small select {
|
|
margin-bottom: 3rem; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-grid-medium {
|
|
float: left;
|
|
width: 65%; } }
|
|
|
|
.usa-input-grid-medium input {
|
|
margin-bottom: 3rem; }
|
|
|
|
.usa-input-grid-medium select {
|
|
margin-bottom: 3rem; }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input-grid-large {
|
|
float: left;
|
|
width: 100%; } }
|
|
|
|
.usa-input-grid-large input {
|
|
margin-bottom: 3rem; }
|
|
|
|
.usa-input-grid-large select {
|
|
margin-bottom: 3rem; }
|
|
|
|
.usa-additional_text {
|
|
font-weight: normal; }
|
|
|
|
.usa-checklist {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
.usa-checklist li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
padding-left: 3em;
|
|
text-indent: -2em; }
|
|
.usa-checklist li::before {
|
|
content: ' ';
|
|
display: inline-block;
|
|
height: .8em;
|
|
margin-right: .2em;
|
|
width: 1.8em; }
|
|
|
|
.usa-checklist-checked::before {
|
|
background-image: url("correct9.860cef73.png");
|
|
background-image: url("correct9.f5b58d71.svg");
|
|
background-position: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%; }
|
|
|
|
.usa-graphic_list .usa-graphic_list-row .usa-media_block {
|
|
margin-bottom: 0.8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-graphic_list .usa-graphic_list-row .usa-media_block {
|
|
margin-bottom: 1.6rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.usa-graphic_list .usa-graphic_list-row:last-child .usa-media_block {
|
|
margin-bottom: 0; } }
|
|
|
|
.usa-graphic_list .usa-graphic_list-row:last-child .usa-media_block:last-child {
|
|
margin-bottom: 0; }
|
|
|
|
.usa-graphic_list .usa-media_block-img {
|
|
margin-right: 0.8rem; }
|
|
|
|
.usa-graphic_list .usa-media_block-body > :first-child {
|
|
margin-top: 0; }
|
|
|
|
.usa-header {
|
|
width: 100%;
|
|
z-index: 7000; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header {
|
|
border-bottom: 1px solid #d6d7d9; } }
|
|
.usa-header a {
|
|
border-bottom: none; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header .usa-search {
|
|
float: right;
|
|
max-width: 21.5rem; } }
|
|
|
|
.usa-logo {
|
|
float: left;
|
|
line-height: 4rem;
|
|
margin-left: 1.5rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-logo {
|
|
line-height: 7.5rem;
|
|
margin-left: 0; } }
|
|
.usa-logo a {
|
|
color: #212121;
|
|
text-decoration: none; }
|
|
.usa-logo br {
|
|
display: none; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-logo br {
|
|
display: block; } }
|
|
|
|
.usa-logo-text {
|
|
display: block;
|
|
font-size: 1.5rem;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
margin: 0; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-logo-text {
|
|
display: block;
|
|
font-size: 2.4rem;
|
|
line-height: 1.3; } }
|
|
|
|
.usa-menu-btn {
|
|
/* stylelint-disable declaration-block-no-ignored-properties */
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
background-color: #0071bc;
|
|
color: #ffffff;
|
|
display: inline;
|
|
float: right;
|
|
font-size: 1.3rem;
|
|
height: 4rem;
|
|
line-height: 4rem;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
width: 5.8rem;
|
|
/* stylelint-enable */ }
|
|
.usa-menu-btn:hover {
|
|
background-color: transparent; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-menu-btn {
|
|
display: none; } }
|
|
.usa-menu-btn:hover {
|
|
color: #ffffff;
|
|
background-color: #205493; }
|
|
.usa-menu-btn:visited {
|
|
color: #ffffff; }
|
|
|
|
.usa-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #000000;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
visibility: hidden;
|
|
z-index: 8000; }
|
|
.usa-overlay.is-visible {
|
|
opacity: 0.1;
|
|
visibility: visible; }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-basic .usa-logo {
|
|
bottom: 0;
|
|
position: absolute; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-basic .usa-navbar {
|
|
position: relative;
|
|
width: 18%; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-header {
|
|
border-bottom: none; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-logo {
|
|
margin-top: 3rem;
|
|
margin-bottom: 3rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended em {
|
|
font-size: 3.2rem;
|
|
line-height: 1; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-navbar {
|
|
max-width: 1200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem;
|
|
display: block;
|
|
height: auto; }
|
|
.usa-header-extended .usa-navbar::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav {
|
|
border-top: 1px solid #d6d7d9;
|
|
float: none;
|
|
padding: 0;
|
|
width: 100%; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-inner {
|
|
max-width: 1200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-right: 0.8rem;
|
|
padding-left: 1.5rem;
|
|
margin-top: -1px;
|
|
position: relative; }
|
|
.usa-header-extended .usa-nav-inner::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-primary::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; } }
|
|
|
|
.usa-header-extended .usa-nav-primary button[aria-expanded=false], .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
|
|
/* stylelint-disable-line selector-no-qualifying-type */ }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-primary button[aria-expanded=false], .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
background-position: right 1.5rem top 53%; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-link {
|
|
padding-top: 1.8rem;
|
|
padding-bottom: 1.8rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-submenu .usa-grid-full {
|
|
padding-left: 1.2rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-megamenu {
|
|
padding-left: 0.8rem; } }
|
|
|
|
.usa-hero {
|
|
padding-top: 0.8rem;
|
|
padding-bottom: 0.8rem;
|
|
background-image: url("hero.1d4e1843.png");
|
|
background-position: center;
|
|
background-size: cover; }
|
|
.usa-hero .usa-button {
|
|
color: #ffffff; }
|
|
|
|
.usa-section-dark .usa-hero-link {
|
|
color: #02bfe7; }
|
|
|
|
.usa-hero-callout {
|
|
background-color: #112e51;
|
|
padding: 3rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-hero-callout {
|
|
max-width: 30rem; } }
|
|
.usa-hero-callout > *:first-child {
|
|
margin-top: 0;
|
|
margin-bottom: 2rem; }
|
|
|
|
.usa-hero-callout-alt {
|
|
color: #ffffff;
|
|
display: block; }
|
|
|
|
.usa-layout-docs {
|
|
display: flex;
|
|
flex-direction: column; }
|
|
@media screen and (min-width: 800px) {
|
|
.usa-layout-docs {
|
|
display: inherit; } }
|
|
.usa-layout-docs .usa-grid > :first-child:not(.usa-width-*) {
|
|
margin-top: 0; }
|
|
.usa-layout-docs .usa-grid > :last-child:not(.usa-width-*) {
|
|
margin-bottom: 0; }
|
|
|
|
.usa-layout-docs-sidenav {
|
|
order: 2; }
|
|
|
|
.usa-layout-docs-main_content {
|
|
margin-bottom: 0.8rem;
|
|
order: 1; }
|
|
@media screen and (min-width: 800px) {
|
|
.usa-layout-docs-main_content {
|
|
margin-bottom: 0; } }
|
|
.usa-layout-docs-main_content > :first-child {
|
|
margin-top: 0; }
|
|
|
|
.usa-media_block-img {
|
|
float: left;
|
|
margin-right: 1rem; }
|
|
|
|
.usa-media_block-body {
|
|
overflow: hidden; }
|
|
|
|
.usa-navbar {
|
|
border-bottom: 1px solid #aeb0b5;
|
|
height: 4rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-navbar {
|
|
border-bottom: none;
|
|
display: inline-block;
|
|
height: 7.8rem; } }
|
|
|
|
.usa-nav-link {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-link:hover span {
|
|
border-bottom: 0.4rem solid #0071bc;
|
|
padding-bottom: 0.6rem; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-link.usa-accordion-button span {
|
|
margin-right: 0;
|
|
padding-right: 1.5rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-container {
|
|
max-width: 1200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem; }
|
|
.usa-nav-container::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; } }
|
|
|
|
.usa-nav {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: auto;
|
|
background: #ffffff;
|
|
border-left: 1px solid #aeb0b5;
|
|
border-right: 0;
|
|
display: none;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
padding: 2rem;
|
|
width: 26rem;
|
|
z-index: 9000; }
|
|
|
|
@keyframes slidein-left {
|
|
from {
|
|
transform: translateX(26rem); }
|
|
to {
|
|
transform: translateX(0); } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav {
|
|
padding-top: 4.5rem;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
border-left: none;
|
|
display: block;
|
|
float: right;
|
|
overflow-y: visible;
|
|
position: relative;
|
|
transform: translateX(0);
|
|
width: auto; } }
|
|
.usa-nav.is-visible {
|
|
animation: slidein-left 0.3s ease-in-out;
|
|
display: flex; }
|
|
.usa-nav nav {
|
|
margin-top: 6rem;
|
|
min-height: 100%; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav nav {
|
|
margin-top: 0; } }
|
|
.usa-nav .usa-current {
|
|
border-left: 4px solid #0071bc;
|
|
color: #0071bc;
|
|
font-weight: 700;
|
|
padding-left: 1.4rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav .usa-current {
|
|
color: #212121; } }
|
|
.usa-nav .usa-button {
|
|
width: 100%; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav .usa-search {
|
|
margin-left: 1.5rem;
|
|
top: 4px; } }
|
|
|
|
.usa-nav-primary {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
margin-top: 1.5rem;
|
|
order: 2; }
|
|
.usa-nav-primary > li {
|
|
margin-bottom: 0; }
|
|
.usa-nav-primary > li {
|
|
background-color: transparent;
|
|
border-top: 1px solid #5b616b;
|
|
font-size: 1.7rem; }
|
|
.usa-nav-primary > li:first-child {
|
|
border-top: none; }
|
|
.usa-nav-primary a {
|
|
border: none;
|
|
color: #212121;
|
|
display: block;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
line-height: 1.3;
|
|
padding: 0.85rem 1rem 0.85rem 0.4rem;
|
|
text-decoration: none; }
|
|
.usa-nav-primary a:hover {
|
|
background-color: #f1f1f1;
|
|
color: #0071bc;
|
|
text-decoration: none; }
|
|
.usa-nav-primary a:focus {
|
|
outline-offset: 0;
|
|
position: relative;
|
|
z-index: 1; }
|
|
.usa-nav-primary a.usa-current {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
border-left: 0.4rem solid #0071bc;
|
|
color: #0071bc;
|
|
font-weight: 700;
|
|
padding-left: 0rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary {
|
|
display: inline; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary li {
|
|
border-top: none; } }
|
|
.usa-nav-primary > li {
|
|
width: auto; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary > li {
|
|
display: inline-block; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary > li > a {
|
|
padding: 1.3rem 1.5rem 2.2rem;
|
|
color: #5b616b;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
line-height: 1; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary > li > a:hover {
|
|
background-color: transparent; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary a {
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.75rem; } }
|
|
.usa-nav-primary button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
padding: 0.85rem 1.5rem 0.85rem 1.8rem; }
|
|
.usa-nav-primary button:hover {
|
|
background-color: transparent; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary button {
|
|
padding: 1.3rem 1.5rem 2.2rem;
|
|
color: #5b616b;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
width: initial; } }
|
|
.usa-nav-primary button:focus, .usa-nav-primary button:active {
|
|
box-shadow: 2px dotted #aeb0b5; }
|
|
.usa-nav-primary button:hover {
|
|
background-color: #f1f1f1;
|
|
color: #0071bc; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary button:hover {
|
|
background-color: transparent; } }
|
|
.usa-nav-primary button[aria-expanded=false] {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
background-image: url("plus-alt.ce2ceab2.png");
|
|
background-image: url("plus-alt.3bdfe660.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: right 0 center;
|
|
background-size: 1rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary button[aria-expanded=false] {
|
|
background-image: url("angle-arrow-down.eaf9b383.png");
|
|
background-image: url("angle-arrow-down.da471750.svg");
|
|
background-position: right 1.5rem top 40%; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary button[aria-expanded=false]:hover {
|
|
background-image: url("angle-arrow-down-primary.ab8d4776.png");
|
|
background-image: url("angle-arrow-down-primary.1c0886c7.svg"); } }
|
|
.usa-nav-primary button[aria-expanded=true] {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
background-image: url("minus-alt.4aa24c1e.png");
|
|
background-image: url("minus-alt.a3fdb328.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: right 0 center;
|
|
background-size: 1rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary button[aria-expanded=true] {
|
|
background-color: #112e51;
|
|
color: #ffffff;
|
|
background-image: url("angle-arrow-down-hover.baa52fa9.png");
|
|
background-image: url("angle-arrow-down-hover.9cc540eb.svg");
|
|
background-position: right 1.5rem top 40%; }
|
|
.usa-nav-primary button[aria-expanded=true]:hover {
|
|
background-color: #112e51; }
|
|
.usa-nav-primary button[aria-expanded=true] span {
|
|
border-bottom: 0.4rem solid #0071bc;
|
|
padding-bottom: 0.6rem;
|
|
color: #ffffff; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-primary a.usa-current,
|
|
.usa-nav-primary .usa-current {
|
|
border-left: 0;
|
|
padding-left: 1.5rem; }
|
|
.usa-nav-primary a.usa-current:hover span,
|
|
.usa-nav-primary .usa-current:hover span {
|
|
color: #0071bc; }
|
|
.usa-nav-primary a.usa-current span,
|
|
.usa-nav-primary .usa-current span {
|
|
border-bottom: 0.4rem solid #0071bc;
|
|
padding-bottom: 0.6rem;
|
|
color: #212121; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-link:hover span {
|
|
border-bottom: 0.7rem solid #0071bc;
|
|
padding-bottom: 0.9rem; } }
|
|
|
|
.usa-header-extended .usa-nav-primary button[aria-expanded=true] {
|
|
/* stylelint-disable-line selector-no-qualifying-type */ }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-primary button[aria-expanded=true] span {
|
|
border-bottom: 0.7rem solid #0071bc;
|
|
padding-bottom: 0.9rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-extended .usa-nav-primary .usa-current span {
|
|
border-bottom: 0.7rem solid #0071bc;
|
|
padding-bottom: 0.9rem; } }
|
|
|
|
.usa-nav-secondary {
|
|
margin-top: 1.5rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary {
|
|
margin-top: 0;
|
|
position: absolute;
|
|
right: 0.8rem;
|
|
top: -5.7rem; } }
|
|
.usa-nav-secondary .usa-search {
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 0; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary .usa-search {
|
|
margin-top: -0.9rem;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
float: left; } }
|
|
|
|
.usa-nav-secondary-links {
|
|
margin-top: 2.4rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary-links {
|
|
float: left;
|
|
margin-top: 0; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary-links li {
|
|
display: inline;
|
|
padding-left: 0.5rem; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary-links li:not(:last-child)::after {
|
|
color: #d6d7d9;
|
|
content: '|';
|
|
padding-left: 0.5rem; } }
|
|
.usa-nav-secondary-links a,
|
|
.usa-nav-secondary-links .usa-header-search-button {
|
|
color: #5b616b;
|
|
display: inline-block;
|
|
font-size: 1.5rem;
|
|
text-decoration: none; }
|
|
.usa-nav-secondary-links a:hover,
|
|
.usa-nav-secondary-links .usa-header-search-button:hover {
|
|
color: #0071bc;
|
|
text-decoration: underline; }
|
|
.usa-nav-secondary-links .usa-header-search-button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
display: none; }
|
|
.usa-nav-secondary-links .usa-header-search-button:hover {
|
|
background-color: transparent; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary-links .usa-header-search-button {
|
|
background-image: url("search-alt.6266295c.png");
|
|
background-image: url("search-alt.3ad0b1db.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-size: 2.2rem;
|
|
display: inline-block;
|
|
padding-left: 2.3rem; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary-links .usa-header-search-button.is-hidden {
|
|
display: none; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-secondary-links a.usa-current {
|
|
border-left: 0;
|
|
padding-left: 0; } }
|
|
|
|
.usa-nav-submenu {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
margin: 0;
|
|
width: 100%; }
|
|
.usa-nav-submenu > li {
|
|
margin-bottom: 0; }
|
|
.usa-nav-submenu li {
|
|
border: none;
|
|
font-size: 1.5rem; }
|
|
.usa-nav-submenu a {
|
|
padding-left: 2.8rem;
|
|
line-height: 1.3; }
|
|
.usa-nav-submenu a:hover, .usa-nav-submenu a.usa-current {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
border: none;
|
|
padding-left: 2.8rem; }
|
|
.usa-nav-submenu .usa-sidenav-sub_list a {
|
|
padding-left: 3.8rem; }
|
|
.usa-nav-submenu .usa-sidenav-sub_list a:focus {
|
|
outline-offset: 0; }
|
|
.usa-nav-submenu .usa-sidenav-sub_list a:hover {
|
|
padding-left: 3.8rem; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-submenu {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.9rem;
|
|
background-color: #112e51;
|
|
width: 21.5rem;
|
|
position: absolute; }
|
|
.usa-nav-submenu > li {
|
|
margin-bottom: 0; } }
|
|
.usa-nav-submenu[aria-hidden=true] {
|
|
display: none; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-submenu a {
|
|
color: #ffffff;
|
|
padding-left: 1.5rem; } }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-submenu a:hover {
|
|
background-color: #112e51;
|
|
color: #ffffff;
|
|
padding-left: 1.5rem;
|
|
text-decoration: underline; } }
|
|
.usa-nav-submenu li {
|
|
font-size: 1.5rem;
|
|
margin-bottom: 0; }
|
|
|
|
.usa-nav-close {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-font-smoothing: auto;
|
|
margin: -1.2rem -1.5rem 1.5rem auto;
|
|
color: currentColor;
|
|
float: right;
|
|
height: 4.4rem;
|
|
text-align: center;
|
|
width: 4.4rem; }
|
|
.usa-nav-close:hover {
|
|
background-color: transparent; }
|
|
.usa-nav-close:hover {
|
|
color: currentColor; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-nav-close {
|
|
display: none; } }
|
|
.usa-nav-close img {
|
|
width: 1.3rem; }
|
|
.usa-nav-close + * {
|
|
clear: both; }
|
|
|
|
.usa-mobile_nav-active {
|
|
overflow: hidden; }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-megamenu {
|
|
padding-top: 3.15rem;
|
|
padding-bottom: 3.15rem;
|
|
left: -1rem;
|
|
width: 100%; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-megamenu::before {
|
|
background-color: #112e51;
|
|
content: '';
|
|
display: block;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1000%;
|
|
right: 100%; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-megamenu::after {
|
|
background-color: #112e51;
|
|
content: '';
|
|
display: block;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1000%;
|
|
left: 100%; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-basic-megamenu .usa-nav {
|
|
padding-left: 0;
|
|
padding-top: 0;
|
|
width: 100%; } }
|
|
|
|
.usa-header-basic-megamenu .usa-nav-inner {
|
|
display: flex;
|
|
flex-direction: column; }
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-basic-megamenu .usa-nav-inner {
|
|
display: block;
|
|
float: right;
|
|
margin-top: -3.8rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-header-basic-megamenu .usa-nav-submenu .usa-grid-full {
|
|
margin-left: -1.8rem; } }
|
|
|
|
@media screen and (min-width: 300px) {
|
|
.usa-megamenu-col {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 23.23176%; }
|
|
.usa-megamenu-col:last-child {
|
|
margin-right: 0; }
|
|
.usa-megamenu-col:nth-child(2n) {
|
|
float: left;
|
|
display: block;
|
|
margin-right: 2.35765%;
|
|
width: 23.23176%; }
|
|
.usa-megamenu-col:nth-child(2n):last-child {
|
|
margin-right: 0; }
|
|
.usa-megamenu-col:nth-child(4n) {
|
|
margin-right: 0; } }
|
|
|
|
.usa-megamenu-col > ul {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0; }
|
|
.usa-megamenu-col > ul > li {
|
|
margin-bottom: 0; }
|
|
|
|
.usa-search {
|
|
max-width: none;
|
|
position: relative; }
|
|
.usa-search::after {
|
|
clear: both;
|
|
content: "";
|
|
display: block; }
|
|
.usa-search [type=submit],
|
|
.usa-search .usa-search-submit {
|
|
background-image: url("search.5416b9aa.png");
|
|
background-image: url("search.ea14b3f4.svg");
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
height: 3.3rem;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 4.5rem; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-search [type=submit],
|
|
.usa-search .usa-search-submit {
|
|
background-image: none;
|
|
width: 8.5rem; } }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-search.usa-search-big [type=search],
|
|
.usa-search.usa-search-big .usa-search-input {
|
|
font-size: 1.7rem;
|
|
height: 4.4rem;
|
|
width: calc(100% - 11.6rem); }
|
|
.usa-search.usa-search-big [type=submit],
|
|
.usa-search.usa-search-big .usa-search-submit {
|
|
font-size: 2rem;
|
|
height: 4.4rem;
|
|
width: 11.6rem; } }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-search.usa-search-small [type=search],
|
|
.usa-search.usa-search-small .usa-search-input {
|
|
width: calc(100% - 4.5rem); }
|
|
.usa-search.usa-search-small [type=submit],
|
|
.usa-search.usa-search-small .usa-search-submit {
|
|
background-image: url("search.5416b9aa.png");
|
|
background-image: url("search.ea14b3f4.svg");
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
width: 4.5rem; } }
|
|
@media screen and (max-width: 299px) {
|
|
.usa-search.usa-search-small.usa-sr-only {
|
|
left: auto;
|
|
position: relative; } }
|
|
|
|
input[type="search"] {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
box-sizing: border-box;
|
|
appearance: none; }
|
|
|
|
[type=search],
|
|
.usa-search-input {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
font-size: 1.4rem;
|
|
height: 3.3rem;
|
|
margin: 0;
|
|
width: calc(100% - 4.5rem); }
|
|
@media screen and (min-width: 481px) {
|
|
[type=search],
|
|
.usa-search-input {
|
|
width: calc(100% - 8.5rem); } }
|
|
|
|
.usa-search-submit-text {
|
|
position: absolute;
|
|
left: -999em; }
|
|
@media screen and (min-width: 481px) {
|
|
.usa-search-submit-text {
|
|
position: static; } }
|
|
|
|
.usa-section {
|
|
padding-top: 0.8rem;
|
|
padding-bottom: 0.8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-section {
|
|
padding-top: 6rem;
|
|
padding-bottom: 6rem; } }
|
|
|
|
.usa-section-light {
|
|
background-color: #f1f1f1; }
|
|
|
|
.usa-section-dark {
|
|
background-color: #112e51;
|
|
color: #ffffff; }
|
|
.usa-section-dark h1,
|
|
.usa-section-dark h2,
|
|
.usa-section-dark h3,
|
|
.usa-section-dark h4,
|
|
.usa-section-dark h5,
|
|
.usa-section-dark h6 {
|
|
color: #02bfe7; }
|
|
.usa-section-dark p {
|
|
color: #ffffff; }
|
|
.usa-section-dark a {
|
|
color: #d6d7d9; }
|
|
.usa-section-dark a:hover {
|
|
color: #ffffff; }
|
|
|
|
.usa-sidenav-list {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
border-bottom: 1px solid;
|
|
border-top: 1px solid; }
|
|
.usa-sidenav-list > li {
|
|
margin-bottom: 0; }
|
|
.usa-sidenav-list > li {
|
|
background-color: transparent;
|
|
border-top: 1px solid #5b616b;
|
|
font-size: 1.7rem; }
|
|
.usa-sidenav-list > li:first-child {
|
|
border-top: none; }
|
|
.usa-sidenav-list a {
|
|
border: none;
|
|
color: #212121;
|
|
display: block;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
line-height: 1.3;
|
|
padding: 0.85rem 1rem 0.85rem 0.4rem;
|
|
text-decoration: none; }
|
|
.usa-sidenav-list a:hover {
|
|
background-color: #f1f1f1;
|
|
color: #0071bc;
|
|
text-decoration: none; }
|
|
.usa-sidenav-list a:focus {
|
|
outline-offset: 0;
|
|
position: relative;
|
|
z-index: 1; }
|
|
.usa-sidenav-list a.usa-current {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
border-left: 0.4rem solid #0071bc;
|
|
color: #0071bc;
|
|
font-weight: 700;
|
|
padding-left: 0rem; }
|
|
@media screen and (min-width: 800px) {
|
|
.usa-sidenav-list {
|
|
border-bottom: none;
|
|
border-top: none; } }
|
|
.usa-grid .usa-sidenav-list {
|
|
margin-right: -0.4rem;
|
|
margin-left: -0.4rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-grid .usa-sidenav-list {
|
|
margin-right: 0;
|
|
margin-left: 0; } }
|
|
|
|
.usa-sidenav-sub_list {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
margin: 0;
|
|
width: 100%; }
|
|
.usa-sidenav-sub_list > li {
|
|
margin-bottom: 0; }
|
|
.usa-sidenav-sub_list li {
|
|
border: none;
|
|
font-size: 1.5rem; }
|
|
.usa-sidenav-sub_list a {
|
|
padding-left: 2.8rem;
|
|
line-height: 1.3; }
|
|
.usa-sidenav-sub_list a:hover, .usa-sidenav-sub_list a.usa-current {
|
|
/* stylelint-disable-line selector-no-qualifying-type */
|
|
border: none;
|
|
padding-left: 2.8rem; }
|
|
.usa-sidenav-sub_list .usa-sidenav-sub_list a {
|
|
padding-left: 3.8rem; }
|
|
.usa-sidenav-sub_list .usa-sidenav-sub_list a:focus {
|
|
outline-offset: 0; }
|
|
.usa-sidenav-sub_list .usa-sidenav-sub_list a:hover {
|
|
padding-left: 3.8rem; }
|
|
|
|
.usa-layout-docs-sidenav {
|
|
padding-top: 2.4rem; }
|
|
@media screen and (min-width: 800px) {
|
|
.usa-layout-docs-sidenav {
|
|
padding-top: 0; } }
|
|
|
|
.usa-skipnav {
|
|
background: transparent;
|
|
color: #212121;
|
|
left: 0;
|
|
padding: 1rem 1.5rem;
|
|
position: absolute;
|
|
top: -4.2rem;
|
|
transition: all 0.2s ease-in-out;
|
|
z-index: 100; }
|
|
.usa-skipnav:focus {
|
|
background: #ffffff;
|
|
left: 0;
|
|
outline: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: all 0.2s ease-in-out; }
|
|
|
|
/*
|
|
* Grid
|
|
* @see https://designsystem.digital.gov/components/grids/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/core/_grid.scss
|
|
*/
|
|
.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap; }
|
|
.row.row--pad {
|
|
padding-right: 0.4rem;
|
|
padding-left: 0.4rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.row.row--pad {
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem; } }
|
|
.row.row--max {
|
|
max-width: 1200px; }
|
|
|
|
.col.col--pad {
|
|
padding-right: 0.4rem;
|
|
padding-left: 0.4rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.col.col--pad {
|
|
padding-right: 0.8rem;
|
|
padding-left: 0.8rem; } }
|
|
|
|
.col.col--grow {
|
|
flex-grow: 1; }
|
|
|
|
.nowrap {
|
|
white-space: nowrap; }
|
|
|
|
.hide {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px; }
|
|
|
|
/*
|
|
* Typography
|
|
* @see https://designsystem.digital.gov/components/typography/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_typography.scss
|
|
*/
|
|
* {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|
|
p {
|
|
margin: 0 0 1.6rem 0;
|
|
max-width: 45em; }
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
margin: 1.6rem 0; }
|
|
h1 + .subtitle *, h2 + .subtitle *, h3 + .subtitle *, h4 + .subtitle *, h5 + .subtitle *, h6 + .subtitle * {
|
|
margin-top: 0; }
|
|
|
|
.h1 {
|
|
font-size: 4rem;
|
|
font-weight: 700; }
|
|
|
|
.h2 {
|
|
font-size: 3rem;
|
|
font-weight: 700; }
|
|
|
|
.h3 {
|
|
font-size: 2rem;
|
|
font-weight: 700; }
|
|
|
|
.h4 {
|
|
font-size: 1.7rem;
|
|
font-weight: 700; }
|
|
|
|
.h5 {
|
|
font-size: 1.5rem;
|
|
font-weight: 700; }
|
|
|
|
.h6 {
|
|
font-size: 1.3rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
text-transform: uppercase; }
|
|
|
|
a,
|
|
a:hover {
|
|
transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s; }
|
|
|
|
a:visited {
|
|
color: #0071bc; }
|
|
|
|
dl dt {
|
|
display: inline;
|
|
font-weight: bold; }
|
|
|
|
dl dd {
|
|
-webkit-margin-start: 0; }
|
|
|
|
dl > div {
|
|
margin-bottom: 1.6rem; }
|
|
|
|
.icon {
|
|
display: inline-flex;
|
|
width: 1.6rem;
|
|
height: auto;
|
|
margin: 0.4rem; }
|
|
.icon > svg {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.icon > svg * {
|
|
transition: fill 0.2s; }
|
|
.icon > svg * {
|
|
fill: #000000; }
|
|
.icon.icon--tiny {
|
|
width: 1rem;
|
|
height: auto;
|
|
margin: 0.25rem; }
|
|
.icon.icon--large {
|
|
width: 2.4rem;
|
|
height: auto;
|
|
margin: 0.6rem; }
|
|
|
|
.icon-link {
|
|
color: #0071bc;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0.8rem;
|
|
text-decoration: none;
|
|
background: none;
|
|
transition: background-color 0.2s;
|
|
border-radius: 0.4rem;
|
|
color: #0071bc; }
|
|
.icon-link:hover {
|
|
background-color: #e1f3f8;
|
|
color: #0071bc; }
|
|
.icon-link .icon > svg * {
|
|
fill: #0071bc; }
|
|
.icon-link .icon {
|
|
width: 1.2rem;
|
|
height: auto;
|
|
margin: 0.3rem;
|
|
margin-right: 0.8rem; }
|
|
.icon-link .icon > svg * {
|
|
fill: #0071bc; }
|
|
.icon-link:hover {
|
|
background-color: #e1f3f8;
|
|
color: #0071bc; }
|
|
.icon-link .icon > svg * {
|
|
fill: #0071bc; }
|
|
.icon-link.icon-link--vertical {
|
|
flex-direction: column; }
|
|
.icon-link.icon-link--vertical .icon {
|
|
margin: 0 0.8rem 0.8rem; }
|
|
.icon-link.icon-link--large {
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
font-weight: normal; }
|
|
.icon-link.icon-link--large .icon {
|
|
width: 1.6rem;
|
|
height: auto;
|
|
margin: 0.4rem;
|
|
margin-right: 1.6rem; }
|
|
.icon-link.icon-link--danger {
|
|
color: #e31c3d; }
|
|
.icon-link.icon-link--danger:hover {
|
|
background-color: #f9dede;
|
|
color: #e31c3d; }
|
|
.icon-link.icon-link--danger .icon > svg * {
|
|
fill: #e31c3d; }
|
|
|
|
/*
|
|
* Inputs
|
|
* @see https://designsystem.digital.gov/components/form-controls/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_inputs.scss
|
|
*/
|
|
.usa-input {
|
|
margin: 3.2rem 1.6rem 3.2rem 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.usa-input {
|
|
margin: 3.2rem 0; } }
|
|
.usa-input label {
|
|
padding: 0 0 0.8rem 0;
|
|
margin: 0;
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
max-width: 45em;
|
|
position: relative; }
|
|
.usa-input label .usa-input__help {
|
|
display: block;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
font-weight: normal;
|
|
padding-top: 0.4rem;
|
|
max-width: 45em; }
|
|
.usa-input label .icon {
|
|
position: absolute;
|
|
left: 100%;
|
|
top: 100%;
|
|
margin-top: 1.4rem;
|
|
margin-left: 0.8rem; }
|
|
.usa-input input,
|
|
.usa-input textarea,
|
|
.usa-input select {
|
|
max-width: 45em;
|
|
margin: 0; }
|
|
.usa-input .usa-input__choices legend {
|
|
padding: 0 0 0.8rem 0;
|
|
font-size: 1.7rem;
|
|
font-weight: 700; }
|
|
.usa-input .usa-input__choices legend .icon {
|
|
vertical-align: middle; }
|
|
.usa-input .usa-input__choices ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.usa-input .usa-input__choices ul > li {
|
|
margin: 0; }
|
|
.usa-input .usa-input__choices ul > li [type='radio'] + label,
|
|
.usa-input .usa-input__choices ul > li [type='checkbox'] + label {
|
|
margin: 0; }
|
|
.usa-input .usa-input__choices label {
|
|
font-weight: normal;
|
|
margin: 0; }
|
|
.usa-input .usa-input__choices .usa-input__message {
|
|
display: block; }
|
|
.usa-input .usa-input__choices.usa-input__choices--inline label {
|
|
display: inline-block;
|
|
padding-right: 2.4rem; }
|
|
.usa-input .usa-input__message {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
padding-top: 0.8rem; }
|
|
.usa-input.usa-input--error .icon > svg * {
|
|
fill: #e31c3d; }
|
|
.usa-input.usa-input--error .usa-input__message {
|
|
color: #e31c3d; }
|
|
.usa-input.usa-input--error input,
|
|
.usa-input.usa-input--error textarea,
|
|
.usa-input.usa-input--error select {
|
|
border-color: #e31c3d;
|
|
border-width: 2px; }
|
|
.usa-input.usa-input--error fieldset input[type='radio'] + label::before {
|
|
box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #e31c3d; }
|
|
.usa-input.usa-input--error fieldset input[type='checkbox'] + label::before {
|
|
box-shadow: 0 0 0 2px #e31c3d; }
|
|
.usa-input.usa-input--warning .icon > svg * {
|
|
fill: #fdb81e; }
|
|
.usa-input.usa-input--warning .usa-input__message {
|
|
color: #fdb81e; }
|
|
.usa-input.usa-input--warning input,
|
|
.usa-input.usa-input--warning textarea,
|
|
.usa-input.usa-input--warning select {
|
|
border-color: #fdb81e;
|
|
border-width: 2px; }
|
|
.usa-input.usa-input--warning fieldset input[type='radio'] + label::before {
|
|
box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #e31c3d; }
|
|
.usa-input.usa-input--warning fieldset input[type='checkbox'] + label::before {
|
|
box-shadow: 0 0 0 2px #e31c3d; }
|
|
.usa-input.usa-input--success .icon > svg * {
|
|
fill: #2e8540; }
|
|
.usa-input.usa-input--success .usa-input__message {
|
|
color: #2e8540; }
|
|
.usa-input.usa-input--success input,
|
|
.usa-input.usa-input--success textarea,
|
|
.usa-input.usa-input--success select {
|
|
border-color: #2e8540;
|
|
border-width: 2px; }
|
|
.usa-input.usa-input--success fieldset input[type='radio'] + label::before {
|
|
box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #e31c3d; }
|
|
.usa-input.usa-input--success fieldset input[type='checkbox'] + label::before {
|
|
box-shadow: 0 0 0 2px #e31c3d; }
|
|
|
|
select {
|
|
border-radius: 0;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none; }
|
|
|
|
.usa-date-input label {
|
|
margin-top: 0; }
|
|
|
|
.input-label {
|
|
margin-top: 1rem; }
|
|
|
|
.usa-fieldset-inputs {
|
|
margin-top: 2.25rem; }
|
|
.usa-fieldset-inputs label:first-child {
|
|
padding-bottom: 0.5rem; }
|
|
|
|
.usa-search {
|
|
padding-top: 2px;
|
|
margin-right: 2rem; }
|
|
.usa-search input[type=search] {
|
|
height: 4.4rem;
|
|
font-size: 1.7rem;
|
|
color: #000000; }
|
|
.usa-search button {
|
|
min-height: 4.4rem; }
|
|
|
|
.form-row {
|
|
margin: 3.2rem 0; }
|
|
.form-row .form-col {
|
|
flex-grow: 1; }
|
|
.form-row .form-col:first-child .usa-input:first-child {
|
|
margin-top: 0; }
|
|
.form-row .form-col:last-child .usa-input:first-child {
|
|
margin-top: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.form-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
align-items: flex-start; }
|
|
.form-row .form-col .usa-input {
|
|
margin-left: 3.2rem;
|
|
margin-right: 3.2rem; }
|
|
.form-row .form-col:first-child .usa-input {
|
|
margin-left: 0; }
|
|
.form-row .form-col:last-child .usa-input {
|
|
margin-right: 0; } }
|
|
|
|
/*
|
|
* Buttons
|
|
* @see https://designsystem.digital.gov/components/buttons/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_buttons.scss
|
|
*/
|
|
/*
|
|
* Panels
|
|
* A generic block container
|
|
*/
|
|
.panel {
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-top-color: #000000;
|
|
border-bottom-color: #aeb0b5;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.panel {
|
|
margin-bottom: 1.6rem; } }
|
|
.panel .panel__content {
|
|
margin: 1.6rem 0;
|
|
padding: 0 1.6rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.panel .panel__content {
|
|
margin: 3.2rem 0;
|
|
padding: 0 3.2rem; } }
|
|
.panel .panel__heading {
|
|
margin: 1.6rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.panel .panel__heading {
|
|
margin: 3.2rem; } }
|
|
.panel .panel__heading h1, .panel .panel__heading h2, .panel .panel__heading h3, .panel .panel__heading h4, .panel .panel__heading h5, .panel .panel__heading h6 {
|
|
margin: 0; }
|
|
|
|
.panel__actions {
|
|
padding: 0.8rem; }
|
|
|
|
.block-list {
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.block-list {
|
|
margin-bottom: 1.6rem; } }
|
|
.block-list > ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.block-list .icon-link {
|
|
margin: -0.8rem 0; }
|
|
.block-list .icon-link:first-child,
|
|
.block-list .label:first-child {
|
|
margin-left: -0.8rem; }
|
|
.block-list .icon-link:last-child,
|
|
.block-list .label:last-child {
|
|
margin-right: -0.8rem; }
|
|
|
|
.block-list__header {
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-top-color: #000000;
|
|
border-bottom-color: #aeb0b5;
|
|
padding: 1.6rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between; }
|
|
|
|
.block-list__title {
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
margin: 0; }
|
|
|
|
.block-list__item {
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
margin: 0;
|
|
padding: 1.6rem;
|
|
border-top: 0;
|
|
border-bottom: 1px dashed #aeb0b5; }
|
|
li.block-list__item:last-child {
|
|
border-bottom-style: solid; }
|
|
|
|
.block-list__footer {
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-top-color: #000000;
|
|
border-bottom-color: #aeb0b5;
|
|
padding: 1.6rem;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
justify-content: space-between;
|
|
border-top: 0; }
|
|
.block-list__footer .icon-link:first-child {
|
|
margin-right: -0.8rem; }
|
|
|
|
/*
|
|
* Tables
|
|
* @see https://designsystem.digital.gov/components/tables/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_table.scss
|
|
*/
|
|
table {
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem;
|
|
min-width: 100%; }
|
|
@media screen and (min-width: 600px) {
|
|
table {
|
|
margin-bottom: 1.6rem; } }
|
|
table tbody tr th,
|
|
table tbody tr td {
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
margin: 0;
|
|
padding: 1.6rem;
|
|
border-top: 0;
|
|
border-bottom: 1px dashed #aeb0b5;
|
|
display: table-cell;
|
|
white-space: nowrap;
|
|
border-bottom-style: dashed;
|
|
border-top: none; }
|
|
litable tbody tr th:last-child, table tbody tr td:last-child {
|
|
border-bottom-style: solid; }
|
|
table tbody tr th:last-child,
|
|
table tbody tr td:last-child {
|
|
border-bottom-style: dashed; }
|
|
table tbody tr:last-child td,
|
|
table tbody tr:last-child th {
|
|
border-bottom-style: solid; }
|
|
table tbody tr .table-cell--align-right {
|
|
text-align: right; }
|
|
table tbody tr .table-cell--shrink {
|
|
width: 1%; }
|
|
table tbody tr .table-cell--expand {
|
|
width: 100%; }
|
|
table tbody tr .table-cell--hide-small {
|
|
display: none; }
|
|
@media screen and (min-width: 600px) {
|
|
table tbody tr .table-cell--hide-small {
|
|
display: table-cell; } }
|
|
table thead tr th {
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-top-color: #000000;
|
|
border-bottom-color: #aeb0b5;
|
|
padding: 1.6rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
display: table-cell; }
|
|
.panel table tr:last-child td {
|
|
border-bottom: 0; }
|
|
.panel table:last-child {
|
|
margin-bottom: 0; }
|
|
|
|
.responsive-table-wrapper {
|
|
overflow-x: auto;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.responsive-table-wrapper {
|
|
margin-bottom: 1.6rem; } }
|
|
.responsive-table-wrapper table {
|
|
margin-bottom: 0; }
|
|
.panel .responsive-table-wrapper tr:last-child td {
|
|
border-bottom: 0; }
|
|
.panel .responsive-table-wrapper:last-child {
|
|
margin-bottom: 0; }
|
|
|
|
.sidenav ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.sidenav ul li {
|
|
margin: 0;
|
|
display: block; }
|
|
|
|
.sidenav .sidenav__link {
|
|
display: block;
|
|
border-top: 1px solid #000000;
|
|
padding: 0.8rem 1.6rem;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
white-space: nowrap; }
|
|
.sidenav .sidenav__link .sidenav__link-icon {
|
|
margin-left: -0.4rem; }
|
|
.sidenav .sidenav__link.sidenav__link--disabled {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
pointer-events: none; }
|
|
.sidenav .sidenav__link.sidenav__link--active {
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
background-color: #ffffff;
|
|
color: #0071bc;
|
|
box-shadow: inset 0.4rem 0 0 0 #0071bc; }
|
|
.sidenav .sidenav__link.sidenav__link--active .sidenav__link-icon > svg * {
|
|
fill: #0071bc; }
|
|
.sidenav .sidenav__link.sidenav__link--active + ul {
|
|
background-color: #ffffff; }
|
|
.sidenav .sidenav__link.sidenav__link--active + ul .sidenav__link--active {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
color: #0071bc;
|
|
box-shadow: none; }
|
|
.sidenav .sidenav__link + ul {
|
|
padding-bottom: 0.4rem; }
|
|
.sidenav .sidenav__link + ul li .sidenav__link {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
padding: 0.6rem;
|
|
padding-left: 4.5rem;
|
|
border: 0;
|
|
font-weight: normal; }
|
|
.sidenav .sidenav__link + ul li .sidenav__link .sidenav__link-icon {
|
|
width: 1.2rem;
|
|
height: auto;
|
|
margin: 0.3rem;
|
|
flex-shrink: 0;
|
|
margin-right: 1.5rem;
|
|
margin-left: -3rem; }
|
|
.sidenav .sidenav__link + ul li .sidenav__link .sidenav__link-label {
|
|
padding-left: 0; }
|
|
.sidenav .sidenav__link:hover {
|
|
color: #0071bc; }
|
|
.sidenav .sidenav__link:hover .sidenav__link-icon > svg * {
|
|
fill: #0071bc; }
|
|
|
|
.action-group {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
align-items: center;
|
|
margin-top: 3.2rem; }
|
|
.action-group .usa-button,
|
|
.action-group a {
|
|
margin: 0 0 0 1.6rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.action-group .usa-button,
|
|
.action-group a {
|
|
margin: 0 0 0 3.2rem; } }
|
|
.action-group:last-child {
|
|
margin-bottom: 2.4rem; }
|
|
|
|
/*
|
|
* Labels
|
|
* @see https://designsystem.digital.gov/components/labels/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_labels.scss
|
|
*/
|
|
.label {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
height: 2.4rem;
|
|
line-height: 2.4rem;
|
|
color: #ffffff;
|
|
background-color: #5b616b;
|
|
vertical-align: middle;
|
|
margin: 0 0.8rem;
|
|
padding: 0 0.8rem;
|
|
border-radius: 0.4rem; }
|
|
.label.label--info {
|
|
background-color: #0071bc; }
|
|
.label.label--warning {
|
|
background-color: #fdb81e; }
|
|
.label.label--error {
|
|
background-color: #e31c3d; }
|
|
.label.label--success {
|
|
background-color: #2e8540; }
|
|
|
|
[class*='diff--'] {
|
|
border-left-style: solid;
|
|
border-left-width: 0.4rem;
|
|
padding-left: 0.4rem;
|
|
margin: 0.4rem 0; }
|
|
[class*='diff--']::before {
|
|
font-weight: bold;
|
|
padding-right: 0.8rem;
|
|
display: inline-block;
|
|
width: 1.8rem;
|
|
text-align: center; }
|
|
|
|
.diff--removed {
|
|
background-color: #f9dede;
|
|
border-left-color: #cd2026;
|
|
text-decoration: line-through;
|
|
text-decoration-color: rgba(0, 0, 0, 0.5); }
|
|
.diff--removed::before {
|
|
content: '-';
|
|
color: #cd2026; }
|
|
|
|
.diff--added {
|
|
background-color: #e1f3f8;
|
|
border-left-color: #00a6d2; }
|
|
.diff--added::before {
|
|
content: '+';
|
|
color: #00a6d2; }
|
|
|
|
.topbar {
|
|
background-color: #ffffff;
|
|
border-bottom: 1px solid #000000; }
|
|
.topbar .topbar__navigation {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
justify-content: space-between; }
|
|
.topbar .topbar__navigation .topbar__link {
|
|
color: #000000;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 4.8rem;
|
|
padding: 0 1.6rem;
|
|
text-decoration: none; }
|
|
.topbar .topbar__navigation .topbar__link .topbar__link-label {
|
|
font-size: 1.5rem;
|
|
font-weight: 700; }
|
|
.topbar .topbar__navigation .topbar__link .topbar__link-icon {
|
|
margin-left: 0.8rem; }
|
|
.topbar .topbar__navigation .topbar__link.topbar__link--shield {
|
|
width: 4rem;
|
|
justify-content: center;
|
|
padding: 0; }
|
|
.topbar .topbar__navigation .topbar__link.topbar__link--shield .topbar__link-icon {
|
|
margin: 0; }
|
|
.topbar .topbar__navigation .topbar__link:hover {
|
|
background-color: #205493;
|
|
color: #ffffff; }
|
|
.topbar .topbar__navigation .topbar__link:hover .topbar__link-icon > svg * {
|
|
fill: #ffffff; }
|
|
.topbar .topbar__navigation .topbar__context {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
justify-content: space-between; }
|
|
.topbar .topbar__navigation .topbar__context.topbar__context--workspace {
|
|
background-color: #0071bc; }
|
|
.topbar .topbar__navigation .topbar__context.topbar__context--workspace .topbar__link {
|
|
color: #ffffff; }
|
|
.topbar .topbar__navigation .topbar__context.topbar__context--workspace .topbar__link .topbar__link-icon > svg * {
|
|
fill: #ffffff; }
|
|
.topbar .topbar__navigation .topbar__context.topbar__context--workspace .topbar__link:hover {
|
|
background-color: #205493; }
|
|
|
|
body {
|
|
background-color: #f1f1f1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
min-height: 100vh; }
|
|
body > footer {
|
|
margin-top: auto; }
|
|
body.modalOpen {
|
|
overflow-y: hidden; }
|
|
|
|
.global-layout {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-grow: 1; }
|
|
.global-layout .global-navigation {
|
|
margin-top: -1px; }
|
|
.global-layout .global-panel-container {
|
|
margin: 0.8rem;
|
|
max-width: 1200px;
|
|
overflow-x: hidden;
|
|
flex-grow: 1; }
|
|
@media screen and (min-width: 600px) {
|
|
.global-layout .global-panel-container {
|
|
margin: 1.6rem; } }
|
|
|
|
.global-navigation {
|
|
background-color: #ffffff; }
|
|
.global-navigation .sidenav__link {
|
|
padding-right: 0.8rem; }
|
|
@media screen and (min-width: 800px) {
|
|
.global-navigation .sidenav__link {
|
|
padding-right: 1.6rem; } }
|
|
.global-navigation .sidenav__link-label {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px; }
|
|
@media screen and (min-width: 800px) {
|
|
.global-navigation .sidenav__link-label {
|
|
border: unset;
|
|
clip: unset;
|
|
height: unset;
|
|
margin: unset;
|
|
overflow: unset;
|
|
padding: unset;
|
|
position: unset;
|
|
width: unset;
|
|
padding-left: 0.8rem; } }
|
|
.global-navigation.global-navigation__context--workspace .sidenav__link {
|
|
padding-right: 0.8rem; }
|
|
.global-navigation.global-navigation__context--workspace .sidenav__link-label {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px; }
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.workspace-panel-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap; } }
|
|
|
|
.workspace-navigation {
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.workspace-navigation {
|
|
margin-bottom: 1.6rem; } }
|
|
.workspace-navigation ul {
|
|
display: flex;
|
|
flex-wrap: wrap; }
|
|
.workspace-navigation ul li {
|
|
flex-grow: 1; }
|
|
@media screen and (min-width: 800px) {
|
|
.workspace-navigation {
|
|
width: 20rem;
|
|
margin-right: 1.6rem; }
|
|
.workspace-navigation ul {
|
|
display: block; } }
|
|
|
|
.site-action {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
display: block;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
margin-top: 0.25rem; }
|
|
.site-action a {
|
|
font-size: 1.3rem;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
color: #0071bc !important; }
|
|
|
|
.empty-state {
|
|
text-align: center;
|
|
padding: 6rem 1.6rem 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center; }
|
|
@media screen and (min-width: 600px) {
|
|
.empty-state {
|
|
padding: 8rem 3.2rem 0; } }
|
|
.empty-state .icon {
|
|
width: 5rem;
|
|
height: auto;
|
|
margin: 1.25rem; }
|
|
.empty-state .icon > svg * {
|
|
fill: #aeb0b5; }
|
|
.empty-state p {
|
|
font-size: 3rem;
|
|
font-weight: 700;
|
|
line-height: 1.2;
|
|
max-width: 15em;
|
|
color: #5b616b; }
|
|
@media screen and (min-width: 800px) {
|
|
.empty-state p {
|
|
font-size: 4rem;
|
|
font-weight: 700; } }
|
|
|
|
/*
|
|
* Alerts
|
|
* @see https://designsystem.digital.gov/components/alerts/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/components/_alerts.scss
|
|
*/
|
|
.alert {
|
|
padding: 1.6rem;
|
|
border-left-width: 0.4rem;
|
|
border-left-style: solid;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem;
|
|
background-color: #e1f3f8;
|
|
border-color: #0071bc;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start; }
|
|
@media screen and (min-width: 600px) {
|
|
.alert {
|
|
margin-bottom: 1.6rem; } }
|
|
.alert .alert__icon {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin-right: 1.6rem;
|
|
margin-left: 0; }
|
|
.alert .alert__icon > svg * {
|
|
fill: #0071bc; }
|
|
.alert .alert__title {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin-top: 0; }
|
|
.alert .alert__content .alert__message:last-child > *:last-child {
|
|
margin-bottom: 0; }
|
|
.alert.alert--success {
|
|
background-color: #e7f4e4;
|
|
border-color: #2e8540;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start; }
|
|
.alert.alert--success .alert__icon {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin-right: 1.6rem;
|
|
margin-left: 0; }
|
|
.alert.alert--success .alert__icon > svg * {
|
|
fill: #2e8540; }
|
|
.alert.alert--success .alert__title {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin-top: 0; }
|
|
.alert.alert--success .alert__content .alert__message:last-child > *:last-child {
|
|
margin-bottom: 0; }
|
|
.alert.alert--warning {
|
|
background-color: #fff1d2;
|
|
border-color: #fdb81e;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start; }
|
|
.alert.alert--warning .alert__icon {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin-right: 1.6rem;
|
|
margin-left: 0; }
|
|
.alert.alert--warning .alert__icon > svg * {
|
|
fill: #fdb81e; }
|
|
.alert.alert--warning .alert__title {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin-top: 0; }
|
|
.alert.alert--warning .alert__content .alert__message:last-child > *:last-child {
|
|
margin-bottom: 0; }
|
|
.alert.alert--error {
|
|
background-color: #f9dede;
|
|
border-color: #e31c3d;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start; }
|
|
.alert.alert--error .alert__icon {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin-right: 1.6rem;
|
|
margin-left: 0; }
|
|
.alert.alert--error .alert__icon > svg * {
|
|
fill: #e31c3d; }
|
|
.alert.alert--error .alert__title {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin-top: 0; }
|
|
.alert.alert--error .alert__content .alert__message:last-child > *:last-child {
|
|
margin-bottom: 0; }
|
|
|
|
.modal {
|
|
position: fixed;
|
|
z-index: 3;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
.modal .modal__dialog {
|
|
padding: 0.8rem;
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column; }
|
|
@media screen and (min-width: 600px) {
|
|
.modal .modal__dialog {
|
|
padding: 1.6rem; } }
|
|
@media screen and (min-width: 800px) {
|
|
.modal .modal__dialog {
|
|
padding: 3.2rem; } }
|
|
.modal .modal__dialog .modal__body {
|
|
background-color: #ffffff;
|
|
padding: 1.6rem;
|
|
flex-grow: 1;
|
|
overflow-y: auto;
|
|
max-width: 80rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.modal .modal__dialog .modal__body {
|
|
padding: 3.2rem;
|
|
flex-grow: 0; } }
|
|
.modal .modal__dialog .modal__body h1, .modal .modal__dialog .modal__body h2 {
|
|
font-size: 2rem;
|
|
font-weight: 700; }
|
|
.modal .modal__dialog .modal__body :first-child {
|
|
margin-top: 0; }
|
|
|
|
.app-footer {
|
|
background-color: #f1f1f1;
|
|
border-top: 1px solid #d6d7d9;
|
|
padding-left: 3.2rem;
|
|
padding-bottom: 1.6rem; }
|
|
|
|
.progress-menu {
|
|
display: block; }
|
|
.progress-menu ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.progress-menu--three .progress-menu__item {
|
|
width: 32%; }
|
|
.progress-menu--four .progress-menu__item {
|
|
width: 24%; }
|
|
.progress-menu--five .progress-menu__item {
|
|
width: 19%; }
|
|
.progress-menu__item {
|
|
display: inline-block;
|
|
font-weight: 700;
|
|
position: relative;
|
|
vertical-align: top; }
|
|
.progress-menu__item a {
|
|
display: block;
|
|
position: relative;
|
|
padding: 3.2rem 1.6rem;
|
|
margin: 0 1.6rem;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
z-index: 2;
|
|
color: #000000; }
|
|
.progress-menu__item a.active {
|
|
color: #0071bc; }
|
|
.progress-menu__item:first-child:after {
|
|
display: none; }
|
|
.progress-menu__item:after {
|
|
display: inline-block;
|
|
height: 1px;
|
|
content: " ";
|
|
color: #f1f1f1;
|
|
text-shadow: none;
|
|
background-color: #aeb0b5;
|
|
position: absolute;
|
|
top: 1.1rem;
|
|
width: 100%;
|
|
right: 50%;
|
|
border-right: 2.2rem solid transparent;
|
|
border-left: 2.2rem solid transparent;
|
|
background-clip: padding-box;
|
|
z-index: 1; }
|
|
.progress-menu__item:before {
|
|
content: "";
|
|
display: block;
|
|
text-align: center;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
border: 1px solid #5b616b;
|
|
border-radius: 100%;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -1rem;
|
|
z-index: 1; }
|
|
.progress-menu__item--active:before {
|
|
border: 2px solid #0071bc; }
|
|
.progress-menu__item--complete:before {
|
|
content: url("checkmark.13582669.svg");
|
|
background-color: #0071bc;
|
|
border: 2px solid #0071bc;
|
|
font-size: 1.3rem;
|
|
padding: 1px 2px; }
|
|
.progress-menu__item--incomplete:before {
|
|
border: 2px solid #aeb0b5; }
|
|
|
|
.search-bar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
background-color: #ffffff;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-top-color: #000000;
|
|
border-bottom-color: #aeb0b5;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0.8rem;
|
|
padding: 0.8rem;
|
|
flex-wrap: wrap; }
|
|
@media screen and (min-width: 600px) {
|
|
.search-bar {
|
|
margin-bottom: 1.6rem; } }
|
|
.search-bar .usa-input {
|
|
margin: 0;
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
flex-basis: 100%;
|
|
height: 4.4rem;
|
|
position: relative;
|
|
margin-top: 0.8rem; }
|
|
@media screen and (min-width: 800px) {
|
|
.search-bar .usa-input {
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-top: 0;
|
|
margin-left: 0.8rem; } }
|
|
.search-bar .usa-input label {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px; }
|
|
.search-bar .usa-input:first-child {
|
|
margin-left: 0;
|
|
margin-top: 0; }
|
|
@media screen and (min-width: 600px) {
|
|
.search-bar .search-input {
|
|
flex-basis: 50%; } }
|
|
@media (min-width: 800px) and (max-width: 900px) {
|
|
.search-bar .search-input {
|
|
flex-basis: auto; } }
|
|
.search-bar .search-input input[type='search'] {
|
|
width: auto;
|
|
height: 4.4rem;
|
|
width: calc(100% - 5rem);
|
|
max-width: none;
|
|
font-size: 1.6rem; }
|
|
.search-bar .search-input button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 4.4rem;
|
|
width: 5rem;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
text-align: center; }
|
|
.search-bar .search-input button:after {
|
|
content: url("search.51c3965a.svg");
|
|
display: inline-block;
|
|
width: 1.6rem;
|
|
height: 1.6rem; }
|
|
|
|
.login-area {
|
|
text-align: center; }
|
|
|
|
.request-approval .request-approval__heading {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center; }
|
|
|
|
.request-approval .request-approval__info-columns {
|
|
flex-wrap: wrap; }
|
|
.request-approval .request-approval__info-columns .col {
|
|
flex-basis: 100%; }
|
|
@media screen and (min-width: 600px) {
|
|
.request-approval .request-approval__info-columns .col {
|
|
flex-basis: 50%; }
|
|
.request-approval .request-approval__info-columns .col:first-child {
|
|
padding-right: 1.6rem; }
|
|
.request-approval .request-approval__info-columns .col:last-child {
|
|
padding-left: 1.6rem; } }
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.request-approval .request-approval__columns__heading:first-child {
|
|
margin-top: 0; } }
|
|
|
|
.request-approval .approval-log ol {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.request-approval .approval-log ol li {
|
|
padding: 1.6rem;
|
|
border-top: 1px dashed #aeb0b5; }
|
|
.request-approval .approval-log ol li:first-child {
|
|
border-top-style: solid; }
|
|
@media screen and (min-width: 600px) {
|
|
.request-approval .approval-log ol li {
|
|
padding: 3.2rem; } }
|
|
|
|
.request-approval .approval-log .approval-log__log-item {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
justify-content: flex-end; }
|
|
@media screen and (min-width: 600px) {
|
|
.request-approval .approval-log .approval-log__log-item {
|
|
flex-direction: row-reverse; } }
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__log-item__header {
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
margin: 0 0 0.8rem 0; }
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__log-item__timestamp {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
margin-right: 1.6rem;
|
|
color: #5b616b;
|
|
flex-grow: 0; }
|
|
@media screen and (min-width: 800px) {
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__log-item__timestamp {
|
|
margin-right: 3.2rem; } }
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__behalfs {
|
|
display: flex;
|
|
flex-direction: row; }
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__behalfs .approval-log__behalf {
|
|
margin-right: 1.6rem; }
|
|
@media screen and (min-width: 600px) {
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__behalfs .approval-log__behalf {
|
|
margin-right: 3.2rem; } }
|
|
.request-approval .approval-log .approval-log__log-item .approval-log__behalfs .approval-log__behalf span {
|
|
display: block; }
|
|
|
|
.project-list-item .project-list-item__environment {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__link {
|
|
color: #0071bc;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0.8rem;
|
|
text-decoration: none;
|
|
background: none;
|
|
transition: background-color 0.2s;
|
|
border-radius: 0.4rem;
|
|
font-size: 1.7rem;
|
|
font-weight: 700;
|
|
font-weight: normal; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__link:hover {
|
|
background-color: #e1f3f8;
|
|
color: #0071bc; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__link .icon > svg * {
|
|
fill: #0071bc; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__link .icon {
|
|
width: 1.2rem;
|
|
height: auto;
|
|
margin: 0.3rem;
|
|
margin-right: 0.8rem; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__link .icon > svg * {
|
|
fill: #0071bc; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__link .icon {
|
|
width: 1.6rem;
|
|
height: auto;
|
|
margin: 0.4rem;
|
|
margin-right: 1.6rem; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__members {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center; }
|
|
.project-list-item .project-list-item__environment .project-list-item__environment__members span {
|
|
font-size: 1.3rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
text-transform: uppercase; }
|
|
|
|
.project-edit__env-list-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-end; }
|
|
.project-edit__env-list-item .usa-input {
|
|
margin: 0 3.2rem 0 0;
|
|
flex-grow: 1; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover {
|
|
color: #0071bc;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0.8rem;
|
|
text-decoration: none;
|
|
background: none;
|
|
transition: background-color 0.2s;
|
|
border-radius: 0.4rem;
|
|
flex-direction: column;
|
|
color: #e31c3d;
|
|
margin-bottom: -0.8rem;
|
|
margin-right: -0.8rem; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover:hover {
|
|
background-color: #e1f3f8;
|
|
color: #0071bc; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover .icon > svg * {
|
|
fill: #0071bc; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover .icon {
|
|
width: 1.2rem;
|
|
height: auto;
|
|
margin: 0.3rem;
|
|
margin-right: 0.8rem; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover .icon > svg * {
|
|
fill: #0071bc; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover .icon {
|
|
margin: 0 0.8rem 0.8rem; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover:hover {
|
|
background-color: #f9dede;
|
|
color: #e31c3d; }
|
|
.project-edit__env-list-item .project-edit__env-list-item__remover .icon > svg * {
|
|
fill: #e31c3d; }
|
|
|
|
.member-card {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
padding: 1.6rem;
|
|
justify-content: space-between; }
|
|
.member-card dl {
|
|
margin: 0; }
|
|
.member-card dl > div {
|
|
margin-bottom: 0.8rem; }
|
|
.member-card dt {
|
|
font-weight: normal;
|
|
color: #5b616b; }
|
|
.member-card dd {
|
|
display: inline; }
|
|
.member-card .member-card__header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between; }
|
|
.member-card .member-card__heading {
|
|
margin: 0;
|
|
font-size: 3rem;
|
|
font-weight: 700; }
|
|
.member-card .member-card__details {
|
|
text-align: right; }
|
|
.member-card .member-card__details .icon-link {
|
|
margin: -0.8rem; }
|