/**
 * @file
 * Base Styles for HTML elements.
 * No classes, IDs, or nested selectors should appear in this file.
 *
 * Note: this file is also loaded into the rich-text editor. Keep it simple.
 */

html,
body {
  font-family: 'Nunito Sans', sans-serif;
  /**
   * Default font size for site should be set on body element in rem units.
   */
  font-size: 16px;
  line-height: 1.75rem; /* 28px */
  min-width: 320px;
  font-weight: 300; /* Light */
}
@media (max-width: 34em) { /* 544px @ 16px font size -- SM */
  body {
    font-size: 1.125rem; /* 18px */
    line-height: 2rem; /* 32px */
  }
}

a {
  text-decoration: none;
}

p {
  font-size: 1.00625rem; /* 17px */
  line-height: 1.6875rem; /* 27px */
}

h1 {
  font-size: 1.875rem; /* 30px */
  line-height: 2.3125rem; /* 37px */

  font-size: 2rem; /* 32px */
  line-height: 2.5625rem; /* 41px */

  text-align: left;
  font-weight: 200; /* Extra Light */
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.625rem; /* 42px */
    line-height: 3.55rem; /* 56px */
  }
}

h2 {
  font-size: 1.75rem; /* 28px */
  line-height: 2.3125rem; /* 37px */
  font-weight: 300; /* Light */
}
@media (min-width: 62em) { /* 992px @ 16px font size -- LG */
  h2 {
    font-size: 2rem; /* 32px */
    line-height: 2.5625rem; /* 41px */
  }
}

h3 {
  font-weight: 700; /* Bold */
  font-size: 1.0625rem; /* 17px */
  line-height: 2.1875rem; /* 35px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
h4 {
  font-weight: 700; /* Bold */
  margin-top: 0;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}

hr {
  background-color:#E5E7F0;
  border:none;
}

small,
.small {
  font-size: .75rem; /* 13px */
  line-height: 1.25rem; /* 20px */
  font-weight: 400; /* Regular */
}

b,
strong {
  font-weight: 700;
}

blockquote,
figcaption {
  border-left-color: #CD432E;
}

table {
  width: 100%;
  border-collapse: collapse;
}
tr {
  background-color: transparent !important;
}
th,
td {
  border-bottom: 1px solid #D5D7D9;
  padding: 5px 0;
}
@media (min-width: 48em) {  /* 768px @ 16px font size  -- MD */
  th,
  td {
    padding: 10px 2px;
  }
}