:root {
  --primary-color: var(--bs-primary);
  --seccondary-color: #fff;
}

.list-article-side-by-side .left-col {
  /* border-right: 1px solid rgba(35, 31, 32, 0.3); */
  min-height: 50vh;
}

.list-article-side-by-side .left-col h2 {
  display: none;
}

.list-article-side-by-side .left-col .list-post-category {
  padding-left: 0;
  list-style: none;
}

.list-article-side-by-side .left-col .list-post-category ul {
  padding-left: 16px;
  list-style: none;
}

.list-article-side-by-side .page-content,
.list-article-side-by-side .blog-content {
  padding-left: 48px;
}

.list-article-side-by-side .page-content > h2, .list-article-side-by-side .blog-content > h2 {
  padding-left: 16px;
  margin-bottom: 24px;
}

.list-article-side-by-side .page-content h4,
.list-article-side-by-side .blog-content h4 {
  margin-bottom: 0;
}

.list-article-side-by-side .page-content article.post {
  border-bottom: 1px dashed rgba(35, 31, 32, 0.3);
}

.list-article-side-by-side .page-content .list article:first-child {
  border-top: 1px dashed rgba(35, 31, 32, 0.3);
}

.list-article-side-by-side .page-content article.post a {
  display: block;
  padding: 16px;
}

.list-article-side-by-side .page-content article.post:hover {
  background-color: #fafafa;
}

.list-article-side-by-side .page-content article.post:hover a {
  color: inherit;
}

.list-post-category > li {
  margin-bottom: 14px;
}

.list-post-category li {
  margin-bottom: 10px;
}

.list-post-category li > a > i.bi {
  position: absolute;
  left: -5px;
  transform: translateX(-100%);
}

.list-post-category li.has-child {
  position: relative;
  font-size: 16px;
}

.list-post-category li.active a {
  color: var(--primary-color);
}

.list-post-category li.has-child>a {
  display: block;
  padding-right: 25px;
}

.list-post-category li.has-child>.icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1em;
}

.list-post-category li.has-child ul li:first-child {
  margin-top: 10px;
}

.list-post-category li.has-child>.icon::after {
  content: '\F282';
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
}

.list-post-category li.has-child>.icon[aria-expanded="true"]::after {
  content: '\F286';
}

footer {
  border-top: 1px solid rgba(35, 31, 32, 0.3);
}

/* =Blog-Navigation - Pagination
----------------------------------------------- */
nav.pagination {
  position: relative;
  display: block;
}

.nav-links {
  position: relative;
}

.nav-links ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.nav-links ul li {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
}

.nav-links ul li span.current {
  padding: 10px 12px;
  background: var(--primary-color);
  display: block;
  line-height: 1;
  border-radius: 4px;
  color: var(--seccondary-color);
}

.nav-links ul li a {
  padding: 10px 12px;
  background: #ddd;
  color: #666;
  text-decoration: none;
  border-radius: 3px;
  display: block;
  line-height: 1;
}

.nav-links ul li a:hover {
  background: var(--primary-color);
  color: var(--seccondary-color);
}