/*------------------------------------*\
    UTILITIES
\*------------------------------------*/
/* Primary */
/* Secondary */
/* Neutral */
/* Primary */
/* Secondary */
/* Neutral */
.main-content hr, .main-content .hr {
  margin: 16px 0; }

.main-content .text h1 {
  font-family: "ConnectionsLight", Arial, Verdana, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 1.25;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text h1 {
      font-size: 40px; } }

.main-content .text h2 {
  font-family: "ConnectionsLight", Arial, Verdana, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.25;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text h2 {
      font-size: 32px; } }

.main-content .text h3 {
  font-family: "ConnectionsLight", Arial, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.25;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text h3 {
      font-size: 24px; } }

.main-content .text h4 {
  font-family: "ConnectionsLight", Arial, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.25;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text h4 {
      font-size: 24px; } }

.main-content .text h5 {
  font-family: "ConnectionsLight", Arial, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.25;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text h5 {
      font-size: 24px; } }

.main-content .text h6 {
  font-family: "ConnectionsLight", Arial, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.25;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text h6 {
      font-size: 24px; } }

.main-content .text p {
  font-family: "ConnectionsRegular", Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000; }
  @media (min-width: 1024px) {
    .main-content .text p {
      font-size: 18px; } }

.main-content .text a {
  font-family: "ConnectionsRegular", Arial, Verdana, Helvetica, sans-serif;
  color: #0052c2;
  text-decoration: none; }
  .main-content .text a:hover, .main-content .text a:focus {
    color: #012169;
    text-decoration: none;
    cursor: pointer; }

.main-content .text strong,
.main-content .text b {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  color: #000; }

.main-content .text ol, .main-content .text ul {
  margin: 0;
  padding-left: 20px;
  font-size: 100%; }

.main-content .text ul {
  list-style: disc; }

.main-content .text li {
  font-family: "ConnectionsRegular", Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  padding-left: 10px;
  margin: 0; }
  @media (min-width: 1024px) {
    .main-content .text li {
      font-size: 18px; } }

.main-content .fine--black {
  font-family: "ConnectionsRegular", Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000; }

.main-content .fine--white {
  font-family: "ConnectionsRegular", Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #fff; }

.main-content .bold--black {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  color: #000; }

.main-content .bold--white {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  color: #fff; }

.main-content .bold--dark-blue {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  color: #012169; }

.main-content .bold-italic--black {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #000; }

.main-content .bold-italic--white {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #fff; }

.main-content .bold-italic--dark-blue {
  font-family: "ConnectionsMedium", Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #012169; }

.main-content a:hover .inline-link--black, .main-content a:hover .inline-link--white,
.main-content a:focus .inline-link--black,
.main-content a:focus .inline-link--white {
  color: #fff;
  background-color: #0052c2; }

.main-content .inline-link {
  color: #000;
  border-bottom: 1px solid #0052c2;
  transition: all 0.3s; }
  .main-content .inline-link:hover, .main-content .inline-link:focus {
    color: #fff;
    background-color: #0052c2; }
  .main-content .inline-link--black {
    color: #000;
    border-bottom: 1px solid #0052c2;
    transition: all 0.3s; }
    .main-content .inline-link--black:hover, .main-content .inline-link--black:focus {
      color: #fff;
      background-color: #0052c2; }
  .main-content .inline-link--white {
    color: #fff;
    border-bottom: 1px solid #0052c2;
    transition: all 0.3s; }
    .main-content .inline-link--white:hover, .main-content .inline-link--white:focus {
      color: #fff;
      background-color: #0052c2; }

.main-content .eyebrow {
  font-family: "ConnectionsRegular", Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.025rem;
  color: #c41230; }
  @media (min-width: 1024px) {
    .main-content .eyebrow {
      font-size: 18px; } }

.main-content .caption {
  font-family: "ConnectionsItalic", Arial, Verdana, Helvetica, sans-serif;
  color: #000; }
  .main-content .caption--black {
    font-family: "ConnectionsItalic", Arial, Verdana, Helvetica, sans-serif;
    color: #000; }
  .main-content .caption--white {
    font-family: "ConnectionsItalic", Arial, Verdana, Helvetica, sans-serif;
    color: #fff; }
  .main-content .caption--dark-blue {
    font-family: "ConnectionsItalic", Arial, Verdana, Helvetica, sans-serif;
    color: #012169; }

.main-content :target {
  display: block;
  position: relative;
  top: -190px;
  visibility: hidden; }