.forum {
  padding: 80px 0;
}
@media only screen and (max-width: 992px) {
  .forum {
    padding: 0;
  }
}
.forum .createBtn {
  background: orange;
  width: 40%;
  border: none;
}
.forum .categoryBtn {
  width: 85%;
}
.forum .block-text__aside-item--boxed {
  padding: var(--grid-gutter-half) !important;
}
.forum .block-text__aside-item {
    position: relative;
    width: 100%;
}
.forum .block-text__aside-item h3 {
  margin: var(--grid-gutter) 0;
}
.navigationList .category {
    margin-top: 7px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}
.navigationList .subcategory {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.navigationList a {
    color: black;
}
.navigationList a:is(:hover) {
    text-decoration: underline;
}
@media only screen and (max-width: 992px) {
  .forum .block-text__aside-item h3 {
    margin: 40px 0;
  }
    .navigationList .subcategory {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
    }
}
.forum .block-text__aside-item .navigation {
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
    .forum .block-text__aside-item .navigation .category a {
    padding: 0 0;
    padding-top: 20px;
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 992px) {
  .forum .block-text__aside-item .navigation {
    text-align: center;
  }
    .navigationList .subcategory a {
        padding: 0 0;
    }
}
.forum .block-text__aside-item .button-wrap {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.forum .backBtn {
  font-size: 0.95rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  display: block;
  color: var(--heading-dark);
  position: absolute;
  top: 15px;
  left: 10%;
}
.forum .backBtn svg {
  content: "";
  position: absolute;
  width: 20px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px -26px;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.forum .backBtn:hover {
  color: var(--theme-darker);
}
.forum .backBtn:hover svg {
  fill: var(--theme-darker);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.forum .deleteBtn1 {
  margin: -127px 0px 0px 683px;
  font-size: 0.95rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  display: block;
  color: var(--heading-dark);
  position: relative;
}
.forum .deleteBtn1 svg {
  content: "";
  position: absolute;
  width: 20px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px -26px;
  height: 100%;
}
.forum .forum__topic-commentbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.forum article.topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.forum article.topic:last-of-type {
  border-bottom: none;
}
.forum article.topic .forum__topic-info--created {
  font-size: 0.857rem;
  color: #444;
}
.forum article.topic .deleteBtn2 {
  /*    margin: -216px 0px 56px 648px;*/
  font-size: 0.95rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  display: block;
  color: var(--heading-dark);
  position: relative;
}
.forum article.topic .deleteBtn2 svg {
  content: "";
  position: absolute;
  width: 20px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px -26px;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.forum article.topic .deleteBtn2:hover {
  color: var(--theme-darker);
}
.forum article.topic .deleteBtn2:hover svg {
  fill: var(--theme-darker);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.forum .editBtn {
  color: var(--heading-dark);
  font-weight: var(--font-weight-bolder);
  font-size: 0.95rem;
  text-decoration: underline;
  margin-left: 10px;
}
.row.top-category {
  margin: 0 10px;
  background: var(--background-light);
  padding: 10px 25px 0 25px;
}
.row.top-category .category-heading {
  margin-left: 7px;
}
.row.top-category .grid-item {
  width: 100%;
  margin-bottom: 10px;
}
.row.top-category .grid-item .forum__topic-date {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.row.top-category .grid-item .forum__topic-date .editBtn {
  margin-left: 0;
}
.row.top-category .grid-item .forum__topic-date .deleteBtn1 {
  margin: 0px 0px 0px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-field .forum__topic-info > p:first-of-type {
  font-size: 1.25rem;
  color: #000000;
}
.comment-field .forum__topic-info p {
  font-size: 0.857rem;
  color: #444444;
}
.comment-field .deleteBtn3 {
  margin: 0px 0px 0px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.95rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  color: var(--heading-dark);
  position: relative;
}
.comment-field .deleteBtn3 svg {
  content: "";
  position: absolute;
  width: 20px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px -26px;
  height: 100%;
}
.comment-field .deleteBtn3:hover {
  color: var(--theme-darker);
}
.comment-field .deleteBtn3:hover svg {
  fill: var(--theme-darker);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fileDiv {
    margin: 0px 0px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.fileBtn {
    margin: 0px 35px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.95rem;
    letter-spacing: 0.05rem;
    font-weight: 600;
    color: var(--heading-dark);
    position: relative;
}
.fileBtn svg {
    content: "";
  position: absolute;
  width: 20px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px -26px;
  height: 100%;
}
.fileBtn:hover {
    color: var(--theme-darker);
}
.fileBtn:hover svg {
    fill: var(--theme-darker);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 11;
  /* Sit on top */
  left: 0;
  top: var(--header-height);
  width: 100%;
  /* Full width */
  height: calc(100vh - var(--header-height));
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
  height: 100%;
  /* Could be more or less, depending on screen size */
  overflow: auto;
}
.modal-content .modal-content__inner {
  background-color: #fefefe;
  height: auto;
  border: 1px solid #888;
  padding: 20px;
  width: 750px;
  margin: 0 auto;
  max-width: 100%;
  min-height: 100%;
}
.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content input[type="url"],
.modal-content input[type="tel"],
.modal-content input[type="password"],
.modal-content input[type="search"],
.modal-content input[type="number"],
.modal-content input[type="date"],
.modal-content textarea,
.modal-content select {
  margin-bottom: 20px;
}
/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:focus,
.close:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.forum__topic-info > p:first-of-type {
  font-size: 0.857rem;
  color: #444;
}
.overflow {
  overflow-y: hidden;
}