@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

@font-face {
  font-family: 'Thesignature';
  src: url('/assets/fonts/Thesignature.otf') format('opentype'), url('/assets/fonts/Thesignature.ttf') format('truetype');
}

.list-title-wrapper {
  height: 29px;
  border-left: 2.967px solid var(--Colors-mid-green-dark);
  padding-left: 11.868px;
}

.list-title-wrapper .list-logo {
  line-height: 29px;
  font-size: 27.692px;
  font-family: 'Copperplate', sans-serif;
  font-weight: 400;
  margin-right: 10px;
}

.list-title-wrapper .list-title {
  font-family: 'Thesignature', sans-serif;
  font-size: 69.23px;
  font-weight: 400;
  line-height: 39.56px;
}

.list-title-wrapper .list-title.tv-title {
  font-size: 46.23px;
}

.list-title-wrapper span {
  color: #545759;
}

.btn.btn-light {
  border: 0;
  border-radius: var(--button-border-radius, 999px);
  background: var(--Colors-mid-green-light, #DDE1D6);
  padding: 7px 12px 7px 16px;
}
.btn.btn-light,
.btn.btn-light span {
  transition: .3s ease-out;
  color: var(--text-body, #212529);
  font-size: 14px;
}
.btn.btn-light:hover, .btn.btn-light:hover span {
  color: #fff;
}
.btn.btn-light:hover {
  background: var(--Colors-mid-green-dark, #3F6043);
}

@media screen and (min-width: 768px) {
  .list-title-wrapper {
    height: 58px;
    border-left-width: 6px;
    padding-left: 24px;
  }
  .list-title-wrapper .list-logo {
    line-height: 58px;
    font-size: 56px;
    margin-right: 24px;
  }
  .list-title-wrapper .list-title {
    font-size: 140px;
    line-height: 80px;
  }
  .list-title-wrapper .list-title.tv-title {
    font-size: 80px;
  }
  .btn.btn-light {
    padding: 10px 16px 10px 24px;
  }
  .btn.btn-light,
  .btn.btn-light span {
    font-size: 16px;
  }
}