@font-face {
  font-family: "RaiderCrusader";
  src: url("raidercrusadershiftup.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}








.stream-card
{
    border-radius: 1rem;
}

.logo {
    max-width: 225px;
}

header {
background-image: url('./images/header-BG.png');
background-size: cover;   /* scale image to cover the area */
  background-position: center;
}

.header-pad {
  max-width: 1300px;
}


.thumbnail-img {
    width: 100%;
    object-fit: cover;  /* fills the box without black bars */
    border-radius: 1rem;
}

.card-container {
    /*max-height: calc(95vh - 281px);   /* Adjust height to taste */
    overflow-y: auto;
    overflow-x: hidden;
    /*padding-right: 0.5rem; /* prevent scrollbar from covering content */
  /*background-image: url('/assets/images/tv-frame.png');
   background-size: cover;        
 background-repeat: no-repeat; 
  background-position: center;   
    padding: 1rem;                 */
    border-radius: 1rem; 
}

.card-container::-webkit-scrollbar {
    width: 8px;
}

.card-container::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 4px;
}

.card-container::-webkit-scrollbar-track {
    background: transparent;
}

/*.games-table-wrapper {
    max-height: 339px; /* adjust to your preferred card height */
    /*overflow-y: auto;  /* scroll if table exceeds height 
}*/

/* Optional: make scrollbar subtle */
.games-table-wrapper::-webkit-scrollbar {
    width: 6px;
}

.games-table-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
}

.games-table-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.games-table-wrapper thead th {
    position: sticky;
    top: 0;
    background-color: #fff; /* match card background */
    z-index: 10;            /* stay on top of rows */
}

.thumbtitle {
    position: sticky;
    top: 2%;
    background-color: #fff; /* match card background */
    z-index: 10;            /* stay on top of rows */
    padding-bottom: 15px;
}

p {
font-size: 16px;
}

td {
font-size: 16px;
}

h5 {
font-size: 25px;
}

.container{
    display:flex;
    flex-direction: column;
    height: calc(100vh - 281px);
}

.nav-link {
  --bs-nav-link-color: #dbdf0c;
  --bs-nav-link-hover-color: #ff0808;
  --bs-active-color: #ff0000;
  --bs-nav-link-font-size: 30px;
}

.navbar-nav {
    --bs-nav-link-padding-x: 20px;
}

.raider {
  font-family: "RaiderCrusader", sans-serif;
}



@media (max-width: 768px) {
    p {
font-size: 18px;
}

td {
font-size: 18px !important;
}
}