:root {
  --hartley-ink: #27332f;
  --hartley-sage: #60766a;
  --hartley-cream: #f7f4ee;
  --hartley-line: #ded8cf;
}

.blog .main,
.archive.category .main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 42px 30px;
}

.blog .blog-category-nav,
.archive.category .blog-category-nav,
.archive.category .page-header,
.blog .navigation,
.archive.category .navigation,
.archive.category .main > .alert,
.archive.category .main > .search-form {
  grid-column: 1 / -1;
}

.blog-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
  padding: 0 0 26px;
  border-bottom: 1px solid var(--hartley-line);
  margin-bottom: 10px;
}

.blog-category-nav a {
  color: var(--hartley-ink);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.blog-category-nav a:hover,
.blog-category-nav a.is-active {
  color: var(--hartley-sage);
}

.blog-card {
  margin: 0;
  background: #fff;
  box-shadow: 0 10px 34px rgba(39, 51, 47, .08);
}

.blog-card__image {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--hartley-cream);
}

.blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.blog-card:hover .blog-card__image img {
  transform: scale(1.025);
}

.blog-card__image--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(rgba(247, 244, 238, .84), rgba(247, 244, 238, .84)),
    url('/wp-content/uploads/2020/07/paliuliHeader.jpg') center / cover;
}

.blog-card__image--empty span {
  color: var(--hartley-sage);
  font-family: Georgia, serif;
  font-size: 20px;
  letter-spacing: .06em;
}

.blog-card__content {
  padding: 25px 27px 29px;
}

.blog-card__category,
.magazine-single__category {
  margin-bottom: 10px;
  color: var(--hartley-sage);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.blog-card__category a,
.magazine-single__category a {
  color: inherit;
}

.blog-card .entry-title {
  margin-bottom: 14px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.18;
}

.blog-card .entry-title a {
  color: var(--hartley-ink);
}

.blog-card .entry-summary {
  color: #626966;
  font-size: 15px;
  line-height: 1.7;
}

.blog-card .entry-summary p {
  margin-bottom: 19px;
}

.blog-card__more {
  color: var(--hartley-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sidebar {
  padding-left: 42px;
}

.sidebar .widget {
  margin-bottom: 32px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--hartley-line);
}

.sidebar .widget-title {
  color: var(--hartley-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 23px;
  font-weight: 400;
}

.sidebar .hartley-sidebar-welcome img {
  width: 100%;
  margin-bottom: 18px;
}

.sidebar .hartley-sidebar-welcome p {
  margin-bottom: 0;
  line-height: 1.7;
}

.sidebar .social-menu {
  margin-bottom: 0;
}

.sidebar .widget_categories ul {
  padding-left: 0;
  list-style: none;
}

.sidebar .widget_categories li {
  padding: 8px 0;
  border-bottom: 1px solid #eeeae3;
}

.magazine-single__header {
  padding: 10px 0 24px;
  text-align: center;
}

.magazine-single .entry-title {
  max-width: 760px;
  margin: 0 auto 18px;
  color: var(--hartley-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 400;
  line-height: 1.08;
}

.magazine-single__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
  color: #6d7471;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.magazine-single__meta a {
  color: var(--hartley-sage);
}

.magazine-single__featured {
  margin: 0 0 34px;
}

.magazine-single__featured img {
  width: 100%;
  height: auto;
}

.magazine-single .entry-content {
  color: #3f4743;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  line-height: 1.85;
}

.magazine-single .entry-content img,
.magazine-single .entry-content .wp-block-image img,
.magazine-single .entry-content .wp-block-gallery img {
  max-width: 100%;
  height: auto;
}

.magazine-single .entry-content .wp-block-gallery {
  margin: 34px 0;
}

@media (max-width: 767px) {
  .blog .main,
  .archive.category .main {
    display: block;
  }

  .blog-category-nav {
    gap: 10px 16px;
    margin-bottom: 28px;
  }

  .blog-card {
    margin-bottom: 30px;
  }

  .sidebar {
    padding-left: 15px;
    margin-top: 44px;
  }

  .magazine-single .entry-title {
    font-size: 38px;
  }

  .magazine-single__meta {
    display: block;
  }

  .magazine-single__meta span {
    display: block;
    margin: 6px 0;
  }
}