.rb-iss,
.rb-iss.rbi-show-locks {
  background-color: #f8f5f0 !important;
}

.rb-online-only-label {
  display: inline-block;
  margin-bottom: 10px;
  color: #841400;
  font-family: "Cinzel", "Iowan Old Style", Georgia, serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.rb-online-only-label--article {
  margin-bottom: 16px;
}

.gh-card.rb-online-only-card {
  transition:
    background-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}

.gh-card.rb-online-only-card:hover {
  background-color: rgba(132, 20, 0, 0.1);
}

.gh-container.is-grid .gh-card.rb-online-only-card:hover {
  box-shadow:
    calc(var(--grid-gap) / 2) 0 0 rgba(132, 20, 0, 0.1),
    calc(var(--grid-gap) / -2) 0 0 rgba(132, 20, 0, 0.1);
}

.gh-card.rb-online-only-card:hover .gh-card-link,
.gh-card.rb-online-only-card:hover .gh-card-title,
.gh-card.rb-online-only-card:hover .gh-card-excerpt,
.gh-card.rb-online-only-card:hover .gh-card-meta,
.gh-card.rb-online-only-card:hover .rb-online-only-label {
  color: inherit;
}

.gh-card.rb-online-only-card:hover .gh-card-meta {
  opacity: 0.72;
}

/* Home page "issue grid" HTML card (rbi-card) mirrors the .gh-card rules above,
   since that grid is custom markup and doesn't go through post-card.hbs. */
.rbi-card.rb-online-only-card {
  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.rbi-card.rb-online-only-card:hover {
  background-color: rgba(132, 20, 0, 0.1);
}

.rbi-card.rb-online-only-card:hover .rbi-title,
.rbi-card.rb-online-only-card:hover .rbi-title a,
.rbi-card.rb-online-only-card:hover .rbi-blurb,
.rbi-card.rb-online-only-card:hover .rbi-author,
.rbi-card.rb-online-only-card:hover .rb-online-only-label {
  color: inherit;
}

/* The standard homepage cards behave as one link. Online-only keeps its
   existing dedicated hover treatment above. */
.rbi-card:not(.rb-online-only-card) {
  cursor: pointer;
}

.rbi-card:not(.rb-online-only-card) .rbi-title,
.rbi-card:not(.rb-online-only-card) .rbi-title a,
.rbi-card:not(.rb-online-only-card) .rbi-author,
.rbi-card:not(.rb-online-only-card) .rbi-blurb {
  transition: color 180ms ease;
}

.rbi-card:not(.rb-online-only-card):hover .rbi-media img,
.rbi-card:not(.rb-online-only-card):focus-visible .rbi-media img {
  transform: scale(1.03);
}

.rbi-card:not(.rb-online-only-card):hover .rbi-title,
.rbi-card:not(.rb-online-only-card):hover .rbi-title a,
.rbi-card:not(.rb-online-only-card):focus-visible .rbi-title,
.rbi-card:not(.rb-online-only-card):focus-visible .rbi-title a {
  color: #841400;
}

.rbi-card:not(.rb-online-only-card):hover .rbi-author,
.rbi-card:not(.rb-online-only-card):focus-visible .rbi-author {
  color: #5a2e2e;
}

.rbi-card:not(.rb-online-only-card):hover .rbi-blurb,
.rbi-card:not(.rb-online-only-card):focus-visible .rbi-blurb {
  color: #4a4039;
}

.rbi-card:not(.rb-online-only-card):focus-visible {
  outline: 2px solid #841400;
  outline-offset: -2px;
}