/* -------------------
  Colors
------------------- */
/* -------------------
  Fonts
------------------- */
/* -------------------
  Breakpoints
------------------- */
/* -------------------
  Sizes
------------------- */
/* -------------------
  Mixins
------------------- */
.list-wrapper {
  padding: 0;
}
.list-wrapper .main-content {
  padding: 0;
}
.list-wrapper .main-content .block-list {
  width: 100%;
  font-size: 4rem;
  line-height: 1em;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .list-wrapper .main-content .block-list {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .list-wrapper .main-content .block-list {
    font-size: 2.5rem;
  }
}
@media (max-width: 480px) {
  .list-wrapper .main-content .block-list {
    font-size: 1.5rem;
    white-space: normal;
    line-height: 1.15em;
  }
}
.list-wrapper .main-content .block-list li {
  width: 100%;
  border-bottom: 3px solid;
  transition: opacity 0.25s;
  opacity: 0.16;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .list-wrapper .main-content .block-list li {
    opacity: 1;
    border-bottom: 2px solid;
  }
}
@media (max-width: 480px) {
  .list-wrapper .main-content .block-list li {
    border-bottom: 1px solid;
    text-wrap: balance;
  }
}
@media (min-width: 768px) {
  .list-wrapper .main-content .block-list li:hover {
    opacity: 1;
  }
  .list-wrapper .main-content .block-list li:hover:before {
    opacity: 1;
  }
}
.list-wrapper .main-content .block-list li a {
  padding: 1.5rem 1.5rem 2rem;
}
@media (max-width: 992px) {
  .list-wrapper .main-content .block-list li a {
    padding: 1.25rem 1.5rem 1.75rem;
  }
}
@media (max-width: 480px) {
  .list-wrapper .main-content .block-list li a {
    padding: 0.75rem 1rem 3.5rem;
  }
}

/*# sourceMappingURL=blockList.css.map */