.c-parks-glossary {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }
  .c-parks-glossary .glossary-header-inner-wrapper p {
    margin: 0 0 .5em; }
  .c-parks-glossary a.parks-locator-link {
    background: #046a38;
    font-weight: bold;
    color: #ffffff;
    font-family: typold;
    padding: 5px 10px; }
    .c-parks-glossary a.parks-locator-link:hover {
      background: #417925; }

.c-parks-glossary__letters {
  --space-x: 5px;
  --space-y: 5px;
  font-size: 0.88889rem;
  line-height: 1.2;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--space-y)) calc(-1 * var(--space-x)); }
  .c-parks-glossary__letters .views-element-container {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
    .c-parks-glossary__letters .views-element-container span {
      margin: var(--space-y) var(--space-x);
      display: block; }
      .c-parks-glossary__letters .views-element-container span a {
        display: block;
        font-family: "Typold W05", sans-serif;
        background: #046A38;
        color: #ffffff;
        padding: 8px;
        text-decoration: none;
        padding: 5px 0;
        text-align: center;
        width: 1.875em; }
        .c-parks-glossary__letters .views-element-container span a:hover {
          background: #417925; }
      .c-parks-glossary__letters .views-element-container span a.is-active {
        background: #01426A; }

.c-parks-glossary__attachment {
  margin-bottom: 3.33333rem; }

.c-parks-glossary__all {
  background: #01426A;
  color: #ffffff;
  padding: 5px 30px;
  margin: var(--space-y) var(--space-x);
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Typold W05", sans-serif; }
  .c-parks-glossary__all:hover {
    background: #000; }