/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
GENERAL SETTINGS
----------------------------------------
Read more about settings and
USWDS style tokens in the documentation:
https://designsystem.digital.gov/design-tokens
----------------------------------------
*/
/*
----------------------------------------
Image path
----------------------------------------
Relative image file path
----------------------------------------
*/
/*
----------------------------------------
Show compile warnings
----------------------------------------
Show Sass warnings when functions and
mixins use non-standard tokens.
AND
Show updates and notifications.
----------------------------------------
*/
/*
----------------------------------------
Namespace
----------------------------------------
*/
/*
----------------------------------------
Prefix separator
----------------------------------------
Set the character the separates
responsive and state prefixes from the
main class name.

The default (":") needs to be preceded
by two backslashes to be properly
escaped.
----------------------------------------
*/
/*
----------------------------------------
Layout grid
----------------------------------------
Should the layout grid classes output
with !important
----------------------------------------
*/
/*
----------------------------------------
Border box sizing
----------------------------------------
When set to true, sets the box-sizing
property of all site elements to
`border-box`.
----------------------------------------
*/
/*
----------------------------------------
Focus styles
----------------------------------------
*/
/*
----------------------------------------
Icons
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
TYPOGRAPHY SETTINGS
----------------------------------------
Read more about settings and
USWDS typography tokens in the documentation:
https://designsystem.digital.gov/design-tokens/typesetting/font-family/
----------------------------------------
*/
/*
----------------------------------------
Root font size
----------------------------------------
Setting $theme-respect-user-font-size to
true sets the root font size to 100% and
uses ems for media queries
----------------------------------------
$theme-root-font-size only applies when
$theme-respect-user-font-size is set to
false.

This will set the root font size
as a specific px value and use px values
for media queries.

Accepts true or false
----------------------------------------
*/
/*
----------------------------------------
Global styles
----------------------------------------
Adds basic styling for the following
unclassed elements:

- paragraph: paragraph text
- link: links
- content: paragraph text, links,
  headings, lists, and tables
----------------------------------------
*/
/*
----------------------------------------
Font path
----------------------------------------
Relative font file path
----------------------------------------
*/
/*
----------------------------------------
Custom typeface tokens
----------------------------------------
Add a new custom typeface token if
your project uses a typeface not already
defined by USWDS.
----------------------------------------
USWDS defines the following tokens
by default:
----------------------------------------
'georgia'
'helvetica'
'merriweather'
'open-sans'
'public-sans'
'roboto-mono'
'source-sans-pro'
'system'
'tahoma'
'verdana'
----------------------------------------
Add as many new tokens as you have
custom typefaces. Reference your new
token(s) in the type-based font settings
using the quoted name of the token.

For example:

$theme-font-type-cond: 'example-font-token';

display-name:
The display name of your font

cap-height:
The height of a 500px `N` in Sketch
----------------------------------------
You should change `example-[style]-token`
names to something more descriptive.
----------------------------------------
*/
/*
----------------------------------------
Type-based font settings
----------------------------------------
Set the type-based tokens for your
project from the following tokens,
or from any new font tokens you added in
$theme-typeface-tokens.
----------------------------------------
'georgia'
'helvetica'
'merriweather'
'open-sans'
'public-sans'
'roboto-mono'
'source-sans-pro'
'system'
'tahoma'
'verdana'
----------------------------------------
*/
/*
----------------------------------------
Custom font stacks
----------------------------------------
Add custom font stacks to any of the
type-based fonts. Any USWDS typeface
token already has a default stack.

Custom stacks don't need to include the
font's display name. It will
automatically appear at the start of
the stack.
----------------------------------------
Example:
$theme-font-type-sans: 'source-sans-pro';
$theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans;

Output:
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
----------------------------------------
*/
/*
----------------------------------------
Add any custom font source files
----------------------------------------
If you want USWDS to generate additional
@font-face declarations, add your font
data below, following the example that
follows.
----------------------------------------
USWDS automatically generates @font-face
decalarations for the following

'merriweather'
'public-sans'
'roboto-mono'
'source-sans-pro'

These typefaces not require custom
source files.
----------------------------------------
EXAMPLE

- dir:
  Directory relative to $theme-font-path
- This directory should include fonts saved as
  .ttf, .woff, and .woff2
  ExampleSerif-Normal.ttf
  ExampleSerif-Normal.woff
  ExampleSerif-Normal.woff2

$theme-font-serif-custom-src: (
  dir: 'custom/example-serif',
  roman: (
    100: false,
    200: false,
    300: 'ExampleSerif-Light',
    400: 'ExampleSerif-Normal',
    500: false,
    600: false,
    700: 'ExampleSerif-Bold',
    800: false,
    900: false,
  ),
  italic: (
    100: false,
    200: false,
    300: 'ExampleSerif-LightItalic',
    400: 'ExampleSerif-Italic',
    500: false,
    600: false,
    700: 'ExampleSerif-BoldItalic',
    800: false,
    900: false,
  ),
);
----------------------------------------
*/
/*
----------------------------------------
Role-based font settings
----------------------------------------
Set the role-based tokens for your
project from the following font-type
tokens.
----------------------------------------
'cond'
'icon'
'lang'
'mono'
'sans'
'serif'
----------------------------------------
*/
/*
----------------------------------------
Type scale
----------------------------------------
Define your project's type scale using
values from the USWDS system type scale

1-20
----------------------------------------
*/
/*
----------------------------------------
Font weights
----------------------------------------
Assign weights 100-900
Or use `false` for unneeded weights.
----------------------------------------
*/
/*
----------------------------------------
General typography settings
----------------------------------------
Type scale tokens
----------------------------------------
micro:      10px
1:          12px
2:          13px
3:          14px
4:          15px
5:          16px
6:          17px
7:          18px
8:          20px
9:          22px
10:         24px
11:         28px
12:         32px
13:         36px
14:         40px
15:         48px
16:         56px
17:         64px
18:         80px
19:         120px
20:         140px
----------------------------------------
Line height tokens
----------------------------------------
1:    1
2:    1.15
3:    1.35
4:    1.5
5:    1.62
6:    1.75
----------------------------------------
Font role tokens
----------------------------------------
'ui'
'heading'
'body'
'code'
'alt'
----------------------------------------
Measure (max-width) tokens
----------------------------------------
1:       44ex
2:       60ex
3:       64ex
4:       68ex
5:       74ex
6:       88ex
none:    none
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
SPACING SETTINGS
----------------------------------------
Read more about settings and
USWDS spacing units tokens in the
documentation:
https://designsystem.digital.gov/design-tokens/spacing-units
----------------------------------------
*/
/*
----------------------------------------
Border radius
----------------------------------------
2px           2px
0.5           4px
1             8px
1.5           12px
2             16px
2.5           20px
3             24px
4             32px
5             40px
6             48px
7             56px
8             64px
9             72px
----------------------------------------
*/
/*
----------------------------------------
Column gap
----------------------------------------
2px         2px
0.5         4px
1           8px
2           16px
3           24px
4           32px
5           40px
6           48px
----------------------------------------
*/
/*
----------------------------------------
Grid container max-width
----------------------------------------
mobile
mobile-lg
tablet
tablet-lg
desktop
desktop-lg
widescreen
----------------------------------------
*/
/*
----------------------------------------
Site
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
COLOR SETTINGS
----------------------------------------
Read more about settings and
USWDS color tokens in the documentation:
https://designsystem.digital.gov/design-tokens/color
----------------------------------------
*/
/*
----------------------------------------
Theme palette colors
----------------------------------------
*/
/*
----------------------------------------
State palette colors
----------------------------------------
*/
/*
----------------------------------------
General colors
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
UTILITIES SETTINGS
----------------------------------------
Read more about settings and
USWDS utilities in the documentation:
https://designsystem.digital.gov/utilities
----------------------------------------
*/
/*
----------------------------------------
Utility breakpoints
----------------------------------------
Which breakpoints does your project
need? Select as `true` any breakpoint
used by utilities or layout grid
----------------------------------------
*/
/*
----------------------------------------
Global colors
----------------------------------------
The following palettes will be added to
- background-color
- border-color
- color
- text-decoration-color
----------------------------------------
*/
/*
----------------------------------------
Settings
----------------------------------------
*/
/*
----------------------------------------
Values
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
COMPONENT SETTINGS
----------------------------------------
Read more about settings and
USWDS style tokens in the documentation:
https://designsystem.digital.gov/design-tokens
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS THEME CUSTOM STYLES
----------------------------------------
!! Copy this file to your project's
   sass root. Don't edit the version
   in node_modules.
----------------------------------------
Custom project SASS goes here.

i.e.
@include u-padding-right('05');
----------------------------------------
*/
html {
  font-family: "Montserrat", "Lora", "open-sans";
  line-height: 1.5;
}

