main#main {
  display: flex;
  flex-direction: row;
  width: 80%;
  gap: 20px;
}
main#main article, main#main div.blog-archive-layout {
  width: 70%;
}
main#main div.blog-archive-layout article {
  width: 100%;
}

.under-entry-content {
  display: none;
}

.sidebar-extra.blog-extra-sidebar {
  width: 35%;
}

@media screen and (max-width: 1266px) {
  main#main {
    width: 68%;
  }
}
@media screen and (max-width: 1023px) {
  main#main {
    flex-direction: column;
    width: 100%;
  }
  main#main article, main#main div.blog-archive-layout {
    width: 100%;
  }
  .sidebar-extra.blog-extra-sidebar {
    width: 100%;
  }
}/*# sourceMappingURL=blog-style.css.map */