main .single__hero {
  display: flex;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
@media (min-width: 992px) {
  main .single__hero {
    aspect-ratio: 4/1.25;
  }
}
main .single__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 992px) {
  main .single .wrapper {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  main .single__content {
    width: calc(70% - var(--spacing-60));
  }
}
main .single__content__header {
  margin: 0 0 var(--spacing-20);
}
main .single__content__header h1 {
  margin: 0;
  padding: 0;
  font-size: var(--step-5);
}
main .single__content__header .post-date {
  display: block;
  margin: 0;
  font-size: var(--step-0);
}
main .single__content__header .lead {
  font-weight: 700;
}
main .single__content h2 {
  margin: var(--spacing-40) 0 var(--spacing-20);
  font-weight: 700;
  font-size: var(--step-4);
}
main .single__content h3 {
  margin: var(--spacing-40) 0 var(--spacing-20);
  font-weight: 700;
  font-size: var(--step-3);
}
main .single__content h4 {
  margin: var(--spacing-40) 0 var(--spacing-20);
  font-weight: 700;
  font-size: var(--step-2);
}
main .single__content p {
  margin: var(--spacing-20) 0;
}
main .single__content img {
  border-radius: var(--br-default);
}
main .single__content ul, main .single__content ol {
  margin: var(--spacing-10) 0 var(--spacing-30) var(--spacing-30);
}
main .single__sidebar {
  position: relative;
  margin-bottom: var(--spacing-30);
}
@media (min-width: 992px) {
  main .single__sidebar {
    margin-left: auto;
    width: 30%;
  }
}
main .single__sidebar__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
}
@media (min-width: 992px) {
  main .single__sidebar__list {
    position: sticky;
    top: var(--spacing-60);
  }
}
main .single__sidebar__faq {
  margin-bottom: var(--spacing-20);
  display: grid;
  gap: 0;
  list-style: none;
}
@media (min-width: 992px) {
  main .single__sidebar__faq {
    height: var(--spacing-400);
    overflow-y: scroll;
  }
}
main .single__sidebar__faq li {
  padding: var(--spacing-10) 0;
  border-bottom: solid 0.1rem var(--cl-gray-3);
}
main .single__sidebar__faq a {
  box-shadow: none;
  display: block;
}
main .single__sidebar__faq h3 {
  font-size: var(--step-1);
  font-weight: 300;
}

.page-post {
  padding-top: var(--spacing-50);
  padding-bottom: var(--spacing-100);
}
.page-post__header {
  margin-bottom: var(--spacing-20);
}
.page-post p {
  margin: var(--spacing-15) 0;
}

@media (max-width: 992px) {
  .single-full__content .wrap {
    margin-left: var(--spacing-15);
    margin-right: var(--spacing-15);
  }
  .single-full__content .wrap .wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
.single-full__content__header {
  margin: 0 0 var(--spacing-20);
}
.single-full__content__header h1 {
  margin: 0;
  padding: 0;
  font-size: var(--step-5);
}
.single-full__content__header .post-date {
  display: block;
  margin: 0;
  font-size: var(--step-0);
}
.single-full__content__header .lead {
  font-weight: 700;
}
.single-full__content h2 {
  margin: var(--spacing-40) 0 var(--spacing-20);
  font-weight: 700;
  font-size: var(--step-4);
}
.single-full__content h3 {
  margin: var(--spacing-40) 0 var(--spacing-20);
  font-weight: 700;
  font-size: var(--step-3);
}
.single-full__content h4 {
  margin: var(--spacing-40) 0 var(--spacing-20);
  font-weight: 700;
  font-size: var(--step-2);
}
.single-full__content p {
  margin: var(--spacing-20) 0;
}
.single-full__content img {
  border-radius: var(--br-default);
}
.single-full__content ul, .single-full__content ol {
  margin: var(--spacing-10) 0 var(--spacing-30) var(--spacing-30);
}

.page-template-page-ask {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}/*# sourceMappingURL=single.css.map */