/* add note-card */

.login-page {padding-bottom: 140px;}

.note-card {padding: 25px; background-color: #b7e2e25c; border-radius: 10px; backdrop-filter: blur(5px); --webkit-backdrop-filter: blur(5px);margin-top: 30px;}
.note-card p {margin-bottom: 0;font-size: var(--typo-default);line-height: 1.5em;}
.note-card p strong {color: var(--color-secondary);}

@media (max-width: 1600px) {
  .note-card {margin-top: 20px;padding: 25px;}
  .note-card p {font-size: var(--typo-default);}
}

@media (max-width: 991px) {
  .note-card {margin-top: 15px;padding: 20px;border-radius: 10px;}

  .login-page {padding-bottom: 0;}
}

@media (max-width: 767px) {
  .note-card {border-radius: 10px;padding: 15px;}
}


/* edit comments */

.sc-portal .portal-list .link .content {width: 90%;}
.sc-portal .portal-list .item-list li:nth-child(5n+1) .link .title, 
.sc-portal .portal-list .item-list li:nth-child(5n+2) .link .title {-webkit-line-clamp: 2; max-height:3em;font-size: 24px;}
.sc-portal .portal-list .item-list li:nth-child(5n+1) .link .desc, 
.sc-portal .portal-list .item-list li:nth-child(5n+2) .link .desc {font-size: var(--typo-sm);}
.sc-portal .portal-list .link .desc {font-size: var(--typo-default);}
.sc-portal .portal-list .link .action .btn {min-width: 110px; height: 45px;}
.sc-portal .portal-list .link .cover {width: 220px; padding-top: 220px;}

@media (max-width: 1600px) {
  .sc-portal .portal-list .link .content {width: 100%;}
  .sc-portal .portal-list .link .title {-webkit-line-clamp: 2; max-height:3em;}
  .sc-portal .portal-list .link .cover {width: 160px; padding-top: 160px;}
  .sc-portal .portal-list .item-list li:nth-child(5n+1) .link .title, 
  .sc-portal .portal-list .item-list li:nth-child(5n+2) .link .title {font-size: 20px;}
}

@media (max-width: 1300px)  {
  .sc-portal .portal-list .item-list li:nth-child(5n+1) .link .title, 
  .sc-portal .portal-list .item-list li:nth-child(5n+2) .link .title {font-size: var(--typo-md);}
}

@media (max-width: 767px) {
  .sc-portal .portal-list .link .action .btn {min-width: 100%;height: 40px;}
  .sc-portal .portal-list .link .desc {font-size: 14px !important;}
}

@media (max-width: 575px) {
  .sc-portal .portal-list .link .title, 
  .sc-portal .portal-list .link .desc {text-align: center;}
}