.paragraph--type-subnav.paragraph--view-mode-full {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px #e7e3e0 solid;
}
.paragraph--type-subnav.paragraph--view-mode-full.component--color {
  border-bottom: 0;
  border-top: 1px #ccc solid;
}
.paragraph--type-subnav.paragraph--view-mode-full.component--color-blue {
  background-color: #019de0;
}
.paragraph--type-subnav.paragraph--view-mode-full.component--color-bluedark {
  background-color: #0f369b;
}
.paragraph--type-subnav.paragraph--view-mode-full.component--color-orange {
  background-color: #eb3f21;
}
.paragraph--type-subnav.paragraph--view-mode-full.component--color-purple {
  background-color: #6f2be4;
}

  .paragraph--type-subnav.paragraph--view-mode-full .body-wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
  }
    .paragraph--type-subnav.paragraph--view-mode-full .body-wrap li {
      font-size: 16px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .paragraph--type-subnav.paragraph--view-mode-full .body-wrap li:last-child {
      margin-right: 0;
    }

      .paragraph--type-subnav.paragraph--view-mode-full .body-wrap li a {
        color: #060606;
      }
      .paragraph--type-subnav.paragraph--view-mode-full.component--color .body-wrap li a {
       color: #fff;
      }
      .paragraph--type-subnav.paragraph--view-mode-full.component--color .body-wrap li a:focus,
      .paragraph--type-subnav.paragraph--view-mode-full.component--color .body-wrap li a:hover {
        text-decoration: underline;
      }