/**
 * Journal, archives, articles, comments and inherited featured-post grid.
 */

.annwn-theme #blog {
  background: var(--annwn-ink);
  padding-block: var(--annwn-section-space);
}

.annwn-theme #blog .blog-post,
.annwn-theme .single_page,
.annwn-theme #sidebar .widget {
  background: var(--annwn-anthracite);
  border-color: var(--annwn-border);
  border-radius: var(--annwn-radius-sm);
  box-shadow: none;
}

.annwn-theme #blog .blog-post {
  overflow: hidden;
  transition: border-color var(--annwn-transition), transform var(--annwn-transition-slow);
}

.annwn-theme #blog .blog-post:hover {
  border-color: var(--annwn-bronze);
  transform: translateY(-2px);
}

.annwn-theme #blog .blog-post .entry-title,
.annwn-theme #blog .blog-post h2,
.annwn-theme #blog .blog-post h3,
.annwn-theme .single_page .blog-title {
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-display);
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
}

.annwn-theme #blog .entry-meta,
.annwn-theme #blog .entry-meta a,
.annwn-theme .bizberg_post_date,
.annwn-theme .bizberg_read_time {
  color: var(--annwn-stone);
  font-family: var(--annwn-font-accent);
  font-size: var(--annwn-text-min);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.annwn-theme .featured_posts_wrapper {
  background: var(--annwn-ink);
  padding-block: var(--annwn-section-space);
}

.annwn-theme .featured_posts_wrapper .section-title-wrapper,
.annwn-theme .featured_posts_wrapper .section-title {
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-display);
}

.annwn-theme .oh-my-blog-post-item {
  background: var(--annwn-anthracite);
  border: 1px solid var(--annwn-border);
  border-radius: var(--annwn-radius-sm);
}

.annwn-theme .oh-my-blog-post-item::before {
  background: rgba(198, 164, 106, 0.22);
}

.annwn-theme .oh-my-blog-post-bg::after {
  background: linear-gradient(180deg, transparent 20%, rgba(var(--annwn-black-rgb), 0.92) 100%);
  content: "";
  inset: 0;
  position: absolute;
}

.annwn-theme .oh-my-blog-post-content {
  z-index: 2;
}

.annwn-theme .oh-my-blog-post-cats a {
  background: var(--annwn-bronze);
  border-radius: var(--annwn-radius-sm);
  color: var(--annwn-ink);
  font-family: var(--annwn-font-accent);
  font-size: var(--annwn-text-min);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.annwn-theme .oh-my-blog-post-item:hover .oh-my-blog-post-cats a {
  background: var(--annwn-brass);
  color: var(--annwn-ink);
}

.annwn-theme .nav-links a,
.annwn-theme .nav-links span {
  border-color: var(--annwn-border);
  color: var(--annwn-ivory);
}

.annwn-theme .nav-links a:hover,
.annwn-theme .nav-links .current {
  background: var(--annwn-bronze);
  border-color: var(--annwn-bronze);
  color: var(--annwn-ink);
}

.annwn-theme input[type="text"],
.annwn-theme input[type="email"],
.annwn-theme input[type="password"],
.annwn-theme input[type="search"],
.annwn-theme input[type="tel"],
.annwn-theme input[type="url"],
.annwn-theme input[type="number"],
.annwn-theme textarea,
.annwn-theme select {
  background: var(--annwn-anthracite);
  border: 1px solid var(--annwn-border);
  border-radius: var(--annwn-radius-sm);
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-body);
  min-height: 3rem;
  padding: 0.75rem 1rem;
  transition: border-color var(--annwn-transition), box-shadow var(--annwn-transition);
}

.annwn-theme textarea {
  min-height: 10rem;
}

.annwn-theme input:focus,
.annwn-theme textarea:focus,
.annwn-theme select:focus {
  border-color: var(--annwn-bronze);
  box-shadow: 0 0 0 3px rgba(169, 135, 90, 0.18);
  outline: 0;
}
