/*
 * Backgrounds that the Anchor theme computed inline in PHP (posts.php):
 *   lightness = round((i / posts_per_page) * 20 + 25), posts_per_page = 6
 * Item 1 is the full latest post (white, via style.css); items 2-6 are excerpts.
 */
.posts .items > li:nth-child(2) { background: hsl(0, 100%, 28%); background-image: url('../img/noise.png'); }
.posts .items > li:nth-child(3) { background: hsl(0, 100%, 32%); background-image: url('../img/noise.png'); }
.posts .items > li:nth-child(4) { background: hsl(0, 100%, 35%); background-image: url('../img/noise.png'); }
.posts .items > li:nth-child(5) { background: hsl(0, 100%, 38%); background-image: url('../img/noise.png'); }
.posts .items > li:nth-child(6) { background: hsl(0, 100%, 42%); background-image: url('../img/noise.png'); }

/* The original search box was a real form; it now opens Ghost's native search
   overlay. Keep the input from showing a text cursor since it's a trigger. */
.search-container .search-box { cursor: pointer; }

/*
 * Minimal styling for Ghost editor cards. The migrated Anchor content never
 * uses these (it is all raw-HTML cards), but future posts written in the
 * Ghost editor will. Kept visually in line with the existing theme.
 */
.kg-card { margin: 0 0 20px; }
figure.kg-card img { max-width: 100%; height: auto; }
.kg-width-wide, .kg-width-full { max-width: 100%; }
.kg-image-card img { margin: 0 auto; }
.kg-card figcaption { font-size: 14px; font-style: italic; color: #98a2b1; }
.kg-gallery-container { display: flex; flex-direction: column; }
.kg-gallery-row { display: flex; flex-direction: row; justify-content: center; }
.kg-gallery-image img { display: block; margin: 0; width: 100%; height: 100%; object-fit: cover; }
.kg-gallery-row:not(:first-of-type) { margin: 4px 0 0; }
.kg-gallery-image:not(:first-of-type) { margin: 0 0 0 4px; }
.kg-bookmark-card, .kg-bookmark-publisher { position: relative; width: 100%; }
.kg-bookmark-container { display: flex; text-decoration: none; border-radius: 3px;
  border: 1px solid #E2E2E2; overflow: hidden; color: #000; }
.kg-bookmark-content { display: flex; flex-direction: column; flex-grow: 1; padding: 14px; }
.kg-bookmark-title { font-weight: 600; }
.kg-bookmark-description { font-size: 14px; color: #98a2b1; margin-top: 3px;
  overflow: hidden; max-height: 44px; }
.kg-bookmark-metadata { display: flex; align-items: center; margin-top: 12px;
  font-size: 14px; flex-wrap: wrap; }
.kg-bookmark-icon { width: 20px; height: 20px; margin-right: 6px; }
.kg-bookmark-author:after { content: "•"; margin: 0 6px; }
.kg-bookmark-thumbnail { position: relative; flex-shrink: 0; max-width: 33%; }
.kg-bookmark-thumbnail img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.kg-blockquote-alt { font-size: 1.2em; font-style: italic; text-align: center; padding: 0 15%; }
.kg-callout-card { display: flex; padding: 20px 28px; border-radius: 3px; background: rgb(244, 244, 244); margin: 0 0 20px; }
.kg-callout-emoji { padding-right: 8px; }
.kg-toggle-card { background: rgb(244, 244, 244); border-radius: 3px; padding: 20px; margin: 0 0 20px; }
.kg-toggle-content { height: 0; overflow: hidden; }
.kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-content { height: auto; overflow: visible; }
.kg-toggle-heading { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.kg-toggle-card svg { width: 14px; }
.kg-toggle-heading-text { font-size: 1.1em; font-weight: 600; }
.kg-product-card { display: flex; align-items: center; flex-direction: column; margin: 0 0 20px; }
.kg-product-card-container { display: flex; flex-direction: column; width: 100%; max-width: 550px;
  padding: 20px; border-radius: 3px; border: 1px solid #E2E2E2; }
.kg-product-card-image { height: auto; }
.kg-product-card-title { font-weight: 600; }
.kg-product-card-description { font-size: 14px; color: #98a2b1; }
.kg-product-card-rating { display: flex; }
.kg-product-card-rating-star svg { width: 16px; height: 16px; }
.kg-product-card-button { display: block; text-align: center; margin-top: 12px; padding: 10px;
  border-radius: 3px; background: #BE2424; color: #fff; text-decoration: none; }
.kg-file-card { margin: 0 0 20px; }
.kg-file-card-container { display: flex; align-items: center; text-decoration: none;
  padding: 6px; border: 1px solid #E2E2E2; border-radius: 3px; color: #000; }
.kg-file-card-contents { flex-grow: 1; padding: 8px 12px; }
.kg-file-card-title { font-weight: 600; }
.kg-file-card-caption { font-size: 14px; color: #98a2b1; }
.kg-file-card-metadata { font-size: 13px; }
.kg-file-card-filename { font-weight: 500; display: inline; }
.kg-file-card-filesize { color: #98a2b1; display: inline; margin-left: 6px; }
.kg-file-card-icon { flex-shrink: 0; width: 40px; height: 40px; padding: 8px; }
.kg-file-card-medium .kg-file-card-caption, .kg-file-card-small .kg-file-card-caption { display: none; }
.kg-embed-card { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 0 20px; }
.kg-embed-card iframe { max-width: 100%; }
.kg-audio-card, .kg-video-card { margin: 0 0 20px; }
.kg-audio-card audio, .kg-video-card video { width: 100%; }
.kg-header-card { padding: 60px 20px; text-align: center; margin: 0 0 20px; }
.kg-button-card { display: flex; justify-content: center; margin: 0 0 20px; }
.kg-btn { display: inline-block; padding: 10px 20px; border-radius: 3px;
  background: #BE2424; color: #fff; text-decoration: none; }
.kg-nft-card { display: flex; justify-content: center; margin: 0 0 20px; }
.kg-nft-card-container { max-width: 420px; border: 1px solid #E2E2E2; border-radius: 5px;
  text-decoration: none; color: #000; }
.kg-nft-image { width: 100%; }
.kg-nft-metadata { padding: 16px; }