.section-post-header {
  position: relative;
  display: block;
  margin: var(--space-10) auto var(--space-10) auto;
}

.container-post-header {
  max-width: var(--container-xl);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  margin: 0 auto;
}

.column-post-header.column-first {
  width: 25%;
}

.entry-meta .byline,
.entry-meta .posted-on {
  display: block;
}

.entry-meta .byline a,
.entry-meta .posted-on a {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}

.entry-meta .byline {
  color: var(--color-primary);
  font-weight: var(--font-bold);
}

.entry-meta .posted-on {
  color: var(--color-gray-35);
  font-size: var(--text-sm);
}

.column-post-header.column-last {
  max-width: 650px;
}

.section-post-header .cat-links {
  display: block;
  margin-bottom: 0;
  color: var(--color-secondary);
  font-family: var(--spectral-font);
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
}

.section-post-header .cat-links a {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}

.section-post-header .entry-title-post {
  line-height: var(--leading-4);
}

.section-post-thumbnail {
  position: relative;
  max-width: var(--container-3xl);
  display: block;
  margin: 0 auto var(--space-20) auto;
}

.section-post-content {
  position: relative;
  display: block;
  margin-bottom: var(--space-40);
}

.container-post-content {
  max-width: var(--container-sm);
  margin: 0 auto;
}

.container-post-content ul,
.container-post-content li {
  font-family: var(--spectral-font);
}

.section-post-content h2 {
  display: block;
  margin-top: var(--space-12);
  margin-right: -300px;
  margin-bottom: var(--space-6);
  color: var(--color-primary);
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-5);
}

.section-post-content h3 {
  display: block;

  margin-bottom: var(--space-4);
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-6);
}

.section-post-content h4 {
  display: block;
  margin-top: var(--space-10);
  margin-bottom: var(--space-6);
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-6);
}

.section-post-content h6 {
  color: var(--color-gray-35);
  font-size: var(--text-sm);
  font-weight: var(--font-normal);
  margin: 0;
  padding: 0;
}

.section-post-content p,
.container-post-content ul,
.container-post-content li {
  color: var(--color-gray-35);
  line-height: var(--leading-7);
}

.section-post-content img {
  height: auto;
  max-width: 100%;
}

.section-post-content .size-full,
.section-post-content iframe {
  left: 0%;
  margin-left: 0vw;
  margin-right: -30vw;
  max-width: 100vw;
  position: relative;
  right: 30%;
  width: 900px;
}

.section-post-content ul {
  list-style: none;
}

.section-post-content ul li,
.section-post-content ol li {
  position: relative;
  margin-bottom: var(--space-6);
  margin-left: var(--space-4);
}

.section-post-content ul li::before {
  content: "\2022";
  position: absolute;
  display: inline-block;
  width: 1em;
  margin-left: -16px;
  color: var(--color-secondary);
  font-weight: bold;
  list-style-position: outside;
}

.navigation.post-navigation {
  position: relative;
  display: block;
  margin-bottom: var(--space-40);
}

.nav-links {
  max-width: var(--container-xl);
  margin: 0 auto;
}

.nav-previous {
  margin-right: var(--space-4);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
  max-width: 50%;
}

.nav-next {
  margin-left: var(--space-4);
}

.nav-previous,
.nav-next {
  padding: var(--space-10);
  background-color: var(--color-gray-95);
}

.nav-previous a,
.nav-next a {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}

.nav-previous .nav-subtitle {
  text-align: right;
}

.nav-next .nav-subtitle {
  text-align: left;
}

.nav-previous .nav-title {
  text-align: right;
  float: right;
}

.nav-next .nav-title {
  text-align: left;
  float: left;
}

.nav-subtitle {
  display: block;
  color: var(--color-secondary);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
}

.nav-title {
  max-width: 500px;
  display: block;
  color: var(--color-primary);
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
}

.nav-subtitle a,
.nav-title a {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}

.webtim-related-posts__tittle {
  display: block;
  margin-bottom: var(--space-8);
  font-size: var(--text-2xl);
}

.single-post .post-navigation .nav-previous a,
.single-post .post-navigation .nav-next a {
  display: block;
}