/* ----------------------------------------- overrides ----------------------------------------- */
/* ----------------- typography ---------------- */
h1 {
  font-size: 4.5rem;
}

h2 {
  font-size: 3.4rem;
}

h3 {
  font-size: 2.4rem;
}

h1, h2, h3 {
  font-weight: 300;
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
}

body {
  font-size: 1.7rem;
}

p {
  word-wrap: break-word;
}

/* ----- corrections of usa-* styles ------ */
.usa-grid {
  padding-right: 2rem;
  padding-left: 2rem;
}

/* no border radius for btns, keep them sharp */
.usa-button,
.usa-search,
button,
[type="button"],
[type="submit"],
[type="reset"],
[type="image"],
.usa-label,
.usa-label-big {
  border-radius: 0;
}

.usa-label:visited {
  color: #fff;
}

.usa-label:hover {
  text-decoration: none;
}

/*------------- blue footer ---------------- */
.usa-footer-primary-section {
  background-color: #369;
}

.usa-footer-secondary_section {
  background-color: #005295;
}

.usa-footer,
.usa-footer a,
.usa-footer a:visited,
.usa-footer a:hover,
.usa-footer .usa-footer-primary-link {
  color: #fff;
}

.usa-footer .usa-footer-primary-link h4 {
  font-size: 1.9rem;
}

.usa-footer a:hover {
  text-decoration: underline;
}

/* getting rid of uswds list stylings that doesn't meet our requirements */
ul {
  display: block;
  list-style: none outside none;
  margin: 0;
}

ul li {
  display: list-item;
  list-style: none outside none;
  margin: 0;
}

ul li::before,
ul li::after {
  content: none;
  display: inherit;
  padding-right: inherit;
}


/* --------------------------------------- styles for mobile & tablet --------------------------------------- */
@media screen and (max-width: 800px) {
  /* fonts */
  h1 {
    font-size: 3.4rem;
  }

  h2 {
    font-size: 2.4rem;
  }

  h3 {
    font-size: 2rem;
  }

  body {
    font-size: 1.7rem;
  }

  .labs-small {
    font-size: 1.4rem;
  }
}