@import url(../uswds/css/uswds.css);
.usa-footer {
  font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
  font-size: .9rem;
  line-height: 1.52155; }

.usa-footer a {
  color: #fff; }

.privacy {
  text-align: right;
  margin-left: 20px; }

.footer_gradient {
  background: #0c7094;
  background: linear-gradient(90deg, #0c7094 5%, #162e51 100%); }

@media (min-width: 40em) {
  .sml-margin {
    padding-bottom: 3rem;
    padding-top: 3rem; } }
.sml-margin {
  padding-bottom: 2rem;
  padding-top: 2rem; }

.background-dark {
  background-color: #1C304A; }

.bg-primary-dark h3 {
  color: #ffffff; }

.bg-primary-darker p {
  color: #ffffff; }

.bg-primary-darker h2 {
  color: #ffffff; }

.bg-primary-darker h3 {
  color: #FFFFFF; }

.top-tasks {
  text-align: center; }

.abstract-background {
  background-image: url(../images/background/blue-banner-abstract.png);
  object-fit: cover; }

.section-intro-newsletter {
  font-size: 1.5rem;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700; }

.homepage-icon {
  width: 110px;
  padding-bottom: 10px; }

.border-box {
  box-shadow: 4px 4px 2px #dcdee0; }

.white-feature-box {
  background-image: linear-gradient(#ffffff, #ffffff);
  /*box-shadow: 4px 4px 2px #dcdee0;*/ }

.white-feature-box h3 {
  color: #162e51; }

.white-feature-box p {
  color: #3d4551;
  margin: 0px; }

.white-feature-box .title {
  color: #162e51;
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 3px; }

.white-feature-box .date {
  color: #205493;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0px; }

.white-feature-box .description {
  margin-bottom: 25px;
  font-size: 15px;
  margin-top: 5px; }

.bg-base-lightest h1 {
  color: #171717; }

.bg-base-lightest p {
  color: #171717; }

/*styling for news card*/
.usa-flex {
  display: flex; }

.usa-flex-wrap {
  flex-wrap: wrap; }

.card[aria-hidden=true] {
  display: none; }

.card {
  margin-bottom: 0rem; }

.card:hover svg g,
.card:hover svg path,
.card:hover svg ellipse,
.card:hover svg polygon,
.card:hover svg polyline, .card:focus svg g,
.card:focus svg path,
.card:focus svg ellipse,
.card:focus svg polygon,
.card:focus svg polyline {
  stroke: #00547A; }

@media screen and (min-width: 768px) {
  .card:nth-last-of-type(1), .card:nth-last-of-type(2), .card:nth-last-of-type(3) {
    margin-bottom: 0; }

  .card:nth-of-type(1), .card:nth-of-type(2), .card:nth-of-type(3) {
    margin-bottom: 0rem; } }
.card-link {
  background-color: #ffffff;
  color: #ffffff;
  /*border: 1px solid white;*/
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 504px;
  text-decoration: none;
  width: 100%;
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  border-top: 1rem solid #00bde3;
  border-color: #00bde3;
  padding: 0;
  margin: 10px; }

.card-link:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.card-link:active {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

@media screen and (min-width: 600px) {
  .card-link {
    margin-bottom: 0; } }
.card-link:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.card-link:active {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

@media screen and (min-width: 600px) {
  .card-link {
    margin-bottom: 0; } }
.card-link-tagline {
  text-decoration: none;
  color: #205493; }

.card-banner-homepage {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  padding: 1rem;
  width: 100%;
  height: 13rem; }

.card-image {
  float: left; }

.card-description {
  color: black;
  margin: 0;
  font-size: 1rem; }

.card-tag {
  font-size: .9rem;
  margin-top: .2em;
  margin-bottom: .15em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #323a45; }

.card-date {
  color: #323a45;
  font-size: 1.4rem; }

.card-image-bg {
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin: 0;
  padding: 0;
  width: 100%; }

.padding {
  padding: 5px 20px 20px 20px; }

.card-image-svg svg {
  height: 100%;
  width: 100%;
  padding: 3rem; }

.card-cta {
  padding: 2rem;
  padding-top: 0; }

.card-cta p {
  color: #323a45;
  font-size: .75em; }

.link-arrow-left, .link-arrow-right {
  font-weight: 700;
  font-size: 1.4rem;
  text-decoration: none; }

.link-arrow-right svg {
  display: inline-block;
  height: 1.2rem;
  margin-bottom: -1px;
  width: 1.2rem;
  margin-left: 4px; }

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.title-news {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600; }

.banner-gradient {
  background: #162e51;
  background: linear-gradient(90deg, #162e51 5%, #0c7094 100%, #00bde3 100%); }

.no-formatting {
  text-decoration: none;
  color: #1b1b1b; }

.left {
  width: 30%;
  float: left;
  height: 100px; }

.left img {
  width: 100%;
  object-fit: cover;
  height: 100px; }

.right {
  background-color: #f0f0f0;
  width: 70%;
  float: right;
  height: 100px; }

.right p {
  padding: 10px;
  margin-top: 0px;
  font-size: 14px; }

.bio-photo {
  float: left;
  width: 175px;
  height: 175px;
  object-fit: cover;
  margin-right: 24px;
  border-radius: 10px; }

.name-leader {
  font-size: 16px;
  font-weight: bold; }

.text-leader {
  font-size: 14px; }

.name {
  font-size: 14px;
  font-weight: bold; }

.title {
  font-size: 13px;
  line-height: 10px;
  font-weight: 500; }

.fade_line {
  margin: 25px 0;
  height: 2px;
  background: black;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #a9aeb1)); }

/****************************styling for policy catalog******************************/
.no-style {
  text-decoration: none;
  color: black; }

.grid-spacing {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 10px 0px 0px; }

.filters ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.filters li {
  margin: 0 2px 2px 0; }

.big {
  font-size: 20px; }

.filters a {
  display: block;
  padding: .5em 1em;
  font-size: 80%;
  border: solid 1px gray;
  color: #333;
  text-decoration: none;
  background: white; }

.filters a:hover {
  outline: 2px solid gray; }

a.checked {
  background: gray;
  color: white; }

.policy-border {
  border-top: solid 4px #f2938c; }

.priority-border {
  border-top: solid 4px #97d4ea; }

.website-border {
  border-top: solid 4px #07648d; }

.guidance-border {
  border-top: solid 4px #07648d; }

.report-border {
  border-top: solid 4px #07648d; }

.whitepaper-border {
  border-top: solid 4px #07648d; }

.presentation-border {
  border-top: solid 4px #07648d; }

/*styling for social media icons*/
.fa {
  padding: 15px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0px 2px 5px 2px;
  float: right; }

.fa:hover {
  opacity: 0.7; }

.fa-facebook {
  background: #3B5998;
  color: white; }

.fa-twitter {
  background: #55ACEE;
  color: white; }

.fa-google {
  background: #dd4b39;
  color: white; }

.fa-envelope {
  background: #D83933;
  color: white; }

.fa-linkedin {
  background: #007bb5;
  color: white; }

.fa-youtube {
  background: #bb0000;
  color: white; }

.fa-instagram {
  background: #125688;
  color: white; }

.fa-pinterest {
  background: #cb2027;
  color: white; }

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

.fa-skype {
  background: #00aff0;
  color: white; }

.fa-android {
  background: #a4c639;
  color: white; }

.fa-dribbble {
  background: #ea4c89;
  color: white; }

.fa-vimeo {
  background: #45bbff;
  color: white; }

.fa-tumblr {
  background: #2c4762;
  color: white; }

.fa-vine {
  background: #00b489;
  color: white; }

.fa-foursquare {
  background: #45bbff;
  color: white; }

.fa-stumbleupon {
  background: #eb4924;
  color: white; }

.fa-flickr {
  background: #f40083;
  color: white; }

.fa-yahoo {
  background: #430297;
  color: white; }

.fa-soundcloud {
  background: #ff5500;
  color: white; }

.fa-reddit {
  background: #ff5700;
  color: white; }

.fa-rss {
  background: #ff6600;
  color: white; }

/************************styling for resources page*********************************/
.border-pub {
  border-left: .2em solid #D83933; }

.seprate-line {
  width: 30px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 6px;
  background: #D83933; }

.shadow-1 {
  padding: 10px; }

.text-container {
  height: 140px; }

.description {
  font-size: 12px; }

.more {
  text-decoration: none;
  color: #D83933;
  height: 30px;
  font-size: 12px; }

.title-resources {
  font-size: 14.2px;
  line-height: 20px;
  font-weight: 500; }

.tags {
  list-style: none;
  display: inline;
  margin: 0;
  overflow: hidden;
  padding: 0; }

.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #333;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 5px 10px 10px 5px;
  text-decoration: none;
  -webkit-transition: color 0.2s; }

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px; }

.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0; }

.tag:hover {
  background-color: crimson;
  color: #fff; }

.tag:hover::after {
  border-left-color: crimson; }

.tag-spacing {
  margin-top: 21px; }

.card-tag-news {
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 19px; }

cap-icon {
  width: 150px; }

a {
  overflow-wrap: break-word; }

@media screen and (min-width: 640px) {
  .tablet\:width-1\/3 {
    width: 33%; }

  .tablet\:float-left {
    float: left; } }
@media screen and (min-width: 640px) {
  .paginate-link {
    display: initial; }

  .paginate-button {
    display: none; } }
@media screen and (max-width: 640px) {
  .paginate-link {
    display: none; }

  .paginate-button {
    display: block; } }
.card__cloud img {
  max-height: 100%;
  max-width: 100px;
  height: 120px; }
.card__cloud .left {
  width: auto;
  height: 120px; }
.card__cloud .right {
  float: none;
  display: inline-block;
  height: 120px; }
.card__cloud .role {
  display: block;
  line-height: 1.2rem; }
.card__cloud .title {
  display: block;
  line-height: 1.1rem; }