/*------------------------------
   single layout
------------------------------*/
.fv {
  height: 70vh;
}

.side-bar {
    width: 18%;
}

.flex-wrapper {
  justify-content: space-between;
}

.single-content {
  width: 78%;
  margin-bottom: 50px;
}

.single-content__title {
  margin-bottom: 20px;
}

.single-content__thumbnail {
  margin-bottom: 50px;
}

.single-content__thumbnail img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .flex-wrapper {
    flex-direction: column;
  }

  .single-content {
    width: 100%;
  }

  .side-bar {
    width: 100%;
  }
}

/*------------------------------
  Wp editor
------------------------------*/
.single-content__body h2,
.wp-block-heading h2 {
  font-size: 1.8rem;
  margin: 2em 0 1em;
  border-left: 8px solid #141414;
  padding-left: 0.6em;
}

.single-content__body h3,
.wp-block-heading h3 {
  font-size: 1.6rem;
  margin: 2em 0 1em;
  border-left: 3px solid #999;
  padding-left: 0.5em;
}

.single-content__body p,
.wp-block-paragraph {
  font-size: 1.6rem;
  margin-bottom: 1em;
}

.single-content__body ul,
.single-content__body ol {
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.single-content__body blockquote,
.single-content__body .wp-block-quote {
  margin: 2em 0;
  padding-left: 1em;
  border-left: 4px solid #ccc;
  color: #666;
  font-style: italic;
}

.wp-block-image {
  margin: 2em 0;
  text-align: center;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
}

.wp-block-table {
  width: 100%;
  margin: 2em 0;
  border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
  border: 1px solid #ccc;
  padding: 10px;
}

.wp-block-table th {
  background: #f7f7f7;
}

.editor-styles-wrapper {
  background: #fff;
}

.alignwide {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-separator{
  border: none;
  border-top: 1px solid;
}