/* ==========================================================================
   Archive Styles
   ========================================================================== */

.issue-title img {
  max-width: 250px;
  width: auto;
}

.issue-story-list li {
  line-height: 1.3;

  &:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
  }
}

.archive-snippet {
  &:not(:last-of-type) {
    margin-bottom: 1.61803399em;
    padding-bottom: 1.61803399em;
    border-bottom: var(--border-default);
  }
  figure {
    img {
      width: 100%;
    }
  }
}

@media (min-width: 1200px) {
  .archive-snippet .list-posts {
    li {
      width: calc(100% / 3 - 0.75em);
      padding-right: 0.75em;
    }

    > li:not(:last-of-type) {
      border-bottom: unset;
      border-right: var(--border-default);
    }
  }
}

.archive-snippet {
	margin-bottom: calc(0.75em * 2);
    padding-bottom: calc(0.75em * 2);
    border-bottom: 1px solid var(--color-border);
}
.dropdown-toggle:after {
    color: var(--color-highlight);
}
.btn-primary:hover {
    background-color: var(--color-surface-dark) !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--color-text-inverse);
    background-color: var(--color-surface-dark);
    border: unset;
}
a.evt-link {
	display: block;
	margin-top: 0.5em;
}
a.page-numbers, .page-numbers {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: x-large;
    padding: 0.2em 0.5em;

    &.current,
    &:hover {
      color: var(--color-action);
      background-color: var(--color-highlight);
    }
}

.archive-snippet-eletters {
  img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: top center;
  }
}

.aside--right .archive-link {
  display: none;
}
.aside--right .widget_nav_menu h2.widgettitle {
  font-size: 1.5em;
}
.archive-description {
  max-width: 50rem;
}