/* * 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; }