/* ===============================
   Single Post Two Columns Layout
   =============================== */
.single-content.two-columns {
  display: flex;
  justify-content: space-between;
  max-width: 1240px; /* container is already global, this is just for clarity */
  margin: 0 auto;
  margin-bottom: 60px;
}

/* --- Main Column --- */
.single-content .main-column {
  width: 817px; /* content width including border + padding */
  padding-right: 31px;
  border-right: 1px solid #d9d9d9;
}

/* --- Sidebar Column --- */
.single-content .sidebar-column {
  width: 392px;
  padding-left: 30px;
}

/* --- Elements inside main column --- */
.single-content .post-date {
  display: block;
  font-size: 16px;
  color: black;
  margin: 0;
  padding: 0;
}

.single-content .post-title {
  font-size: 48px;
  line-height: 1.2;
  margin: 40px 0;
}

.single-content .post-subtitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 40px;
}

/* image margine*/
/* Images inside post body */
.single-content .post-body img {
  display: block; /* removes inline spacing issues */
  max-width: 100%; /* responsive */
  height: auto;
  margin: 0 0 40px 0; /* bottom space */
}

/* Captions (figure wrapper) */
.single-content .post-body .wp-caption {
  margin: 0 0 40px 0; /* same 40px bottom space */
}

.single-content .post-body .wp-caption img {
  margin: 0; /* reset, since wrapper handles spacing */
}

.single-content .post-body .wp-caption-text {
  color: var(--Kielo-Dark-Grey, #9aa8b0);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px; /* 100% */
  margin-top: 10px;
}

/*----- */

.single-content .post-body {
  font-size: 18px;
  line-height: 1.6;
}

/* --- Sidebar --- */
.single-content .sidebar-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.single-content .related-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

.single-content .related-posts li {
  padding: 30px 0;
  border-bottom: 2px solid #06274f;
}

.single-content .related-posts li:last-child {
  border-bottom: none;
}

.single-content .related-posts time {
  display: block;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}

.single-content .related-posts a {
  color: var(--Kielo-Blue, #06274f);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.single-content .related-posts a:hover {
  text-decoration: underline;
}

/* ===============================
   Mobile (below 768px)
   =============================== */
@media (max-width: 768px) {
  .single-content.two-columns {
    flex-direction: column;
  }

  .single-content .main-column,
  .single-content .sidebar-column {
    width: 100%;
    padding: 0;
    border: none;
  }

  .single-content .sidebar-column {
    margin-top: 40px;
  }
  
  .single-content .post-title {
	font-size: 32px;
  }
}