main {
  position: relative;
}
.pagination,
.next.page-numbers,
.nav-next,
.nav-previous {
  bottom: 80vh;
  height: 30vh;
  position: absolute;
  visibility: hidden;
  width: auto;
  max-width: 100%;
}
.post-navigation {
  visibility: hidden;
}
.post-navigation .post-thumbnail {
  display: none;
}
.navigation.pagination ~ .article.excerpt {
  animation: fadeInAnimation ease 3s;
}

.scrolled-trellis-comments {
  margin-bottom: 40px;
}
.scrolled-trellis-comments-title {
  font-size: .875rem;
  font-size: var(--mv-trellis-font-size-sm, .875rem);
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}
div.scrolled-trellis-comments .trellis-comment,
div.scrolled-trellis-comments .trellis-comment-header,
div.scrolled-trellis-comments p {
  margin: 0;
}
div.scrolled-trellis-comments .trellis-comment:not(:first-of-type) {
  border-top: none;
}
.scrolled-trellis-comments-footer {
  display: flex;
  flex-direction: column;
  margin-top: 26px;
  row-gap: 10px;
}
.scrolled-trellis-comments-footer a {
  margin: auto;
  transition: var(--tvf-trellis-button-transition);
  width: fit-content;
}
.scrolled-trellis-comments-footer a.btn {
  padding: 4px 18px;
}
.scrolled-trellis-comments-footer a:not(.btn) {
  font-weight: 700;
  text-decoration: underline;
}
#scrolled-trellis-comments-closed {
  font-size: var(--mv-trellis-font-size-sm, .875rem);
  font-weight: 600;
  opacity: 0.25;
  text-align: center;
  text-transform: uppercase;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.star {
  display: inline-block;
  position: relative;
  font-size: 20px;
  color: #c5c5c5;
}

.star::after {
  font-family: FontAwesome;
  content: "\f005";
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  color: #faaf00;
}

.star-0::after {
  width:0%;
}

.star-10::after {
  width: 10%;
}

.star-20::after {
  width: 20%;
}

.star-30::after {
  width: 30%;
}

.star-40::after {
  width: 40%;
}

.star-50::after {
  width: 50%;
}

.star-60::after {
  width: 60%;
}

.star-70::after {
  width: 70%;
}

.star-80::after {
  width: 80%;
}

.star-90::after {
  width: 90%;
}