.tte-archive { margin: 1.5rem 0 4rem; padding: 0 10px; }
.site-page-stories .tte-archive { margin-top: 36px; }
@media (min-width: 801px) {
    .site-page-translations .tte-archive { margin-bottom: 10px; }
    .site-page-classics .tte-archive,
    .site-page-stories .tte-archive { margin-bottom: 51px; }
    .site-page-persons .tte-archive { margin-bottom: 35px; }
    .site-page-places .tte-archive { margin-bottom: 57px; }
}
.tte-archive.is-loading { cursor: progress; opacity: .72; }
.tte-archive__filters { background: transparent; padding-right: 0; padding-left: 0; }
.tte-archive__actions { display: flex; justify-content: center; gap: 28px; margin-top: 1.5rem; padding: 8px 0; }
.tte-archive__actions button { display: inline-block; min-width: 0; font-weight: 400; text-decoration: underline; }
.tte-archive__actions button[type="submit"] { width: 128px; }
.tte-archive__actions button[type="reset"] { width: 116px; color: #e64626; }
.tte-archive__actions .fa {
    margin-right: .6em;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}
.tte-archive__field { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 4fr); align-items: start; gap: 1.25rem; }
.tte-archive__field label { font-weight: 600; padding-top: .65rem; }
.tte-archive__field--search > input[type="search"] { width: 100%; min-height: 44px; border: 1px solid #777; padding: .55rem .75rem; background: #fff; }
.tte-archive__field--search { padding: 8px 0 23px; }
.tte-archive__filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-top: 1.5rem; }
.tte-archive__filter-grid .tte-archive__field { grid-template-columns: minmax(7rem, 1fr) minmax(0, 2fr); }
.tte-archive .controller-container { scroll-margin-top: 24px; }
.tte-archive__total { margin: 1.25rem 0; }
.tte-archive__view-switcher { border: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 1rem; margin: 0 0 1rem; padding: 0; font-size: 1rem; }
.tte-archive__view-switcher label { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; }
.tte-archive__view[hidden] { display: none !important; }
.tte-archive .archive-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.tte-archive .entity-tile { min-height: 130px; padding: 20px 10px; color: #fff; }
.tte-archive .entity-tile a { color: inherit; text-decoration: none; }
.tte-archive .entity-tile a:hover,
.tte-archive .entity-tile a:focus { color: inherit; text-decoration: underline; }
.tte-archive .tile-title { margin: 0; color: #fff; font-family: inherit; font-size: 1.5rem; font-weight: 400; line-height: 1.2; letter-spacing: 0; }
.tte-archive .tile-title a { color: #fff; font-family: inherit; }
.tte-archive .tile-info { margin: 0; }
.tte-archive iframe { display: block; width: 100%; border: 0; }
.tte-archive .network-view { margin: 0; }
.tte-archive .network-view #network-container { min-height: 700px; }
.tte-archive .choices { margin: 0; letter-spacing: normal; }
.tte-archive .choices__input.choices__input--cloned {
    font-family: Arial, sans-serif;
    line-height: normal;
}
.tte-archive .choices[data-type*="select-multiple"] .choices__button,
.tte-archive .choices[data-type*="text"] .choices__button {
    width: 17px;
    min-width: 17px;
    padding: 0 0 0 16px;
}
@media (min-width: 640px) {
    .tte-archive .choices__list--dropdown .choices__item--selectable,
    .tte-archive .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 10px;
    }
}
.tte-archive__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    font-family: Marmelad, "Lucida Grande", Arial, "Hiragino Sans GB", Georgia, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.tte-archive__pages {
    display: inline-flex;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
}
.tte-archive__pages > a,
.tte-archive__pages > span {
    display: block;
    box-sizing: content-box;
    min-width: 30px;
    height: 28px;
    padding: 0;
    border: 1px solid #aaa;
    border-right: 0;
    background: #fff;
    color: #333 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    text-decoration: none !important;
}
.tte-archive__pages > :first-child { border-radius: 3px 0 0 3px; }
.tte-archive__pages > :last-child {
    border-right: 1px solid #aaa;
    border-radius: 0 3px 3px 0;
}
.tte-archive__pages > a:hover,
.tte-archive__pages > a:focus { background: #eee; color: #333 !important; }
.tte-archive__pages > .current {
    height: 30px;
    border: 0;
    background: #aaa;
    color: #fff !important;
    line-height: 30px;
}
.tte-archive__pages > .disabled {
    color: #333 !important;
    opacity: .3;
}
.tte-archive__page-jump {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0 0 0 10px;
}
.tte-archive .tte-archive__page-jump input[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: content-box;
    width: 30px;
    height: 28px;
    min-height: 0;
    max-height: 28px;
    margin: 0;
    padding: 0;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
    color: #333;
    font: 14px/28px Arial, sans-serif;
    text-align: center;
}
.tte-archive .tte-archive__page-jump button[type="submit"] {
    box-sizing: content-box;
    min-width: 40px;
    height: 30px;
    min-height: 0;
    max-height: 30px;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
    color: #333;
    font: 14px/28px Arial, sans-serif;
    text-align: center;
    text-decoration: none;
}
.tte-archive .tte-archive__page-jump button[type="submit"]:hover,
.tte-archive .tte-archive__page-jump button[type="submit"]:focus { background: #f8f8f8; color: #333; }
@media (max-width: 900px) {
    .tte-archive__filter-grid { grid-template-columns: 1fr; }
    .tte-archive .archive-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .tte-archive__filters { padding: 1.25rem; }
    .tte-archive__field, .tte-archive__filter-grid .tte-archive__field { grid-template-columns: 1fr; gap: .35rem; }
    .tte-archive .archive-list { grid-template-columns: 1fr; }
    .tte-archive__view-switcher { justify-content: flex-start; font-size: 1rem; }
}
