.glossary {}

  .glossary-content {}

    .glossary-content .page-header-overlay-dd0e16 {
      position: relative;
      top: -1px;
      background-image: url('images/page-header-overlay-dd0e16.svg');
      background-position: left top;
    }

  .glossary-content header .h2,
  .glossary-content header .h5 {
    margin-bottom: calc(1 * var(--spacer) );
    /* text-shadow: 0px 0px 12px rgb(0 0 0 / 40%); */
    font-style: italic;
    padding-bottom: calc( .75 * var(--spacer) );
    border-bottom-width: 4px;
    border-bottom-style: solid;
    font-size: 3.5em;
  }

  .glossary-content .page-header-ext {
    min-height: 300px;
    padding: calc( 1.5 * var(--spacer) ) 0 calc( 0.5 * var(--spacer) );
    background-color: var(--c-main);
    color: #fff;
  }

    .glossary-content .page-header-ext:before {
      content: '';
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.2;
    }

      .glossary-content .page-header-ext .container {
        position: relative;
        z-index: 1;
      }

    .glossary-content .glossary-alphabets a {
      color: #fff;
      font-weight: 600;
      font-size: 1.5rem;
      text-transform: uppercase;
      height: 45px;
      width: 32px;
      display: grid;
      align-items: center;
      text-align: center;
    }

      .glossary-content .glossary-alphabets a:hover,
      .glossary-content .glossary-alphabets a.selected {
        font-size: 2rem;
        font-weight: 700;
        border: 0;
        text-decoration: none;
      }


    .single-glossary .entry-content {
      margin-bottom: calc(3 * var(--spacer) );
    }





  .glossary-list {}

    .glossary-list-letter-container {

    }

    .glossary-list > div:nth-child(even) {
      background-color: #f3f3f3;
    }

    .glossary-list > div:nth-child(odd) {

    }



  .glossary-letter-wrapper {
      padding: calc( 2 * var(--spacer) ) 0;
      margin-left: auto;
      margin-right: auto;
      padding-left: calc(1 * var(--spacer));
      padding-right: calc(1 * var(--spacer));
  }

    .glossary-letter {
      width: 120px;
      font-family: 'Noto Serif', serif;
      font-size: 48px;
      font-weight: 700;
      text-transform: uppercase;
      color: var(--c-main);
      margin-top: -13px;
    }

    .glossary-term {
      width: calc(100% - 120px);
    }

      .glossary-term a {
        color: var(--c-black);
      }


      .single-glossary .panel-row-style-for-3259-0 {
        background-color: #f3f3f3;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        margin-bottom: 40px !important;
      }


@media only screen and (min-width: 768px) {

  .glossary-term {
    column-count: 2;
    column-gap: calc(1 * var(--spacer));
  }

}


@media only screen and (min-width: 992px) {

  .single article.glossary {
      padding-left: calc(7 * var(--spacer));
      padding-right: calc(7 * var(--spacer));
  }

  .glossary-letter-wrapper {
      padding-left: calc(7 * var(--spacer));
      padding-right: calc(7 * var(--spacer));
  }

}