@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/spacegrotesk-regular.woff2') format('woff2'),
         url('../fonts/spacegrotesk-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/spacegrotesk-bold.woff2') format('woff2'),
         url('../fonts/spacegrotesk-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.kursna-lista {
    background-color: transparent !important;
    color: #FFFFFF !important;
    font-family: 'Space Grotesk', sans-serif !important;
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
}

.kursna-lista th {
    font-weight: 700;
    font-size: 1.1em;
    padding: 10px 8px;
    color: #FFAD02;
    border-top: 1px solid #FFAD02 !important;
    border-bottom: 2px solid #FFAD02 !important;
    border-left: 1px solid #FFAD02 !important;
    border-right: 1px solid #FFAD02 !important;
    text-align: left;
}

.kursna-lista td {
    font-weight: 400;
    color: #FFFFFF;
    border: 1px solid #FFAD02 !important;
    padding: 10px 8px;
}

.kursna-lista td:first-child {
    text-align: left !important;
}

.kursna-lista td img {
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.kursna-lista tbody tr:hover {
    background-color: #131355 !important;
}

@media (max-width: 600px) {
  .kursna-lista {
    font-size: 0.8rem;
  }
}

@media (max-width: 450px) {
  .kursna-lista {
    font-size: 0.7rem;
  }
}

@media (max-width: 350px) {
  .kursna-lista {
    font-size: 0.6rem;
  }
}

@media (max-width: 768px) {
  .kursna-lista th:nth-child(2),
  .kursna-lista td:nth-child(2) {
    display: none;
  }
}