/**
  * Glossary
  * Homepage
  * Newsletter
  * Paid subscription
  * 404 error
**/

/* -----------------------------
    Glossary
----------------------------- */
.name_directory_index {
  margin-bottom: 0.5rem;
}

.name_directory_index > .name_directory_startswith:not(:first-child) {
  font-weight: var(--semi-bold);
}

.name_directory_total {
  display: none;
}

.name_directory_names {
  margin-top: 20px;
}

.name_directory_name_box > strong:first-of-type {
  font-size: 1.125rem;
  display: inline-block;
  padding-bottom: 0.5rem;
}

#glossary hr {
  margin: 20px 0px;
  height: 2px;
  background-color: #d1d1d3;
}

/* -----------------------------
    Homepage
----------------------------- */
.home .sponsored {
  padding-bottom: 24px;
}

@media (max-width: 539px) {
  .home .layout-default .col:last-child {
    display: none;
  }
}

/* -----------------------------
    Newsletter
----------------------------- */
.newsletter-landing .heading {
  margin-bottom: 10px;
}

.newsletter-landing .ml-subscribe-form {
  margin-top: 24px;
}

.newsletter-landing .ml-form-formContent .ml-form-fieldRow {
  margin-bottom: 20px;
}

.newsletter-landing .wp-block-image {
  text-align: center;
}

.newsletter-landing .wp-block-image img {
  width: 100%;
  max-width: 400px;
}

.newsletter-landing .ml-form-embedPermissionsContent {
  margin: 24px 0px;
}

@media (max-width: 768px) {
  .wrapper .newsletter-landing {
    row-gap: 56px;
  }
}

@media (max-width: 480px) {
  .wrapper .newsletter-landing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 32px;
    padding-bottom: 24px;
  }

  .newsletter-landing .wp-block-image img {
    max-width: 150px;
  }
}

/* -----------------------------
    404 error
----------------------------- */
.error404 .site {
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
}

.error404 .site-content .grid-container {
  max-width: 750px;
  text-align: center;
}

.error404 .site-content .entry-content {
  margin-top: 1.25rem;
}