h1, h2, h3, h4, h5, button, .usa-header, .usa-footer,
.usa-breadcrumb p {
  font-family: "Montserrat", "open-sans" !important;
}

.usa-nav .usa-accordion {
  font-family: "Montserrat", "open-sans" !important;
}

.usa-footer__secondary-section p, .usa-footer__secondary-section a, .usa-footer__primary-section p, .usa-footer__primary-section a, .usa-footer__secondary-section p, .usa-footer__secondary-section a {
  font-family: "Montserrat", "open-sans" !important;
}

p, a, .usa-card__container, .usa-card__heading, .usa-button, span, .main-content * {
  font-family: "Lora", "open-sans" !important;
}

.usa-button--accent-cool {
  background-color: #A3D6F3;
}

h2 {
  color: #00538B;
}

a {
  color: #005DAA;
}
a:visited {
  color: #005DAA;
}
a:hover {
  text-decoration: none;
}

.usa-button--outline:hover {
  background-color: #002552;
  color: white;
}

@media (max-width: 64em) {
  .responsive-ml-mr {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.main-content .usa-breadcrumb {
  padding-left: 2rem;
}

@media (min-width: 64em) {
  .hero-image__container {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .hero-image__container img {
    margin-top: 0;
  }
}

.background-box {
  min-height: 145px;
  display: flex;
  justify-content: center;
  margin: 2rem 2.5rem 2rem 0;
  border: 0;
  color: #fff;
  background-size: cover;
}

.dark-box__container {
  position: relative;
}
.dark-box__container .dark-image {
  position: relative;
  width: 100%;
}
.dark-box__container .image-text {
  color: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
}

.light-blue-bg {
  background-color: #ECF6FC;
}

.survey-box__container {
  background-color: #00A2E0;
  padding: 1.5rem 2rem;
  text-align: center;
  max-width: 340px;
}
.survey-box__container button:active, .survey-box__container button:focus, .survey-box__container a:active, .survey-box__container a:focus {
  outline: 0.25rem solid #fff;
}

.stories-page__container {
  background-color: #ECF6FC;
}
.stories-page__container .usa-breadcrumb {
  width: 50%;
  display: inline-block;
  padding-left: 0;
}
@media (max-width: 64em) {
  .stories-page__container .intro-card__container,
.stories-page__container .year-card__container {
    padding: 0 1rem 1rem 1rem;
  }
}
.stories-page__container a {
  text-decoration: none;
}
.stories-page__container a:hover .usa-card__container, .stories-page__container a:active .usa-card__container, .stories-page__container a:focus .usa-card__container {
  border-color: #00538B;
  background-color: #ECF6FC;
}
.stories-page__container a:hover .usa-card__container .usa-card__img .card-category__container, .stories-page__container a:active .usa-card__container .usa-card__img .card-category__container, .stories-page__container a:focus .usa-card__container .usa-card__img .card-category__container {
  width: 100%;
  text-align: center;
}
.stories-page__container .usa-card__img {
  position: relative;
}
.stories-page__container .usa-card__img .card-category__container {
  position: absolute;
  bottom: 0px;
  height: 30px;
  min-width: 120px;
  background-color: #00538B;
  color: white;
  left: 0px;
  transition: width 0.5s;
}
.stories-page__container .usa-card__img .card-category__container svg {
  margin-left: 10px;
  vertical-align: text-bottom;
}
.stories-page__container .usa-card__img .card-category__container span {
  vertical-align: text-top;
}
.stories-page__container .right-card__container ul li {
  list-style: none;
}
@media (max-width: 64em) {
  .stories-page__container .right-card__container {
    margin: 0 1rem;
    padding-top: 40px;
  }
}
@media (min-width: 64em) {
  .stories-page__container .right-card__container {
    padding-top: 40px;
  }
}

@media (min-width: 64em) {
  .main-card__container {
    margin: 5rem 8.3%;
  }
}
@media (max-width: 64em) {
  .main-card__container {
    margin: 3rem 1rem;
  }
}
.get-involved__container {
  background-color: #ECF6FC;
}
.get-involved__container .key-facts__container {
  padding: 2rem;
}
.get-involved__container .key-facts__container .fact-list {
  border-left: 5px solid #00A2E0;
  height: auto;
}
.get-involved__container .key-facts__container .fact-list p {
  margin-left: 1rem;
  margin-top: 0;
}

@media (min-width: 64em) {
  .resources-left__container {
    margin-left: 100px;
  }
}

.resources-spotlight__container .usa-card-group .usa-card__container {
  border-color: #00A2E0;
}
.resources-spotlight__container .usa-card-group .usa-card__container .usa-button {
  margin: 0 0.5rem 0.5rem 0;
}
.resources-spotlight__container .usa-card-group .usa-card__body > :last-child {
  padding-bottom: 0.75rem;
  margin-bottom: 0.5rem;
}

.focus-on__container {
  background-color: #ECF6FC;
}
@media (min-width: 64em) {
  .focus-on__container .focus-links__container {
    margin: 2rem;
  }
}
.focus-on__container .focus-links__container .links-content__wrapper {
  margin: 1rem 1rem;
  max-width: 430px;
}
.focus-on__container .focus-links__container .links-content__wrapper p {
  margin-top: 0px;
}
.focus-on__container .focus-links__container .links-content__wrapper a {
  font-weight: bold;
}
.focus-on__container .focus-links__container .links-content__wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  width: 95%;
  height: 2px;
  bottom: -5px;
  background-color: #A3D6F3;
}
.focus-on__container .focus-links__container .links-content__wrapper svg {
  vertical-align: bottom;
  margin-top: 0.5rem;
}

.collaboration-support__container a {
  text-decoration: none;
}
.collaboration-support__container a:hover .usa-card__container {
  border-color: #00538B;
  background-color: #ECF6FC;
}
.collaboration-support__container .usa-card__header span {
  color: gray;
}
.collaboration-support__container .usa-card__footer span {
  color: #00538B;
}

.usa-card.info-card .usa-card__container {
  background-color: #ECF6FC;
  border: none;
}

.partner-logo__container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 64em) {
  .partner-logo__container {
    text-align: center;
  }
}
.partner-logo__container img {
  max-width: 300px;
  max-height: 150px;
  margin-bottom: 20px;
}

.usa-accordion .usa-prose > p {
  max-width: 100%;
}

.narrow-page__container {
  overflow: hidden;
}
@media (min-width: 64em) {
  .narrow-page__container {
    margin-left: 9rem;
    margin-right: 9rem;
  }
}

@media (min-width: 64em) {
  .margin-on-desktop {
    margin-left: 200px;
  }
}

.usa-footer__primary-section > .grid-container,
.usa-footer__secondary-section > .grid-container {
  max-width: 100%;
}

.usa-footer__primary-section {
  background-color: #00538B;
}
.usa-footer__primary-section h3 {
  color: #A3D6F3;
  text-decoration: none;
}
.usa-footer__primary-section h4 {
  color: #A3D6F3;
}
.usa-footer__primary-section .usa-footer__secondary-link a {
  color: #A3D6F3;
  text-decoration: underline;
}
.usa-footer__primary-section .usa-footer__secondary-link a:hover {
  text-decoration: none;
}
.usa-footer__primary-section .usa-sign-up {
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.usa-footer__primary-section .usa-sign-up .usa-input {
  border-color: #A3D6F3;
  max-width: 280px;
}
.usa-footer__primary-section .usa-sign-up__heading {
  margin-bottom: 1rem;
}
.usa-footer__primary-section .usa-sign-up .usa-search [type=submit] {
  background-color: #87CDF1;
  color: #00538B;
}
@media (max-width: 64em) {
  .usa-footer__primary-section .social-icon-container {
    margin-bottom: 3rem;
  }
}
.usa-footer__primary-section .social-icon-container a.social-icon {
  color: white;
}
.usa-footer__primary-section .social-icon-container .social-icon {
  margin-right: 1rem;
  vertical-align: middle;
}
.usa-footer__primary-section .social-icon-container .social-icon svg {
  width: 100%;
  max-width: 30px;
  max-height: 30px;
  height: 100%;
}
.usa-footer__primary-section .social-icon-container .facebook-container {
  margin-bottom: -20px;
}

@media (min-width: 30em) {
  .usa-footer--big .usa-footer__nav {
    border-bottom: none;
  }
}
.usa-footer--big .usa-footer__primary-link {
  font-size: 1.2rem;
}

.usa-footer__secondary-section {
  background-color: #002552;
}
.usa-footer__secondary-section .footer-cb-logo {
  margin-right: 1rem;
  max-width: 30px;
  max-height: 45px;
}
.usa-footer__secondary-section p, .usa-footer__secondary-section a {
  color: #fff;
}
.usa-footer__secondary-section p {
  margin-top: 0;
}
@media (min-width: 64em) {
  .usa-footer__secondary-section .footer-contact-links .usa-media-block {
    min-width: 210px;
  }
}

.usa-banner .usa-banner__inner {
  max-width: 100%;
}

.usa-header--extended {
  background-color: #00538B;
}
@media (min-width: 64em) {
  .usa-header--extended {
    height: 170px;
  }
}
@media (min-width: 64em) {
  .usa-header--extended .usa-logo {
    max-width: 56%;
  }
}
.usa-header--extended .usa-logo__text {
  font-weight: bold;
  font-size: clamp(1rem, 3vw, 2.25rem);
}
.usa-header--extended .usa-logo__text a {
  color: #fff;
}
.usa-header--extended .usa-logo__text img {
  width: clamp(3.75rem, 10vw, 7.5rem);
  vertical-align: text-top;
}
@media (min-width: 64em) {
  .usa-header--extended .usa-navbar, .usa-header--extended .usa-nav__inner {
    max-width: 100%;
  }
}
@media (min-width: 64em) {
  .usa-header--extended .usa-nav__secondary-links {
    margin-bottom: 1rem;
  }
}
.usa-header--extended .usa-nav__secondary-links a {
  font-size: 1rem;
}
.usa-header--extended .usa-nav__secondary-links .usa-nav__secondary-item + .usa-nav__secondary-item::before {
  color: #00A2E0;
}
.usa-header--extended .usa-nav {
  border-top: none;
}
.usa-header--extended .usa-nav.is-visible {
  background-color: #00538B;
}
.usa-header--extended .usa-nav.is-visible .usa-nav__primary button:hover {
  color: #005ea2;
}
.usa-header--extended .usa-nav__primary button {
  font-size: 1.063rem;
  color: #fff;
  font-weight: 700;
}
.usa-header--extended .usa-nav__primary > .usa-nav__primary-item > a {
  font-size: 1.063rem;
  color: #fff;
}
.usa-header--extended .usa-nav__primary > .usa-nav__primary-item > a:hover::after {
  background-color: #00A2E0;
}
@media (min-width: 64em) {
  .usa-header--extended .usa-nav__primary-item > .usa-current::after {
    background-color: #00A2E0;
  }
}
@media (min-width: 64em) {
  .usa-header--extended .usa-nav__secondary {
    bottom: 1rem;
  }
  .usa-header--extended .usa-nav__secondary .usa-search {
    max-width: 350px;
  }
}
.usa-header--extended .usa-nav__secondary a {
  color: #D2EAF8;
  text-decoration: underline;
}
.usa-header--extended .usa-nav__secondary a:hover {
  text-decoration: none;
}
.usa-header--extended .usa-accordion__button > .usa-nav__primary-item,
.usa-header--extended .usa-nav__primary > .usa-nav__primary-item {
  font-size: 1.063rem;
  font-weight: bold;
}
.usa-header--extended .usa-accordion__button > .usa-nav__primary-item > a,
.usa-header--extended .usa-nav__primary > .usa-nav__primary-item > a {
  color: #fff;
}
.usa-header--extended .usa-button {
  background-color: #00A2E0;
}
.usa-header--extended .usa-button:hover {
  background-color: #00538B;
}
@media (min-width: 64em) {
  .usa-header--extended .usa-header [type=search] {
    min-width: 300px;
    max-width: 100%;
  }
}
.usa-header--extended .usa-search--small [type=submit] {
  background-image: url(/sites/CWIG/includes/themes/fresh/assets/uswds-2.12.1/img/usa-icons-bg/search--black.svg), linear-gradient(transparent, transparent);
}
@media (min-width: 30em) {
  .usa-header--extended .usa-search--small [type=submit] {
    width: 3.5rem;
  }
  .usa-header--extended .usa-search--small [type=submit]:hover {
    background-image: url(/sites/CWIG/includes/themes/fresh/assets/uswds-2.12.1/img/usa-icons-bg/search--white.svg), linear-gradient(transparent, transparent);
  }
}
@media (min-width: 64em) {
  .usa-header--extended .usa-nav__primary-item > .usa-nav__link:hover::after {
    background-color: #00A2E0;
  }
}
.usa-header--extended .usa-menu-btn {
  height: 100%;
}

@media (max-width: 63.99em) {
  .usa-nav__primary a:not(.usa-button):not(.usa-current) {
    color: #fff;
  }
}

@media (max-width: 48em) {
  .home-hero__container .image-wrapper {
    display: none;
  }
}
@media (max-width: 30em) {
  .home-hero__container {
    margin: 0 1rem 2rem;
  }
}
@media (min-width: 48em) {
  .home-hero__container {
    margin-bottom: 1rem;
  }
}
@media (min-width: 64em) {
  .home-hero__container {
    margin-bottom: 2rem;
  }
}
.home-hero__container .background-box {
  position: absolute;
  background-color: #CEE8F9;
  z-index: -1;
}
@media (min-width: 64em) {
  .home-hero__container .background-box {
    height: 100%;
    width: 80%;
  }
}
@media (min-width: 64em) {
  .home-hero__container .hero-image__container {
    margin-top: 1rem;
    margin-right: 1rem;
  }
}
@media (min-width: 48em) {
  .home-hero__container .hero-image__container img {
    margin-top: 2.5rem;
    width: 95%;
  }
}
@media (min-width: 64em) {
  .home-hero__container .hero-image__container img {
    max-width: 620px;
    width: 100%;
  }
}
@media (max-width: 40em) {
  .home-hero__container .hero-text__container {
    margin-left: 1rem;
  }
}

@media (min-width: 64em) {
  .reflections-key-facts__container {
    margin-top: 5rem;
  }
}
.reflections-key-facts__container .reflections-container img {
  float: left;
  margin: 1rem 1rem 3rem 0rem;
}
.reflections-key-facts__container .reflections-container .text-wrapper {
  height: 100%;
  max-height: 290px;
  min-height: 170px;
  margin-left: 3rem;
  padding-top: 0.4rem;
  background-color: #CEE8F9;
  padding-right: 1rem;
}
.reflections-key-facts__container .reflections-container .text-wrapper.top {
  background-color: #87CDF1;
}
.reflections-key-facts__container .key-facts__container {
  background-color: #ECF6FC;
  padding: 2rem;
}
.reflections-key-facts__container .key-facts__container .fact-list {
  border-left: 5px solid #00A2E0;
  height: auto;
}
.reflections-key-facts__container .key-facts__container .fact-list p {
  margin-left: 1rem;
}

@media (min-width: 64em) {
  .resources-content__container .usa-card-group {
    margin-right: 55px;
  }
}
.resources-content__container .usa-card--flag .usa-card__img {
  background-color: white;
}
.resources-content__container .usa-card--flag .usa-card__img img {
  height: auto;
}
@media (min-width: 40em) {
  .resources-content__container .usa-card--flag .usa-card__img {
    width: 240px;
  }
}

.home-three-cards__container .usa-card .usa-card__container {
  border-color: #00A2E0;
  border-radius: 0;
}
.home-three-cards__container .usa-card h3 {
  font-size: 1.5em;
}
.home-three-cards__container .usa-card h3:hover {
  color: #002552;
}
.home-three-cards__container .usa-card .usa-card__img {
  background-color: #fff;
}
.home-three-cards__container .usa-card .usa-card__img svg {
  margin: 1rem 0;
}
.home-three-cards__container .usa-card .usa-card__img svg g#\33 -Boxes {
  fill: #00A2E0;
  stroke: #00A2E0;
}

@media (min-width: 40em) {
  .usa-card--flag .usa-card__body, .usa-card--flag .usa-card__footer, .usa-card--flag .usa-card__header {
    margin-left: 14rem;
  }
}