/* Page-specific styles carried over from the 2019 public/css/main.css that the current templates still rely on. */

.campaign-list-img,
.translations-list-img { max-height: 70px; border-radius: var(--mc-radius-sm); }

.translations { list-style: none; padding-left: 0; }
.translations li { display: block; clear: both; margin-top: 1.5rem; }
.translations .card.bg-light { background: var(--mc-surface-2) !important; }

.clear-file-input::after { content: ''; }
.brightness { filter: brightness(0.1); }

.table-bordered-nb { border-left: 0; border-right: 0; border-bottom: 0; margin-bottom: 3rem; }
.table-bordered-nb th { background: var(--mc-surface-2); }
.table-bordered-nb tr td:first-child, .table-bordered-nb tr th:first-child { border-left: 0; }
.table-bordered-nb tr td:last-child, .table-bordered-nb tr th:last-child { border-right: 0; }
.table-bordered-nb tr:last-child td { border-bottom: 0; }

/* Feather icons still used inside legacy page bodies */
.feather { width: 1.05em; height: 1.05em; vertical-align: -0.15em; stroke-width: 2; }
.feather-icon { display: inline-block; }

/* Legacy tables are wider than a phone: scroll them sideways instead of the whole page */
@media (max-width: 767.98px) {
  main.page > .table { display: block; overflow-x: auto; max-width: 100%; }
}